@ecan-bi/datav 1.0.61 → 1.0.64

package/lib/text/list/List.js

@@ -1,40 +1,26 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-var vue = require("vue");
-var props = require("./props.js");
-var usePickComponentStyle = require("../../_utils/hooks/usePickComponentStyle.js");
-var useOnEvent = require("../../_utils/hooks/useOnEvent.js");
-var useEmitEvent = require("../../_utils/hooks/useEmitEvent.js");
+const vue = require("vue");
+const props = require("./props.js");
+const usePickComponentStyle = require("../../_utils/hooks/usePickComponentStyle.js");
+const useOnEvent = require("../../_utils/hooks/useOnEvent.js");
+const useEmitEvent = require("../../_utils/hooks/useEmitEvent.js");
 require("lodash-es");
-var useRequestData = require("../../_utils/hooks/useRequestData.js");
-var constant = require("../../_utils/constant.js");
+const useRequestData = require("../../_utils/hooks/useRequestData.js");
+const constant = require("../../_utils/constant.js");
 require("../../_utils/request.js");
 require("ant-design-vue");
-var util = require("../../_utils/util.js");
-var Skeleton = require("../../common/skeleton/Skeleton2.js");
+const util = require("../../_utils/util.js");
+const Skeleton = require("../../common/skeleton/Skeleton.js");
 require("./List.vue_vue_type_style_index_0_scoped_true_lang.js");
 require("./List.vue_vue_type_style_index_1_lang.js");
-var pluginVue_exportHelper = require("../../_virtual/plugin-vue_export-helper.js");
+const pluginVue_exportHelper = require("../../_virtual/plugin-vue_export-helper.js");
 const _sfc_main = vue.defineComponent({
   name: "EcanList",
-  components: { Skeleton: Skeleton["default"] },
-  props: __spreadValues({}, props.listComponentProps),
+  components: { Skeleton: Skeleton.default },
+  props: {
+    ...props.listComponentProps
+  },
   setup(props2) {
     const dataSource = vue.ref(props2.data);
     const style = usePickComponentStyle.usePickComponentStyle(props2, ["backgroundColor"]);
@@ -114,7 +100,7 @@ const _sfc_main = vue.defineComponent({
     };
   }
 });
-const _withScopeId = (n) => (vue.pushScopeId("data-v-766e4cb3"), n = n(), vue.popScopeId(), n);
+const _withScopeId = (n) => (vue.pushScopeId("data-v-f7268778"), n = n(), vue.popScopeId(), n);
 const _hoisted_1 = {
   key: 0,
   class: "title"
@@ -162,9 +148,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 return vue.openBlock(), vue.createElementBlock("div", {
                   class: "column",
                   key: column.key || i,
-                  style: vue.normalizeStyle(__spreadValues({
-                    color: column.titleColor
-                  }, _ctx.columnStyle))
+                  style: vue.normalizeStyle({
+                    color: column.titleColor,
+                    ..._ctx.columnStyle
+                  })
                 }, vue.toDisplayString(column.title), 5);
               }), 128))
             ], 4);
@@ -199,11 +186,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 return vue.openBlock(), vue.createElementBlock("div", {
                   class: vue.normalizeClass(["column", _ctx.contrastClass(item[column.key], column.format)]),
                   key: column.key,
-                  style: vue.normalizeStyle(__spreadValues({
+                  style: vue.normalizeStyle({
                     fontSize: column.fontSize,
                     color: _ctx.contrastClass(item[column.key], column.format) === "" ? column.color : "",
-                    fontWeight: column.fontWeight
-                  }, _ctx.columnStyle))
+                    fontWeight: column.fontWeight,
+                    ..._ctx.columnStyle
+                  })
                 }, vue.toDisplayString((column.format != null || column.format !== "") && _ctx.formatFn(item[column.key], column.format)), 7);
               }), 128))
             ], 4);
@@ -214,6 +202,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["loading"])
   ], 4);
 }
-var List = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-766e4cb3"]]);
-exports["default"] = List;
+const List = /* @__PURE__ */ pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-f7268778"]]);
+exports.default = List;
 //# sourceMappingURL=List.js.map

