@ecan-bi/datav 1.1.16 → 1.1.18

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

@@ -0,0 +1,163 @@
+import { defineComponent, inject, computed, ref, watch, unref } from "vue";
+import "../../node_modules/ant-design-vue/es/style/default.less.js";
+import "../../node_modules/ant-design-vue/es/progress/style/index.less.js";
+import { Progress } from "ant-design-vue";
+import { usePickComponentStyle } from "../../hooks/usePickComponentStyle.js";
+import { useOnEvent } from "../../hooks/useOnEvent.js";
+import { useEmitEvent } from "../../hooks/useEmitEvent.js";
+import "lodash-es";
+import { useRequestData } from "../../hooks/useRequestData.js";
+import { GLOBAL_CONFIG, REQUEST_MODEL } from "../../utils/constant.js";
+import "../../utils/request.js";
+import { proportionComponentProps } from "./props.js";
+import Skeleton from "../../common/skeleton/Skeleton.vue2.js";
+const _sfc_main = defineComponent({
+  name: "EcanProportion",
+  components: {
+    AProgress: Progress,
+    Skeleton
+  },
+  props: {
+    ...proportionComponentProps
+  },
+  setup(props) {
+    const { pageMode } = inject(GLOBAL_CONFIG, {
+      pageMode: "normal"
+    });
+    const style = usePickComponentStyle(props);
+    const myWidth = computed(() => {
+      const width = props.width;
+      return parseFloat(width);
+    });
+    const myData = ref({});
+    watch(() => props.data, () => {
+      if (props.dataType === "static" || unref(pageMode) === "design") {
+        myData.value = props.data;
+      }
+    }, {
+      immediate: true,
+      deep: true
+    });
+    const myValue = computed(() => {
+      const data = unref(myData);
+      const defaultValue = +props.variableDefaultValue;
+      if (data == null) {
+        if (!isNaN(defaultValue)) {
+          return defaultValue;
+        } else {
+          return 0;
+        }
+      }
+      const variables = props.text.match(/\{.+\}/g) || [];
+      let value;
+      const valueSet = new Set(Object.keys(data));
+      for (let i = 0; i < variables.length; i++) {
+        const variable = variables[i];
+        const key = variable.slice(1, variable.length - 1);
+        if (valueSet.has(key)) {
+          value = data[key];
+          break;
+        }
+      }
+      if (typeof value === "number") {
+        value = value * 100;
+      } else if (typeof value === "string" && !isNaN(+value)) {
+        value = +value * 100;
+      } else if (!isNaN(defaultValue)) {
+        value = defaultValue * 100;
+      } else {
+        value = 0;
+      }
+      if (props.decimalFormat) {
+        value = +value.toFixed(2);
+      }
+      return value;
+    });
+    const text = computed(() => {
+      var _a;
+      let text2 = props.text;
+      if (text2 === "")
+        return unref(myValue);
+      const defaultValue = props.variableDefaultValue;
+      const data = unref(myData);
+      const variables = text2.match(/\{.+\}/g) || [];
+      for (let i = 0; i < variables.length; i++) {
+        const variable = variables[i];
+        let statement = variable.slice(1, variable.length - 1);
+        const textVariables = statement.match(/.*/g);
+        for (let j = 0; j < (textVariables == null ? void 0 : textVariables.length); j++) {
+          const textVariable = (_a = textVariables[i]) == null ? void 0 : _a.trim();
+          if (data[textVariable] != null) {
+            statement = statement.replace(textVariable, data[textVariable]);
+          } else {
+            statement = statement.replace(textVariable, defaultValue);
+          }
+        }
+        let usedVariable = statement;
+        try {
+          if (/\w+[+\-*/%]+\w+/g.test(statement)) {
+            const eval2 = eval;
+            usedVariable = eval2(statement);
+          }
+        } catch (e) {
+          console.error(e);
+        }
+        if (typeof usedVariable === "number" || !isNaN(+usedVariable)) {
+          usedVariable = +usedVariable * 100;
+          if (props.decimalFormat) {
+            usedVariable = usedVariable.toFixed(2);
+          }
+        }
+        text2 = text2.replace(variable, usedVariable + "");
+      }
+      return text2;
+    });
+    const requestData = useRequestData(props);
+    const loading = ref(false);
+    const handleRequestData = async () => {
+      var _a;
+      if (props.dataType !== "request" || unref(pageMode) === "design")
+        return;
+      try {
+        loading.value = true;
+        const res = await requestData();
+        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(props, {
+      refreshData
+    });
+    const emitEvent = useEmitEvent(props);
+    const click = emitEvent("click", () => {
+    });
+    const { setRequest } = inject(REQUEST_MODEL, {
+      // @ts-ignore
+      // eslint-disable-next-line no-void
+      setRequest: ({ id, sortNum, requestFn }) => void 0
+    });
+    setRequest({
+      id: props.id,
+      requestFn: handleRequestData,
+      sortNum: props.requestSort
+    });
+    return {
+      style,
+      myWidth,
+      text,
+      myValue,
+      loading,
+      click
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Proportion.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Proportion.vue2.js","sources":["../../../src/text/proportion/Proportion.vue"],"sourcesContent":["<template>\n  <div class=\"ecan-proportion\" :style=\"style\">\n    <a-progress\n      class=\"progress\"\n      :percent=\"myValue\"\n      :width=\"myWidth\"\n      :type=\"strokeType\"\n      :strokeColor=\"strokeColor\"\n      :strokeLinecap=\"strokeLinecap\"\n      :trailColor=\"trailColor\"\n      :strokeWidth=\"strokeWidth\"\n      :gapDegree=\"strokeType === 'dashboard' ? 75 : 0\"\n      @click=\"click\"\n    >\n      <template #format>\n        <skeleton v-if=\"loading\" :loading=\"loading\"/>\n        <div\n          v-else\n          class=\"format\"\n          :style=\"{\n            width: strokeTextWidth,\n            fontSize,\n            color,\n            fontWeight,\n            lineHeight\n          }\">\n          {{ text }}\n        </div>\n      </template>\n    </a-progress>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, ref, unref, watch } from 'vue'\nimport 'ant-design-vue/es/progress/style'\nimport { Progress as AProgress } from 'ant-design-vue'\nimport { useEmitEvent, useOnEvent, usePickComponentStyle, useRequestData } from '@/hooks'\nimport { proportionComponentProps } from './props'\nimport { GLOBAL_CONFIG, REQUEST_MODEL } from '@/utils/constant'\nimport Skeleton from '../../common/skeleton'\nimport { RequestModalParam } from '@/utils/types'\nexport default defineComponent({\n  name: 'EcanProportion',\n  components: {\n    AProgress,\n    Skeleton\n  },\n  props: {\n    ...proportionComponentProps\n  },\n  setup (props) {\n    const { pageMode } = inject(GLOBAL_CONFIG, {\n      pageMode: 'normal'\n    })\n    const style = usePickComponentStyle(props)\n    const myWidth = computed(() => {\n      const width = props.width as string\n      return parseFloat(width)\n    })\n    const myData = ref<{ [key:string]: any }>({})\n    watch(() => props.data, () => {\n      if (props.dataType === 'static' || unref(pageMode) === 'design') {\n        myData.value = props.data as { [key:string]: any }\n      }\n    }, {\n      immediate: true,\n      deep: true\n    })\n    const myValue = computed(() => {\n      const data = unref(myData)\n      const defaultValue = +(props.variableDefaultValue)\n      if (data == null) {\n        if (!isNaN(defaultValue)) {\n          return defaultValue\n        } else {\n          return 0\n        }\n      }\n      const variables = (props.text as string).match(/\\{.+\\}/g) || []\n      let value\n      const valueSet = new Set(Object.keys(data))\n      for (let i = 0; i < variables.length; i++) {\n        const variable = variables[i]\n        const key = variable.slice(1, variable.length - 1)\n        if (valueSet.has(key)) {\n          value = data[key]\n          break\n        }\n      }\n\n      if (typeof value === 'number') {\n        value = value * 100\n      } else if (typeof value === 'string' && !isNaN(+value)) {\n        value = (+value) * 100\n      } else if (!isNaN(defaultValue)) {\n        value = defaultValue * 100\n      } else {\n        value = 0\n      }\n\n      if (props.decimalFormat) {\n        value = +value.toFixed(2)\n      }\n      return value\n    })\n    const text = computed(() => {\n      let text = props.text as string\n      if (text === '') return unref(myValue)\n      const defaultValue = props.variableDefaultValue as string // 变量默认值\n      const data = unref(myData) // { a: 1, b: 2 }\n      const variables = (text).match(/\\{.+\\}/g) || []\n      for (let i = 0; i < variables.length; i++) {\n        const variable = variables[i]\n        let statement = variable.slice(1, variable.length - 1) // { a - b} => a - b\n        const textVariables = statement.match(/.*/g) // a - b => [a,b]\n        for (let j = 0; j < textVariables?.length; j++) { // \"1 - 2\"\n          const textVariable = textVariables[i]?.trim()\n          if (data[textVariable] != null) {\n            statement = statement.replace(textVariable, data[textVariable])\n          } else {\n            statement = statement.replace(textVariable, defaultValue)\n          }\n        }\n        // 匹配加减乘除\n        let usedVariable:number | string = statement\n        // 运行表达式\n        try {\n          if ((/\\w+[+\\-*/%]+\\w+/g).test(statement)) {\n            // eslint-disable-next-line no-eval\n            const eval2 = eval\n            usedVariable = eval2(statement)\n          }\n        } catch (e) {\n          console.error(e)\n        }\n        if (typeof usedVariable === 'number' || !isNaN(+usedVariable)) {\n          usedVariable = (+usedVariable * 100)\n          if (props.decimalFormat) {\n            usedVariable = usedVariable.toFixed(2)\n          }\n        }\n        text = text.replace(variable, usedVariable + '')\n      }\n      return text\n    })\n    const requestData = useRequestData(props)\n    const loading = ref(false)\n    const handleRequestData = async () => {\n      if (props.dataType !== 'request' || unref(pageMode) === 'design') return\n      try {\n        loading.value = true\n        const res = await requestData()\n        myData.value = res?.data?.data || {}\n      } catch (e) {\n        console.error(e)\n      } finally {\n        loading.value = false\n      }\n    }\n    const refreshData = () => {\n      handleRequestData()\n    }\n    useOnEvent(props, {\n      refreshData\n    })\n\n    const emitEvent = useEmitEvent(props)\n\n    const click = emitEvent('click', () => {})\n\n    const { setRequest } = inject(REQUEST_MODEL, {\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      setRequest: ({ id, sortNum, requestFn }: RequestModalParam) => void 0\n    })\n\n    setRequest({\n      id: props.id as string,\n      requestFn: handleRequestData,\n      sortNum: props.requestSort as number\n    })\n\n    return {\n      style,\n      myWidth,\n      text,\n      myValue,\n      loading,\n      click\n    }\n  }\n})\n</script>\n\n<style scoped lang=\"less\">\n.ecan-proportion {\n  overflow: hidden;\n}\n\n.progress {\n  width: 100%;\n  height: 100%;\n}\n\n.format {\n  margin: 0 auto;\n}\n</style>\n"],"names":["AProgress","text"],"mappings":"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"}

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

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

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

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

package/es/text/proportion/index.js

@@ -0,0 +1,12 @@
+import { withInstall } from "../../utils/withInstall.js";
+import Proportion from "./Proportion.vue.js";
+import { proportionComponentProps, proportionEvents, proportionProps } from "./props.js";
+const EcanProportion = withInstall(Proportion);
+export {
+  EcanProportion,
+  EcanProportion as default,
+  proportionComponentProps,
+  proportionEvents,
+  proportionProps
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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":[],"mappings":";;;AAEa,MAAA,iBAAiB,YAAY,UAAU;"}

package/es/text/proportion/props.js

@@ -0,0 +1,33 @@
+import { transformToComponentProps, props } from "../../utils/props.js";
+const proportionProps = {
+  ...props,
+  name: "占比图",
+  keyName: "占比图",
+  type: "ecanProportion",
+  strokeType: "circle",
+  width: "200px",
+  height: "200px",
+  strokeColor: "#4091f7",
+  strokeLinecap: "round",
+  trailColor: "#f5f5f5",
+  data: {
+    percent: 0.3
+  },
+  text: "{percent}%",
+  fontSize: "26px",
+  color: "#4091f7",
+  strokeWidth: 6,
+  fontWeight: 400,
+  strokeTextWidth: "100%",
+  lineHeight: "26px",
+  decimalFormat: false,
+  variableDefaultValue: "0"
+};
+const proportionComponentProps = transformToComponentProps(proportionProps);
+const proportionEvents = ["refreshData", "click"];
+export {
+  proportionComponentProps,
+  proportionEvents,
+  proportionProps
+};
+//# sourceMappingURL=props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","sources":["../../../src/text/proportion/props.ts"],"sourcesContent":["import {\n  Props,\n  props,\n  transformToComponentProps\n} from '@/utils/props'\n\nexport interface ProportionProps extends Props {\n  strokeColor: string // 进度条的色彩\n  strokeLinecap: 'round' | 'square' // 进度条的样式\n  trailColor: string // 未完成的分段的颜色\n  strokeType: 'circle' | 'dashboard',\n  data: { [key:string]: any }\n  text: string\n  fontSize: string\n  color: string\n  strokeWidth: number\n  fontWeight: number\n  strokeTextWidth: string\n  lineHeight: string\n  decimalFormat: boolean\n  variableDefaultValue: string\n}\n\nexport const proportionProps: ProportionProps = {\n  ...props,\n  name: '占比图',\n  keyName: '占比图',\n  type: 'ecanProportion',\n  strokeType: 'circle',\n  width: '200px',\n  height: '200px',\n  strokeColor: '#4091f7',\n  strokeLinecap: 'round',\n  trailColor: '#f5f5f5',\n  data: {\n    percent: 0.30\n  },\n  text: '{percent}%',\n  fontSize: '26px',\n  color: '#4091f7',\n  strokeWidth: 6,\n  fontWeight: 400,\n  strokeTextWidth: '100%',\n  lineHeight: '26px',\n  decimalFormat: false,\n  variableDefaultValue: '0'\n}\n\nexport const proportionComponentProps = transformToComponentProps(proportionProps)\n\nexport const proportionEvents = ['refreshData', 'click']\n"],"names":[],"mappings":";AAuBO,MAAM,kBAAmC;AAAA,EAC9C,GAAG;AAAA,EACH,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,MAAM;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,EACN,UAAU;AAAA,EACV,OAAO;AAAA,EACP,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,sBAAsB;AACxB;AAEa,MAAA,2BAA2B,0BAA0B,eAAe;AAEpE,MAAA,mBAAmB,CAAC,eAAe,OAAO;"}

package/es/text/scroll-text/ScrollText.vue.js

@@ -0,0 +1,13 @@
+import _sfc_main from "./ScrollText.vue2.js";
+import { openBlock, createElementBlock, toDisplayString } from "vue";
+import "./ScrollText.vue3.js";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _hoisted_1 = { class: "red" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(_ctx.text), 1);
+}
+const ScrollText = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-4dd9c03e"]]);
+export {
+  ScrollText as default
+};
+//# sourceMappingURL=ScrollText.vue.js.map

package/es/text/scroll-text/ScrollText.vue.js.map

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

package/es/text/scroll-text/ScrollText.vue2.js

@@ -0,0 +1,14 @@
+import { defineComponent, ref } from "vue";
+const _sfc_main = defineComponent({
+  name: "EcanScrollText",
+  setup() {
+    const text = ref("基础文本");
+    return {
+      text
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ScrollText.vue2.js.map

package/es/text/scroll-text/ScrollText.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollText.vue2.js","sources":["../../../src/text/scroll-text/ScrollText.vue"],"sourcesContent":["<template>\n  <div class=\"red\">\n    {{ text }}\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref } from 'vue'\nexport default defineComponent({\n  name: 'EcanScrollText',\n  setup () {\n    const text = ref('基础文本')\n    return {\n      text\n    }\n  }\n})\n</script>\n\n<style scoped lang=\"less\">\n.red {\n  color: red;\n}\n</style>\n"],"names":[],"mappings":";AAQA,MAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,QAAS;AACD,UAAA,OAAO,IAAI,MAAM;AAChB,WAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

package/es/text/scroll-text/ScrollText.vue3.js

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

package/es/text/scroll-text/ScrollText.vue3.js.map

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

package/es/text/scroll-text/index.js

@@ -0,0 +1,8 @@
+import { withInstall } from "../../utils/withInstall.js";
+import ScrollText from "./ScrollText.vue.js";
+const EcanScrollText = withInstall(ScrollText);
+export {
+  EcanScrollText,
+  EcanScrollText as default
+};
+//# sourceMappingURL=index.js.map

package/es/text/scroll-text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/text/scroll-text/index.ts"],"sourcesContent":["import { withInstall } from '../../utils/withInstall'\nimport ScrollText from './ScrollText.vue'\nexport const EcanScrollText = withInstall(ScrollText)\nexport default EcanScrollText\n"],"names":[],"mappings":";;AAEa,MAAA,iBAAiB,YAAY,UAAU;"}

package/es/text/text/Text.vue.js

@@ -0,0 +1,26 @@
+import _sfc_main from "./Text.vue2.js";
+import { resolveComponent, openBlock, createElementBlock, normalizeStyle, createVNode } from "vue";
+import "./Text.vue3.js";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _hoisted_1 = ["innerHTML"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_skeleton = resolveComponent("skeleton");
+  return _ctx.loading ? (openBlock(), createElementBlock("div", {
+    key: 0,
+    class: "skeleton-wrapper",
+    style: normalizeStyle(_ctx.style)
+  }, [
+    createVNode(_component_skeleton, { loading: _ctx.loading }, null, 8, ["loading"])
+  ], 4)) : (openBlock(), createElementBlock("div", {
+    key: 1,
+    class: "ecan-text",
+    style: normalizeStyle(_ctx.style),
+    innerHTML: _ctx.myText,
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.click && _ctx.click(...args))
+  }, null, 12, _hoisted_1));
+}
+const Text = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-39de3ad6"]]);
+export {
+  Text as default
+};
+//# sourceMappingURL=Text.vue.js.map

package/es/text/text/Text.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.vue.js","sources":["../../../src/text/text/Text.vue"],"sourcesContent":["<template>\n  <div class=\"skeleton-wrapper\" :style=\"style\" v-if=\"loading\">\n    <skeleton :loading=\"loading\"/>\n  </div>\n  <div class=\"ecan-text\" :style=\"style\" v-html=\"myText\" @click=\"click\" v-else/>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, ref, unref, watch } from 'vue'\nimport { textComponentProps } from './props'\nimport {\n  usePickComponentStyle,\n  useRequestData,\n  useOnEvent,\n  useEmitEvent,\n  usePageUrl,\n  useVariablesInText\n} from '@/hooks'\nimport { GLOBAL_CONFIG, REQUEST_MODEL } from '@/utils/constant'\nimport Skeleton from '@/common/skeleton/Skeleton.vue'\nimport goUp from '@/assets/go-up.png'\nimport goDown from '@/assets/go-down.png'\nimport { RequestModalParam } from '@/utils/types'\nimport { formatMoney } from '@/utils/util'\n\nexport default defineComponent({\n  name: 'EcanText',\n  components: { Skeleton },\n  props: {\n    ...textComponentProps\n  },\n  setup (props) {\n    const style = usePickComponentStyle(props)\n    const myData = ref({} as { [key:string]:any })\n    watch(() => [props.data, props.dataType], ([data, dataType]) => {\n      if (dataType === 'static') {\n        myData.value = data as { [key: string]: any }\n      }\n    }, {\n      immediate: true\n    })\n    const myText = computed(() => {\n      const data = unref(myData)\n      let text = props.text as string\n      text = text?.replace(/\\n|\\\\n/g, '<br/>')\n      text = text?.replace(/\\s/g, '&nbsp;')\n      const variables = (text).match(/\\{\\s*[\\w\\u4e00-\\u9fa5]*\\s*\\}/g)\n      if (variables == null || variables.length === 0) return text\n      for (let i = 0; i < variables.length; i++) {\n        const variable = variables[i]\n        const v = variable?.slice(1, variable.length - 1)?.trim()\n        let usedVariable = data[v]\n        // 能取到变量值\n        if (usedVariable != null) {\n          // 涨跌幅\n          const format = props.format\n          if (format === 'percentage') {\n            // 判断是数字类型\n            usedVariable = +usedVariable\n            if (!isNaN(usedVariable)) {\n              usedVariable = (usedVariable * 100).toFixed(2)\n              // 如果大于等于 0\n              if (usedVariable >= 0) {\n                text = text.replace(variable, `<span style=\"color:#ED6643;font-size:${props.variableFontSize}\"><img style=\"width: ${props.variableFontSize}\" src=\"${goUp}\"/>${usedVariable}%</span>`)\n              } else {\n                // 如果小于 0\n                text = text.replace(variable, `<span style=\"color: #6ACB97;font-size:${props.variableFontSize}\"><img style=\"width: ${props.variableFontSize}\" src=\"${goDown}\"/>${Math.abs(usedVariable)}%</span>`)\n              }\n            } else {\n              // 判断不是数字类型\n              text = text.replace(variable, `<span style=\"color:${props.variableColor};font-size:${props.variableFontSize}\">${0.00}%</span>`)\n            }\n          } else if (format === 'percent') {\n            // 百分数\n            // 判断是数字类型\n            usedVariable = +usedVariable\n            if (!isNaN(usedVariable)) {\n              usedVariable = (usedVariable * 100).toFixed(2)\n              text = text.replace(variable, `<span style=\"color:${props.variableColor};font-size:${props.variableFontSize}\">${usedVariable}%</span>`)\n            }\n          } else if (props.format === 'money') {\n            // 金额格式化\n            usedVariable = +usedVariable\n            if (!isNaN(usedVariable)) {\n              usedVariable = formatMoney(usedVariable)\n              text = text.replace(variable, `<span style=\"color:${props.variableColor};font-size:${props.variableFontSize}\">${usedVariable}</span>`)\n            }\n          } else {\n            /// 没有使用百分格式化\n            text = text.replace(variable, `<span style=\"color:${props.variableColor};font-size:${props.variableFontSize}\">${usedVariable}</span>`)\n          }\n        } else {\n          // 不能取到变量值\n          text = text.replace(variable, props.variableDefaultValue as string)\n        }\n      }\n      return `<span>${text}</span>`\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 (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      if (props.dataType === 'static') return\n      handleRequestData()\n    }\n\n    useOnEvent(props, {\n      refreshData\n    })\n\n    const { setRequest } = inject(REQUEST_MODEL, {\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      setRequest: ({ id, sortNum, requestFn }: RequestModalParam) => void 0\n    })\n\n    setRequest({\n      id: props.id as string,\n      requestFn: refreshData,\n      sortNum: props.requestSort as number\n    })\n    useOnEvent(props, {\n      refreshData\n    })\n\n    const emitEvent = useEmitEvent(props)\n\n    const click = emitEvent('click', () => {\n      //  空链接、空页面直接 return\n      if (!props.linkPage && !props.href) return\n      const linkPage = (props.linkPage || '') as string\n      const pageUrl = usePageUrl(unref(pageMode), linkPage)\n      // 优先使用外部链接，再使用url\n      const href = props.href as string\n      let url = href || pageUrl\n      url = useVariablesInText(url)\n      const target = props.target\n      if (target == null || target === '') return\n      if (target !== 'event') {\n        window.open(url, '_' + (target as string))\n      } else {\n        window.parent.postMessage({\n          type: 'openPage',\n          url: href\n        }, '*')\n      }\n    })\n\n    return {\n      style,\n      myText,\n      loading,\n      click\n    }\n  }\n})\n</script>\n\n<style scoped lang=\"less\">\n.skeleton-wrapper {\n  overflow: hidden;\n}\n\n.ecan-text {\n  overflow: hidden;\n  display: flex;\n}\n</style>\n"],"names":["_resolveComponent","_createElementBlock","_normalizeStyle","_openBlock"],"mappings":";;;;;;AAC4D,QAAA,sBAAAA,iBAAA,UAAA;sCAA7BC,mBAAA,OAAA;AAAA,IAAE,KAAK;AAAA,IAAA,OAAA;AAAA,IAClC,OAA8BC,eAAA,KAAA,KAAA;AAAA,EAAA,GAAA;AAAA,gBAEhC,qBAA6E,EAAA,SAAA,KAAA,QAAA,GAAA,MAAA,GAAA,CAAA,SAAA,CAAA;AAAA,EAAA,GAAA,CAAA,MAAAC,aAAvDF,mBAAA,OAAA;AAAA,IAAE,KAAK;AAAA,IAAS,OAAA;AAAA,IAAiB,OAAKC,eAAA,KAAA,KAAA;AAAA,IAAA,WAAA,KAAA;AAAA;;;;"}

package/es/text/text/Text.vue2.js

@@ -0,0 +1,153 @@
+import { defineComponent, ref, watch, computed, unref, inject } from "vue";
+import { textComponentProps } from "./props.js";
+import { usePickComponentStyle } from "../../hooks/usePickComponentStyle.js";
+import { useOnEvent } from "../../hooks/useOnEvent.js";
+import { useEmitEvent } from "../../hooks/useEmitEvent.js";
+import "lodash-es";
+import { useRequestData } from "../../hooks/useRequestData.js";
+import { usePageUrl } from "../../hooks/usePageUrl.js";
+import { useVariablesInText } from "../../hooks/useVariablesInText.js";
+import { GLOBAL_CONFIG, REQUEST_MODEL } from "../../utils/constant.js";
+import "../../utils/request.js";
+import "ant-design-vue";
+import { formatMoney } from "../../utils/util.js";
+import Skeleton from "../../common/skeleton/Skeleton.vue2.js";
+import goUp from "../../assets/go-up.png.js";
+import goDown from "../../assets/go-down.png.js";
+const _sfc_main = defineComponent({
+  name: "EcanText",
+  components: { Skeleton },
+  props: {
+    ...textComponentProps
+  },
+  setup(props) {
+    const style = usePickComponentStyle(props);
+    const myData = ref({});
+    watch(() => [props.data, props.dataType], ([data, dataType]) => {
+      if (dataType === "static") {
+        myData.value = data;
+      }
+    }, {
+      immediate: true
+    });
+    const myText = computed(() => {
+      var _a;
+      const data = unref(myData);
+      let text = props.text;
+      text = text == null ? void 0 : text.replace(/\n|\\n/g, "<br/>");
+      text = text == null ? void 0 : text.replace(/\s/g, "&nbsp;");
+      const variables = text.match(/\{\s*[\w\u4e00-\u9fa5]*\s*\}/g);
+      if (variables == null || variables.length === 0)
+        return text;
+      for (let i = 0; i < variables.length; i++) {
+        const variable = variables[i];
+        const v = (_a = variable == null ? void 0 : variable.slice(1, variable.length - 1)) == null ? void 0 : _a.trim();
+        let usedVariable = data[v];
+        if (usedVariable != null) {
+          const format = props.format;
+          if (format === "percentage") {
+            usedVariable = +usedVariable;
+            if (!isNaN(usedVariable)) {
+              usedVariable = (usedVariable * 100).toFixed(2);
+              if (usedVariable >= 0) {
+                text = text.replace(variable, `<span style="color:#ED6643;font-size:${props.variableFontSize}"><img style="width: ${props.variableFontSize}" src="${goUp}"/>${usedVariable}%</span>`);
+              } else {
+                text = text.replace(variable, `<span style="color: #6ACB97;font-size:${props.variableFontSize}"><img style="width: ${props.variableFontSize}" src="${goDown}"/>${Math.abs(usedVariable)}%</span>`);
+              }
+            } else {
+              text = text.replace(variable, `<span style="color:${props.variableColor};font-size:${props.variableFontSize}">${0}%</span>`);
+            }
+          } else if (format === "percent") {
+            usedVariable = +usedVariable;
+            if (!isNaN(usedVariable)) {
+              usedVariable = (usedVariable * 100).toFixed(2);
+              text = text.replace(variable, `<span style="color:${props.variableColor};font-size:${props.variableFontSize}">${usedVariable}%</span>`);
+            }
+          } else if (props.format === "money") {
+            usedVariable = +usedVariable;
+            if (!isNaN(usedVariable)) {
+              usedVariable = formatMoney(usedVariable);
+              text = text.replace(variable, `<span style="color:${props.variableColor};font-size:${props.variableFontSize}">${usedVariable}</span>`);
+            }
+          } else {
+            text = text.replace(variable, `<span style="color:${props.variableColor};font-size:${props.variableFontSize}">${usedVariable}</span>`);
+          }
+        } else {
+          text = text.replace(variable, props.variableDefaultValue);
+        }
+      }
+      return `<span>${text}</span>`;
+    });
+    const { pageMode } = inject(GLOBAL_CONFIG, {
+      pageMode: "normal"
+    });
+    const requestData = useRequestData(props);
+    const loading = ref(false);
+    const handleRequestData = async () => {
+      var _a;
+      if (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 = () => {
+      if (props.dataType === "static")
+        return;
+      handleRequestData();
+    };
+    useOnEvent(props, {
+      refreshData
+    });
+    const { setRequest } = inject(REQUEST_MODEL, {
+      // @ts-ignore
+      // eslint-disable-next-line no-void
+      setRequest: ({ id, sortNum, requestFn }) => void 0
+    });
+    setRequest({
+      id: props.id,
+      requestFn: refreshData,
+      sortNum: props.requestSort
+    });
+    useOnEvent(props, {
+      refreshData
+    });
+    const emitEvent = useEmitEvent(props);
+    const click = emitEvent("click", () => {
+      if (!props.linkPage && !props.href)
+        return;
+      const linkPage = props.linkPage || "";
+      const pageUrl = usePageUrl(unref(pageMode), linkPage);
+      const href = props.href;
+      let url = href || pageUrl;
+      url = useVariablesInText(url);
+      const target = props.target;
+      if (target == null || target === "")
+        return;
+      if (target !== "event") {
+        window.open(url, "_" + target);
+      } else {
+        window.parent.postMessage({
+          type: "openPage",
+          url: href
+        }, "*");
+      }
+    });
+    return {
+      style,
+      myText,
+      loading,
+      click
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Text.vue2.js.map

package/es/text/text/Text.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.vue2.js","sources":["../../../src/text/text/Text.vue"],"sourcesContent":["<template>\n  <div class=\"skeleton-wrapper\" :style=\"style\" v-if=\"loading\">\n    <skeleton :loading=\"loading\"/>\n  </div>\n  <div class=\"ecan-text\" :style=\"style\" v-html=\"myText\" @click=\"click\" v-else/>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, ref, unref, watch } from 'vue'\nimport { textComponentProps } from './props'\nimport {\n  usePickComponentStyle,\n  useRequestData,\n  useOnEvent,\n  useEmitEvent,\n  usePageUrl,\n  useVariablesInText\n} from '@/hooks'\nimport { GLOBAL_CONFIG, REQUEST_MODEL } from '@/utils/constant'\nimport Skeleton from '@/common/skeleton/Skeleton.vue'\nimport goUp from '@/assets/go-up.png'\nimport goDown from '@/assets/go-down.png'\nimport { RequestModalParam } from '@/utils/types'\nimport { formatMoney } from '@/utils/util'\n\nexport default defineComponent({\n  name: 'EcanText',\n  components: { Skeleton },\n  props: {\n    ...textComponentProps\n  },\n  setup (props) {\n    const style = usePickComponentStyle(props)\n    const myData = ref({} as { [key:string]:any })\n    watch(() => [props.data, props.dataType], ([data, dataType]) => {\n      if (dataType === 'static') {\n        myData.value = data as { [key: string]: any }\n      }\n    }, {\n      immediate: true\n    })\n    const myText = computed(() => {\n      const data = unref(myData)\n      let text = props.text as string\n      text = text?.replace(/\\n|\\\\n/g, '<br/>')\n      text = text?.replace(/\\s/g, '&nbsp;')\n      const variables = (text).match(/\\{\\s*[\\w\\u4e00-\\u9fa5]*\\s*\\}/g)\n      if (variables == null || variables.length === 0) return text\n      for (let i = 0; i < variables.length; i++) {\n        const variable = variables[i]\n        const v = variable?.slice(1, variable.length - 1)?.trim()\n        let usedVariable = data[v]\n        // 能取到变量值\n        if (usedVariable != null) {\n          // 涨跌幅\n          const format = props.format\n          if (format === 'percentage') {\n            // 判断是数字类型\n            usedVariable = +usedVariable\n            if (!isNaN(usedVariable)) {\n              usedVariable = (usedVariable * 100).toFixed(2)\n              // 如果大于等于 0\n              if (usedVariable >= 0) {\n                text = text.replace(variable, `<span style=\"color:#ED6643;font-size:${props.variableFontSize}\"><img style=\"width: ${props.variableFontSize}\" src=\"${goUp}\"/>${usedVariable}%</span>`)\n              } else {\n                // 如果小于 0\n                text = text.replace(variable, `<span style=\"color: #6ACB97;font-size:${props.variableFontSize}\"><img style=\"width: ${props.variableFontSize}\" src=\"${goDown}\"/>${Math.abs(usedVariable)}%</span>`)\n              }\n            } else {\n              // 判断不是数字类型\n              text = text.replace(variable, `<span style=\"color:${props.variableColor};font-size:${props.variableFontSize}\">${0.00}%</span>`)\n            }\n          } else if (format === 'percent') {\n            // 百分数\n            // 判断是数字类型\n            usedVariable = +usedVariable\n            if (!isNaN(usedVariable)) {\n              usedVariable = (usedVariable * 100).toFixed(2)\n              text = text.replace(variable, `<span style=\"color:${props.variableColor};font-size:${props.variableFontSize}\">${usedVariable}%</span>`)\n            }\n          } else if (props.format === 'money') {\n            // 金额格式化\n            usedVariable = +usedVariable\n            if (!isNaN(usedVariable)) {\n              usedVariable = formatMoney(usedVariable)\n              text = text.replace(variable, `<span style=\"color:${props.variableColor};font-size:${props.variableFontSize}\">${usedVariable}</span>`)\n            }\n          } else {\n            /// 没有使用百分格式化\n            text = text.replace(variable, `<span style=\"color:${props.variableColor};font-size:${props.variableFontSize}\">${usedVariable}</span>`)\n          }\n        } else {\n          // 不能取到变量值\n          text = text.replace(variable, props.variableDefaultValue as string)\n        }\n      }\n      return `<span>${text}</span>`\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 (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      if (props.dataType === 'static') return\n      handleRequestData()\n    }\n\n    useOnEvent(props, {\n      refreshData\n    })\n\n    const { setRequest } = inject(REQUEST_MODEL, {\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      setRequest: ({ id, sortNum, requestFn }: RequestModalParam) => void 0\n    })\n\n    setRequest({\n      id: props.id as string,\n      requestFn: refreshData,\n      sortNum: props.requestSort as number\n    })\n    useOnEvent(props, {\n      refreshData\n    })\n\n    const emitEvent = useEmitEvent(props)\n\n    const click = emitEvent('click', () => {\n      //  空链接、空页面直接 return\n      if (!props.linkPage && !props.href) return\n      const linkPage = (props.linkPage || '') as string\n      const pageUrl = usePageUrl(unref(pageMode), linkPage)\n      // 优先使用外部链接，再使用url\n      const href = props.href as string\n      let url = href || pageUrl\n      url = useVariablesInText(url)\n      const target = props.target\n      if (target == null || target === '') return\n      if (target !== 'event') {\n        window.open(url, '_' + (target as string))\n      } else {\n        window.parent.postMessage({\n          type: 'openPage',\n          url: href\n        }, '*')\n      }\n    })\n\n    return {\n      style,\n      myText,\n      loading,\n      click\n    }\n  }\n})\n</script>\n\n<style scoped lang=\"less\">\n.skeleton-wrapper {\n  overflow: hidden;\n}\n\n.ecan-text {\n  overflow: hidden;\n  display: flex;\n}\n</style>\n"],"names":[],"mappings":"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"}

package/es/text/text/Text.vue3.js

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

package/es/text/text/Text.vue3.js.map

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

package/es/text/text/index.js

@@ -0,0 +1,12 @@
+import { withInstall } from "../../utils/withInstall.js";
+import Text from "./Text.vue.js";
+import { textComponentProps, textEvents, textProps } from "./props.js";
+const EcanText = withInstall(Text);
+export {
+  EcanText,
+  EcanText as default,
+  textComponentProps,
+  textEvents,
+  textProps
+};
+//# sourceMappingURL=index.js.map

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

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

package/es/text/text/props.js

@@ -0,0 +1,33 @@
+import { transformToComponentProps, props } from "../../utils/props.js";
+const textProps = {
+  ...props,
+  name: "文本",
+  keyName: "文本",
+  type: "ecanText",
+  width: "100px",
+  height: "40px",
+  text: "文字",
+  color: "#333",
+  variableColor: "#f00",
+  fontSize: "14px",
+  fontFamily: "",
+  fontWeight: 400,
+  textShadow: "",
+  justifyContent: "center",
+  alignItems: "center",
+  variableFontSize: "14px",
+  data: {},
+  variableDefaultValue: "0",
+  format: "",
+  target: "self",
+  href: "",
+  linkPage: ""
+};
+const textComponentProps = transformToComponentProps(textProps);
+const textEvents = ["refreshData", "click"];
+export {
+  textComponentProps,
+  textEvents,
+  textProps
+};
+//# sourceMappingURL=props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","sources":["../../../src/text/text/props.ts"],"sourcesContent":["import {\n  Props,\n  props,\n  transformToComponentProps\n} from '@/utils/props'\n\nexport interface TextProps extends Props {\n  text: string // 文本内容\n  color: string // 颜色\n  fontSize: string // 字体大小\n  fontFamily: string // 字体\n  fontWeight: number // 字体的粗细程度\n  justifyContent: 'flex-start' | 'center' | 'end' // 水平位置\n  alignItems: 'flex-start' | 'center' | 'end' // 垂直位置\n  textShadow: string // 文字阴影\n  data: { [key:string]: any }\n  variableColor: string\n  variableFontSize: string\n  variableDefaultValue: string\n  format: '' | 'percentage'\n  href: string\n  target: 'self' | 'blank' | 'event' // 打开方式\n  linkPage: string // 传入pageId\n}\nexport const textProps:TextProps = {\n  ...props,\n  name: '文本',\n  keyName: '文本',\n  type: 'ecanText',\n  width: '100px',\n  height: '40px',\n  text: '文字',\n  color: '#333',\n  variableColor: '#f00',\n  fontSize: '14px',\n  fontFamily: '',\n  fontWeight: 400,\n  textShadow: '',\n  justifyContent: 'center',\n  alignItems: 'center',\n  variableFontSize: '14px',\n  data: {},\n  variableDefaultValue: '0',\n  format: '',\n  target: 'self',\n  href: '',\n  linkPage: ''\n}\n\n// 转化默认属性\nexport const textComponentProps = transformToComponentProps(textProps)\n\nexport const textEvents = ['refreshData', 'click']\n"],"names":[],"mappings":";AAwBO,MAAM,YAAsB;AAAA,EACjC,GAAG;AAAA,EACH,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,eAAe;AAAA,EACf,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,MAAM,CAAC;AAAA,EACP,sBAAsB;AAAA,EACtB,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,UAAU;AACZ;AAGa,MAAA,qBAAqB,0BAA0B,SAAS;AAExD,MAAA,aAAa,CAAC,eAAe,OAAO;"}

package/es/text/time-display/TimeDisplay.vue.js

@@ -0,0 +1,15 @@
+import _sfc_main from "./TimeDisplay.vue2.js";
+import { openBlock, createElementBlock, normalizeStyle, toDisplayString } from "vue";
+import "./TimeDisplay.vue3.js";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    class: "time-display",
+    style: normalizeStyle(_ctx.style)
+  }, toDisplayString(_ctx.time), 5);
+}
+const TimeDisplay = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-07d3cde3"]]);
+export {
+  TimeDisplay as default
+};
+//# sourceMappingURL=TimeDisplay.vue.js.map

package/es/text/time-display/TimeDisplay.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeDisplay.vue.js","sources":["../../../src/text/time-display/TimeDisplay.vue"],"sourcesContent":["<template>\n  <div class=\"time-display\" :style=\"style\">\n    {{ time }}\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, onMounted, onUnmounted, ref } from 'vue'\nimport { timeDisplayComponentProps } from './props'\nimport dayjs from 'dayjs'\nimport { usePickComponentStyle } from '../../hooks'\nexport default defineComponent({\n  name: 'EcanTimeDisplay',\n  props: {\n    ...timeDisplayComponentProps\n  },\n  setup (props) {\n    const style = usePickComponentStyle(props)\n    const time = ref(dayjs().format(props.format as string))\n    let timer = null\n    const clearTimer = () => {\n      clearInterval(timer)\n      timer = null\n    }\n    const setTimer = () => {\n      if (timer) {\n        clearTimer()\n      }\n      timer = setInterval(() => {\n        time.value = dayjs().add(1, 's').format(props.format as string)\n      }, 1000)\n    }\n    onMounted(() => {\n      setTimer()\n    })\n    onUnmounted(() => {\n      clearTimer()\n    })\n    return {\n      style,\n      time\n    }\n  }\n})\n</script>\n\n<style scoped lang=\"less\">\n.time-display {\n  overflow: hidden;\n  display: table-cell;\n}\n</style>\n"],"names":["_openBlock","_createElementBlock"],"mappings":";;;;AACY,SAAA,YAAC,MAAc,QAAA,QAAA,QAAA,OAAA,UAAA;SAAOA,UAAO,GAAAC,mBAAA,OAAA;AAAA,IAAA,OAAA;AAAA;;;;"}