@ecan-bi/datav 1.0.35 → 1.0.37

package/lib/text/list/List.js

@@ -0,0 +1,219 @@
+"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");
+require("lodash-es");
+var useRequestData = require("../../_utils/hooks/useRequestData.js");
+var 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");
+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 _sfc_main = vue.defineComponent({
+  name: "EcanList",
+  components: { Skeleton: Skeleton["default"] },
+  props: __spreadValues({}, props.listComponentProps),
+  setup(props2) {
+    const dataSource = vue.ref(props2.data);
+    const style = usePickComponentStyle.usePickComponentStyle(props2, ["backgroundColor"]);
+    const columnStyle = vue.computed(() => {
+      if (props2.useRanking) {
+        return {
+          textAlign: "center"
+        };
+      } else {
+        return {
+          textAlign: "left"
+        };
+      }
+    });
+    const formatFn = (value, format) => {
+      if (format == null || format === "")
+        return value;
+      const map = {
+        money: util.formatMoney,
+        percentage: util.formatPercentage,
+        contrast: util.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.useRequestData(props2);
+    const { pageMode } = vue.inject(constant.GLOBAL_CONFIG, {
+      pageMode: "normal"
+    });
+    const loading = vue.ref(false);
+    const handleRequestData = async () => {
+      var _a;
+      if (props2.dataType !== "request" || vue.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.useEmitEvent(props2.events);
+    const click = emitEvent("click", () => {
+    });
+    useOnEvent.useOnEvent(props2, {
+      refreshData
+    });
+    const { setRequest } = vue.inject(constant.REQUEST_MODEL, {
+      setRequest: (requestFn, sortNum) => void 0
+    });
+    setRequest(handleRequestData, props2.requestSort);
+    return {
+      style,
+      formatFn,
+      columnStyle,
+      contrastClass,
+      dataSource,
+      loading,
+      click
+    };
+  }
+});
+const _withScopeId = (n) => (vue.pushScopeId("data-v-766e4cb3"), n = n(), vue.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__ */ vue.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 = vue.resolveComponent("skeleton");
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: "ecan-list",
+    style: vue.normalizeStyle(_ctx.style)
+  }, [
+    vue.createVNode(_component_skeleton, { loading: _ctx.loading }, {
+      default: vue.withCtx(() => [
+        _ctx.useTitle ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columnCount, (count) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              class: "title-inner",
+              style: vue.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 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2)) : vue.createCommentVNode("", true),
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columns, (column, i) => {
+                return vue.openBlock(), vue.createElementBlock("div", {
+                  class: "column",
+                  key: column.key || i,
+                  style: vue.normalizeStyle(__spreadValues({
+                    color: column.titleColor
+                  }, _ctx.columnStyle))
+                }, vue.toDisplayString(column.title), 5);
+              }), 128))
+            ], 4);
+          }), 128))
+        ])) : vue.createCommentVNode("", true),
+        _ctx.dataSource.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+          _ctx.useTitle ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: "title-placeholder",
+            style: vue.normalizeStyle({
+              marginBottom: _ctx.itemRowSpan
+            })
+          }, null, 4)) : vue.createCommentVNode("", true),
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.dataSource.slice(0, _ctx.sliceCount), (item, i) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              class: "item",
+              style: vue.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 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+                _hoisted_5,
+                vue.createElementVNode("div", _hoisted_6, " Top " + vue.toDisplayString(i + 1), 1)
+              ])) : vue.createCommentVNode("", true),
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columns, (column) => {
+                return vue.openBlock(), vue.createElementBlock("div", {
+                  class: vue.normalizeClass(["column", _ctx.contrastClass(item[column.key], column.format)]),
+                  key: column.key,
+                  style: vue.normalizeStyle(__spreadValues({
+                    fontSize: column.fontSize,
+                    color: _ctx.contrastClass(item[column.key], column.format) === "" ? column.color : "",
+                    fontWeight: column.fontWeight
+                  }, _ctx.columnStyle))
+                }, vue.toDisplayString((column.format != null || column.format !== "") && _ctx.formatFn(item[column.key], column.format)), 7);
+              }), 128))
+            ], 4);
+          }), 128))
+        ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, " \u6682\u65E0\u6570\u636E "))
+      ]),
+      _: 1
+    }, 8, ["loading"])
+  ], 4);
+}
+var List = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-766e4cb3"]]);
+exports["default"] = List;
+//# sourceMappingURL=List.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,112 @@
+"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;
+//# 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +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;
+//# sourceMappingURL=List.vue_vue_type_style_index_1_lang.js.map

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

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

package/lib/text/list/index.js

@@ -0,0 +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"]);
+exports.listComponentProps = props.listComponentProps;
+exports.listEvents = props.listEvents;
+exports.listProps = props.listProps;
+exports.EcanList = EcanList;
+exports["default"] = EcanList;
+//# sourceMappingURL=index.js.map