package/lib/text/list/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.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 '@/_utils/hooks'\nimport { formatMoney, formatPercentage } from '@/_utils/util'\nimport { GLOBAL_CONFIG, REQUEST_MODEL } from '@/_utils/constant'\nimport Skeleton from '@/common/skeleton'\nimport { Events } from '../../_utils/props'\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.events as Events)\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: (requestFn: Function, sortNum: number) => void 0\n    })\n    setRequest(handleRequestData, props.requestSort as number)\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: #00F7B4;\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":["defineComponent","Skeleton","listComponentProps","ref","usePickComponentStyle","computed","formatMoney","formatPercentage","useRequestData","inject","GLOBAL_CONFIG","unref","useEmitEvent","useOnEvent","REQUEST_MODEL","_createElementVNode","_createElementBlock","_normalizeStyle","_createVNode","_withCtx","_openBlock","_Fragment","_renderList","_createCommentVNode","_toDisplayString","_normalizeClass"],"mappings":"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"}
+{"version":3,"file":"List.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 '@/_utils/hooks'\nimport { formatMoney, formatPercentage } from '@/_utils/util'\nimport { GLOBAL_CONFIG, REQUEST_MODEL } from '@/_utils/constant'\nimport Skeleton from '@/common/skeleton'\nimport { Events } from '@/_utils/props'\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.events as Events)\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: (requestFn: Function, sortNum: number) => void 0\n    })\n    setRequest(handleRequestData, props.requestSort as number)\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":["defineComponent","Skeleton","listComponentProps","props","ref","usePickComponentStyle","computed","formatMoney","formatPercentage","useRequestData","inject","GLOBAL_CONFIG","unref","useEmitEvent","useOnEvent","REQUEST_MODEL","_createElementVNode","_createElementBlock","_normalizeStyle","_createVNode","_withCtx","_openBlock","_Fragment","_renderList","_createCommentVNode","_toDisplayString","_normalizeClass"],"mappings":"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"}

package/lib/text/list/List.vue_vue_type_style_index_0_scoped_true_lang.js

@@ -1,112 +1,5 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-var List_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => `.ecan-list[data-v-766e4cb3] {
-  overflow: hidden;
-}
-.ecan-list-content[data-v-766e4cb3] {
-  width: 100%;
-  height: 100%;
-  overflow: auto;
-  display: flex;
-  align-content: flex-start;
-  flex-wrap: wrap;
-}
-.title[data-v-766e4cb3] {
-  position: absolute;
-  z-index: 9;
-  display: flex;
-  align-items: center;
-  height: 32px;
-  width: 100%;
-  font-size: 16px;
-  color: #ffffff;
-}
-.title-inner[data-v-766e4cb3] {
-  padding-left: 28px;
-  padding-right: 20px;
-  flex: 1;
-  display: flex;
-  height: 100%;
-}
-.title-placeholder[data-v-766e4cb3] {
-  width: 100%;
-  height: 32px;
-}
-.item[data-v-766e4cb3] {
-  display: flex;
-  align-items: center;
-  height: 32px;
-  padding-left: 28px;
-  padding-right: 20px;
-  width: 100%;
-  font-size: 16px;
-  color: #ffffff;
-}
-.column[data-v-766e4cb3] {
-  flex: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.ranking[data-v-766e4cb3] {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  flex-shrink: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.icon[data-v-766e4cb3] {
-  width: 12px;
-  height: 8px;
-  background: #21BEF7;
-  margin-right: 17px;
-  opacity: 0.6;
-}
-.item:nth-child(2) .icon[data-v-766e4cb3] {
-  opacity: 0.8;
-}
-.item:first-child .icon[data-v-766e4cb3] {
-  opacity: 1;
-}
-.sort[data-v-766e4cb3] {
-  font-weight: 600;
-}
-.goUp[data-v-766e4cb3] {
-  color: #FF512E;
-  display: flex;
-  align-items: center;
-}
-.goUp[data-v-766e4cb3]:before {
-  content: '';
-  display: block;
-  background: 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=");
-  width: 12px;
-  height: 12px;
-  background-repeat: no-repeat;
-  background-size: cover;
-  margin-right: 2px;
-}
-.goDown[data-v-766e4cb3] {
-  color: #00F7B4;
-  display: flex;
-  align-items: center;
-}
-.goDown[data-v-766e4cb3]:before {
-  content: '';
-  display: block;
-  background: 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=");
-  width: 12px;
-  height: 12px;
-  background-repeat: no-repeat;
-  background-size: cover;
-  margin-right: 2px;
-}
-.empty[data-v-766e4cb3] {
-  text-align: center;
-  margin-top: 15%;
-}
-`)();
-exports["default"] = List_vue_vue_type_style_index_0_scoped_true_lang;
+const List_vue_vue_type_style_index_0_scoped_true_lang = "";
+exports.default = List_vue_vue_type_style_index_0_scoped_true_lang;
 //# sourceMappingURL=List.vue_vue_type_style_index_0_scoped_true_lang.js.map

