| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121 |
- 'use strict';
- Object.defineProperty(exports, '__esModule', { value: true });
- var vue = require('vue');
- var statistic = require('./statistic.js');
- var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
- var index = require('../../../hooks/use-namespace/index.js');
- var shared = require('@vue/shared');
- var types = require('../../../utils/types.js');
- const _sfc_main = vue.defineComponent({
- ...{
- name: "ElStatistic"
- },
- __name: "statistic",
- props: statistic.statisticProps,
- setup(__props, { expose: __expose }) {
- const props = __props;
- const ns = index.useNamespace("statistic");
- const displayValue = vue.computed(() => {
- const { value, formatter, precision, decimalSeparator, groupSeparator } = props;
- if (shared.isFunction(formatter))
- return formatter(value);
- if (!types.isNumber(value) || Number.isNaN(value))
- return value;
- let [integer, decimal = ""] = String(value).split(".");
- decimal = decimal.padEnd(precision, "0").slice(0, precision > 0 ? precision : 0);
- integer = integer.replace(/\B(?=(\d{3})+(?!\d))/g, groupSeparator);
- return [integer, decimal].join(decimal ? decimalSeparator : "");
- });
- __expose({
- displayValue
- });
- return (_ctx, _cache) => {
- return vue.openBlock(), vue.createElementBlock(
- "div",
- {
- class: vue.normalizeClass(vue.unref(ns).b())
- },
- [
- _ctx.$slots.title || _ctx.title ? (vue.openBlock(), vue.createElementBlock(
- "div",
- {
- key: 0,
- class: vue.normalizeClass(vue.unref(ns).e("head"))
- },
- [
- vue.renderSlot(_ctx.$slots, "title", {}, () => [
- vue.createTextVNode(
- vue.toDisplayString(_ctx.title),
- 1
- )
- ])
- ],
- 2
- )) : vue.createCommentVNode("v-if", true),
- vue.createElementVNode(
- "div",
- {
- class: vue.normalizeClass(vue.unref(ns).e("content"))
- },
- [
- _ctx.$slots.prefix || _ctx.prefix ? (vue.openBlock(), vue.createElementBlock(
- "div",
- {
- key: 0,
- class: vue.normalizeClass(vue.unref(ns).e("prefix"))
- },
- [
- vue.renderSlot(_ctx.$slots, "prefix", {}, () => [
- vue.createElementVNode(
- "span",
- null,
- vue.toDisplayString(_ctx.prefix),
- 1
- )
- ])
- ],
- 2
- )) : vue.createCommentVNode("v-if", true),
- vue.createElementVNode(
- "span",
- {
- class: vue.normalizeClass(vue.unref(ns).e("number")),
- style: vue.normalizeStyle(_ctx.valueStyle)
- },
- vue.toDisplayString(displayValue.value),
- 7
- ),
- _ctx.$slots.suffix || _ctx.suffix ? (vue.openBlock(), vue.createElementBlock(
- "div",
- {
- key: 1,
- class: vue.normalizeClass(vue.unref(ns).e("suffix"))
- },
- [
- vue.renderSlot(_ctx.$slots, "suffix", {}, () => [
- vue.createElementVNode(
- "span",
- null,
- vue.toDisplayString(_ctx.suffix),
- 1
- )
- ])
- ],
- 2
- )) : vue.createCommentVNode("v-if", true)
- ],
- 2
- )
- ],
- 2
- );
- };
- }
- });
- var Statistic = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/statistic/src/statistic.vue"]]);
- exports["default"] = Statistic;
- //# sourceMappingURL=statistic2.js.map
|