package/lib/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":["withInstall","List"],"mappings":";;;;;AAEa,MAAA,WAAWA,wBAAYC,KAAI,UAAA;;;;;;"}

package/lib/text/list/props.js

@@ -0,0 +1,61 @@
+"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), {
+  type: "ecanList",
+  name: "\u5217\u8868",
+  keyName: "\u5217\u8868",
+  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 = props.transformToComponentProps(listProps);
+const listEvents = ["refreshData", "click"];
+exports.listComponentProps = listComponentProps;
+exports.listEvents = listEvents;
+exports.listProps = listProps;
+//# sourceMappingURL=props.js.map

package/lib/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":["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;;;;"}

package/lib/text/proportion/Proportion.js

@@ -0,0 +1,168 @@
+"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");
+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");
+require("lodash-es");
+var useRequestData = require("../../_utils/hooks/useRequestData.js");
+var constant = require("../../_utils/constant.js");
+require("../../_utils/request.js");
+var props = require("./props.js");
+var Skeleton = require("../../common/skeleton/Skeleton2.js");
+require("./Proportion.vue_vue_type_style_index_0_scoped_true_lang.js");
+var pluginVue_exportHelper = require("../../_virtual/plugin-vue_export-helper.js");
+const _sfc_main = vue.defineComponent({
+  name: "EcanProportion",
+  components: {
+    AProgress: antDesignVue.Progress,
+    Skeleton: Skeleton["default"]
+  },
+  props: __spreadValues({}, props.proportionComponentProps),
+  setup(props2) {
+    const style = usePickComponentStyle.usePickComponentStyle(props2);
+    const myWidth = vue.computed(() => {
+      const width = props2.width;
+      return parseFloat(width);
+    });
+    const myData = vue.ref(props2.data);
+    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 text = vue.computed(() => {
+      var _a;
+      let text2 = props2.text;
+      const data = vue.unref(myData);
+      const variables = text2.match(/\{.*?\}/g) || [];
+      if (text2 === "")
+        return vue.unref(value) + "%";
+      for (let i = 0; i < 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;
+        }
+        if (usedVariable != null) {
+          text2 = text2.replace(variable, usedVariable);
+        } else {
+          text2 = text2.replace(variable, "");
+        }
+      }
+      return text2;
+    });
+    const { pageMode } = vue.inject(constant.GLOBAL_CONFIG, {
+      pageMode: "normal"
+    });
+    const requestData = useRequestData.useRequestData(props2);
+    const loading = vue.ref(false);
+    const handleRequestData = async () => {
+      var _a;
+      if (props2.dataType !== "request" || vue.unref(pageMode) === "design")
+        return;
+      try {
+        loading.value = true;
+        const res = await requestData();
+        myData.value = ((_a = res == null ? void 0 : res.data) == null ? void 0 : _a.data) || {};
+      } catch (e) {
+        console.error(e);
+      } finally {
+        loading.value = false;
+      }
+    };
+    const refreshData = () => {
+      handleRequestData();
+    };
+    useOnEvent.useOnEvent(props2, {
+      refreshData
+    });
+    const emitEvent = useEmitEvent.useEmitEvent(props2.events);
+    const click = emitEvent("click", () => {
+    });
+    const { setRequest } = vue.inject(constant.REQUEST_MODEL, {
+      setRequest: (requestFn, sortNum) => void 0
+    });
+    setRequest(handleRequestData, props2.requestSort);
+    return {
+      style,
+      myWidth,
+      text,
+      value,
+      loading,
+      click
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_skeleton = vue.resolveComponent("skeleton");
+  const _component_a_progress = vue.resolveComponent("a-progress");
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: "ecan-proportion",
+    style: vue.normalizeStyle(_ctx.style)
+  }, [
+    vue.createVNode(_component_a_progress, {
+      class: "progress",
+      percent: _ctx.value,
+      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: vue.withCtx(() => [
+        _ctx.loading ? (vue.openBlock(), vue.createBlock(_component_skeleton, {
+          key: 0,
+          loading: _ctx.loading
+        }, null, 8, ["loading"])) : (vue.openBlock(), vue.createElementBlock("div", {
+          key: 1,
+          class: "format",
+          style: vue.normalizeStyle({
+            width: _ctx.strokeTextWidth,
+            fontSize: _ctx.fontSize,
+            color: _ctx.color,
+            fontWeight: _ctx.fontWeight,
+            lineHeight: _ctx.lineHeight
+          })
+        }, vue.toDisplayString(_ctx.text), 5))
+      ]),
+      _: 1
+    }, 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;
+//# sourceMappingURL=Proportion.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +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;
+//# sourceMappingURL=Proportion.vue_vue_type_style_index_0_scoped_true_lang.js.map

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

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