package/lib/text/list/List.vue_vue_type_style_index_0_scoped_true_lang.js.map

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

package/lib/text/list/List.vue_vue_type_style_index_1_lang.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-var List_vue_vue_type_style_index_1_lang = /* @__PURE__ */ (() => ".ecan-list *::-webkit-scrollbar-track {\n  background-color: #fff;\n}\n.ecan-list .ant-table-cell-scrollbar {\n  box-shadow: 0 1px 0 1px transparent;\n}\n.ecan-list *::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.ecan-list *::-webkit-scrollbar-thumb {\n  border-radius: 6px;\n  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n  background-color: #c8c9ca;\n}\n[datav-theme='darkBlue'] .ecan-list *::-webkit-scrollbar-thumb {\n  background-color: #2f4dac !important;\n}\n[datav-theme='darkBlue'] .ecan-list *::-webkit-scrollbar-track {\n  background-color: #192c70;\n}\n[datav-theme='darkBlue'] .ecan-list *::-webkit-scrollbar-corner {\n  background-color: #192c70 !important;\n}\n[datav-theme='darkBlue'] .ecan-list .empty {\n  color: #ffffff;\n}\n")();
-exports["default"] = List_vue_vue_type_style_index_1_lang;
+const List_vue_vue_type_style_index_1_lang = "";
+exports.default = List_vue_vue_type_style_index_1_lang;
 //# sourceMappingURL=List.vue_vue_type_style_index_1_lang.js.map

package/lib/text/list/index.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-var withInstall = require("../../_utils/withInstall.js");
-var List = require("./List.js");
-var props = require("./props.js");
-const EcanList = withInstall.withInstall(List["default"]);
+const withInstall = require("../../_utils/withInstall.js");
+const List = require("./List.js");
+const props = require("./props.js");
+const EcanList = withInstall.withInstall(List.default);
 exports.listComponentProps = props.listComponentProps;
 exports.listEvents = props.listEvents;
 exports.listProps = props.listProps;
 exports.EcanList = EcanList;
-exports["default"] = EcanList;
+exports.default = EcanList;
 //# sourceMappingURL=index.js.map

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

@@ -1 +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":["withInstall","List"],"mappings":";;;;;AAEa,MAAA,WAAWA,wBAAYC,KAAI,UAAA;;;;;;"}
+{"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":["withInstall","List"],"mappings":";;;;;AAEa,MAAA,WAAWA,wBAAYC,KAAI,OAAA;;;;;;"}

package/lib/text/list/props.js

@@ -1,26 +1,8 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-var props = require("../../_utils/props.js");
-const listProps = __spreadProps(__spreadValues({}, props.props), {
+const props = require("../../_utils/props.js");
+const listProps = {
+  ...props.props,
   type: "ecanList",
   name: "\u5217\u8868",
   keyName: "\u5217\u8868",
@@ -52,7 +34,7 @@ const listProps = __spreadProps(__spreadValues({}, props.props), {
       key: "age"
     }
   ]
-});
+};
 const listComponentProps = props.transformToComponentProps(listProps);
 const listEvents = ["refreshData", "click"];
 exports.listComponentProps = listComponentProps;

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

@@ -1 +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":["props","transformToComponentProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,YAAsB,iCAC9BA,MAAA,QAD8B;AAAA,EAEjC,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,qBAAqBC,gCAA0B,SAAS;AAOxD,MAAA,aAAsC,CAAC,eAAe,OAAO;;;;"}
+{"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":["props","transformToComponentProps"],"mappings":";;;AAmBO,MAAM,YAAsB;AAAA,EACjC,GAAGA,MAAA;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,qBAAqBC,gCAA0B,SAAS;AAOxD,MAAA,aAAsC,CAAC,eAAe,OAAO;;;;"}

package/lib/text/proportion/Proportion.js

@@ -1,90 +1,93 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-var vue = require("vue");
+const vue = require("vue");
 require("../../node_modules/ant-design-vue/es/style/default.js");
 require("../../node_modules/ant-design-vue/es/progress/style/index.js");
-var antDesignVue = require("ant-design-vue");
-var usePickComponentStyle = require("../../_utils/hooks/usePickComponentStyle.js");
-var useOnEvent = require("../../_utils/hooks/useOnEvent.js");
-var useEmitEvent = require("../../_utils/hooks/useEmitEvent.js");
+const antDesignVue = require("ant-design-vue");
+const usePickComponentStyle = require("../../_utils/hooks/usePickComponentStyle.js");
+const useOnEvent = require("../../_utils/hooks/useOnEvent.js");
+const useEmitEvent = require("../../_utils/hooks/useEmitEvent.js");
 require("lodash-es");
-var useRequestData = require("../../_utils/hooks/useRequestData.js");
-var constant = require("../../_utils/constant.js");
+const useRequestData = require("../../_utils/hooks/useRequestData.js");
+const constant = require("../../_utils/constant.js");
 require("../../_utils/request.js");
-var props = require("./props.js");
-var Skeleton = require("../../common/skeleton/Skeleton2.js");
+const props = require("./props.js");
+const Skeleton = require("../../common/skeleton/Skeleton.js");
 require("./Proportion.vue_vue_type_style_index_0_scoped_true_lang.js");
-var pluginVue_exportHelper = require("../../_virtual/plugin-vue_export-helper.js");
+const pluginVue_exportHelper = require("../../_virtual/plugin-vue_export-helper.js");
 const _sfc_main = vue.defineComponent({
   name: "EcanProportion",
   components: {
     AProgress: antDesignVue.Progress,
-    Skeleton: Skeleton["default"]
+    Skeleton: Skeleton.default
+  },
+  props: {
+    ...props.proportionComponentProps
   },
-  props: __spreadValues({}, props.proportionComponentProps),
   setup(props2) {
+    const { pageMode } = vue.inject(constant.GLOBAL_CONFIG, {
+      pageMode: "normal"
+    });
     const style = usePickComponentStyle.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 _a;
       const data = vue.unref(myData);
       if (data == null)
         return defaultValue;
       const values = Object.values(data);
-      return ((_a = values[0]) != null ? _a : 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 _a;
       let text2 = props2.text;
       const data = vue.unref(myData);
-      const variables = text2.match(/\{.*?\}/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 = (_a = data[v]) != null ? _a : 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);
+          }
+        }
+        let usedVariable = statement;
+        try {
+          if (/[+\-*/%]+/g.test(statement)) {
+            const eval2 = eval;
+            usedVariable = eval2(statement);
+          }
+        } catch (e) {
+          console.error(e);
         }
-        if (usedVariable != null) {
-          text2 = text2.replace(variable, usedVariable);
-        } else {
-          text2 = text2.replace(variable, "");
+        if (props2.decimalFormat) {
+          usedVariable = usedVariable == null ? void 0 : usedVariable.toFixed(2);
         }
+        text2 = text2.replace(variable, usedVariable + "");
       }
       return text2;
     });
-    const { pageMode } = vue.inject(constant.GLOBAL_CONFIG, {
-      pageMode: "normal"
-    });
     const requestData = useRequestData.useRequestData(props2);
     const loading = vue.ref(false);
     const handleRequestData = async () => {
@@ -163,6 +166,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["percent", "width", "type", "strokeColor", "strokeLinecap", "trailColor", "strokeWidth", "gapDegree", "onClick"])
   ], 4);
 }
-var Proportion = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-1a10ace9"]]);
-exports["default"] = Proportion;
+const Proportion = /* @__PURE__ */ pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-4a25add6"]]);
+exports.default = Proportion;
 //# sourceMappingURL=Proportion.js.map

package/lib/text/proportion/Proportion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Proportion.js","sources":["../../../src/text/proportion/Proportion.vue"],"sourcesContent":["<template>\n  <div class=\"ecan-proportion\" :style=\"style\">\n    <a-progress\n      class=\"progress\"\n      :percent=\"value\"\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 } from 'vue'\nimport 'ant-design-vue/es/progress/style'\nimport { Progress as AProgress } from 'ant-design-vue'\nimport { useEmitEvent, useOnEvent, usePickComponentStyle, useRequestData } from '../../_utils/hooks'\nimport { proportionComponentProps } from './props'\nimport { GLOBAL_CONFIG, REQUEST_MODEL } from '../../_utils/constant'\nimport Skeleton from '../../common/skeleton'\nimport { Events } from '../../_utils/props'\nexport default defineComponent({\n  name: 'EcanProportion',\n  components: {\n    AProgress,\n    Skeleton\n  },\n  props: {\n    ...proportionComponentProps\n  },\n  setup (props) {\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 }>(props.data as { [key:string]: any })\n    const defaultValue = 0 // 变量默认值\n    const value = computed(() => {\n      const data = unref(myData)\n      if (data == null) return defaultValue\n      const values = Object.values(data)\n      // 只取第一个，乘以 100\n      return (values[0] ?? 0) * 100\n    })\n    const useValueKey = computed(() => {\n      const data = unref(myData) || {} as { [key:string]: any }\n      return Object.keys(data)[0]\n    })\n    const text = computed(() => {\n      let text = props.text as string\n      const data = unref(myData)\n      const variables = (text).match(/\\{.*?\\}/g) || []\n      if (text === '') return unref(value) + '%'\n      for (let i = 0; i < variables.length; i++) {\n        const variable = variables[i]\n        const v = variable.slice(1, variable.length - 1)\n        let usedVariable:string = ''\n        // 百分分比格式化\n        if (unref(useValueKey) === v) {\n          usedVariable = unref(value).toFixed(2)\n        } else {\n          usedVariable = data[v] ?? defaultValue\n        }\n        if (usedVariable != null) {\n          // 过滤未使用的变量\n          text = text.replace(variable, usedVariable)\n        } else {\n          // 过滤未使用的变量\n          text = text.replace(variable, '')\n        }\n      }\n      return text\n    })\n\n    const { pageMode } = inject(GLOBAL_CONFIG, {\n      pageMode: 'normal'\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.events as Events)\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: (requestFn: Function, sortNum: number) => void 0\n    })\n\n    setRequest(handleRequestData, props.requestSort as number)\n\n    return {\n      style,\n      myWidth,\n      text,\n      value,\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":["defineComponent","AProgress","Skeleton","proportionComponentProps","usePickComponentStyle","computed","ref","unref","inject","GLOBAL_CONFIG","useRequestData","useOnEvent","useEmitEvent","REQUEST_MODEL","_createElementBlock","_normalizeStyle","_createVNode","_withCtx","_createBlock","_openBlock"],"mappings":"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"}
+{"version":3,"file":"Proportion.js","sources":["../../../src/text/proportion/Proportion.vue"],"sourcesContent":["<template>\n  <div class=\"ecan-proportion\" :style=\"style\">\n    <a-progress\n      class=\"progress\"\n      :percent=\"value\"\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 '@/_utils/hooks'\nimport { proportionComponentProps } from './props'\nimport { GLOBAL_CONFIG, REQUEST_MODEL } from '@/_utils/constant'\nimport Skeleton from '../../common/skeleton'\nimport { Events } from '@/_utils/props'\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 defaultValue = 0 // 变量默认值\n    const value = computed(() => {\n      const data = unref(myData)\n      if (data == null) return defaultValue\n      const values = Object.values(data)\n      // 只取第一个，乘以 100\n      const value = values[0] * 100\n      if (!isNaN(value)) {\n        return props.decimalFormat ? value.toFixed(2) : value\n      }\n      return 0\n    })\n    const text = computed(() => {\n      let text = props.text as string\n      const data = unref(myData) // { a: 1, b: 2 }\n      const variables = (text).match(/\\{.+\\}/g) || []\n      if (text === '') return unref(value) + '%'\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(/[a-zA-Z]\\w*/g) // a - b => [a,b]\n        for (let j = 0; j < textVariables?.length; j++) { // \"1 - 2\"\n          const textVariable = textVariables[i]\n          if (data[textVariable] != null) {\n            statement = statement.replace(textVariable, data[textVariable])\n          } else {\n            statement = statement.replace(textVariable, props.variableDefaultValue as string)\n          }\n        }\n        // 匹配加减乘除\n        let usedVariable:number | string = statement\n        // 运行表达式\n        try {\n          if ((/[+\\-*/%]+/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 (props.decimalFormat) {\n          usedVariable = (usedVariable as number)?.toFixed(2)\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.events as Events)\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: (requestFn: Function, sortNum: number) => void 0\n    })\n\n    setRequest(handleRequestData, props.requestSort as number)\n\n    return {\n      style,\n      myWidth,\n      text,\n      value,\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":["defineComponent","AProgress","Skeleton","proportionComponentProps","props","inject","GLOBAL_CONFIG","usePickComponentStyle","computed","ref","watch","unref","value","text","useRequestData","useOnEvent","useEmitEvent","REQUEST_MODEL","_createElementBlock","_normalizeStyle","_createVNode","_withCtx","_createBlock","_openBlock"],"mappings":"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"}

package/lib/text/proportion/Proportion.vue_vue_type_style_index_0_scoped_true_lang.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-var Proportion_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".ecan-proportion[data-v-1a10ace9] {\n  overflow: hidden;\n}\n.progress[data-v-1a10ace9] {\n  width: 100%;\n  height: 100%;\n}\n.format[data-v-1a10ace9] {\n  margin: 0 auto;\n}\n")();
-exports["default"] = Proportion_vue_vue_type_style_index_0_scoped_true_lang;
+const Proportion_vue_vue_type_style_index_0_scoped_true_lang = "";
+exports.default = Proportion_vue_vue_type_style_index_0_scoped_true_lang;
 //# sourceMappingURL=Proportion.vue_vue_type_style_index_0_scoped_true_lang.js.map

package/lib/text/proportion/index.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-var withInstall = require("../../_utils/withInstall.js");
-var Proportion = require("./Proportion.js");
-var props = require("./props.js");
-const EcanProportion = withInstall.withInstall(Proportion["default"]);
+const withInstall = require("../../_utils/withInstall.js");
+const Proportion = require("./Proportion.js");
+const props = require("./props.js");
+const EcanProportion = withInstall.withInstall(Proportion.default);
 exports.proportionComponentProps = props.proportionComponentProps;
 exports.proportionEvents = props.proportionEvents;
 exports.proportionProps = props.proportionProps;
 exports.EcanProportion = EcanProportion;
-exports["default"] = EcanProportion;
+exports.default = EcanProportion;
 //# sourceMappingURL=index.js.map

package/lib/text/proportion/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/text/proportion/index.ts"],"sourcesContent":["import { withInstall } from '../../_utils/withInstall'\nimport Proportion from './Proportion.vue'\nexport const EcanProportion = withInstall(Proportion)\nexport default EcanProportion\nexport * from './props'\n"],"names":["withInstall","Proportion"],"mappings":";;;;;AAEa,MAAA,iBAAiBA,wBAAYC,WAAU,UAAA;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/text/proportion/index.ts"],"sourcesContent":["import { withInstall } from '@/_utils/withInstall'\nimport Proportion from './Proportion.vue'\nexport const EcanProportion = withInstall(Proportion)\nexport default EcanProportion\nexport * from './props'\n"],"names":["withInstall","Proportion"],"mappings":";;;;;AAEa,MAAA,iBAAiBA,wBAAYC,WAAU,OAAA;;;;;;"}