@ued_fpi/data-visual/dist/es/ipes/src/common/IpesProgressBar.vue.mjs

<br /> <br /> <div style="text-align:center"> <b style="font-size:30px">@ued_fpi/data-visual</b> <p>基于Vite4+TypeScript的Vue3大屏组件库开发框架</p> <img style="display:inline" src="https://img.shields.io/npm/v/@ued_fpi/data-visual" />

import _sfc_main from './IpesProgressBar.vue2.mjs';
import { openBlock, createElementBlock, createElementVNode, normalizeStyle } from 'vue';
import './IpesProgressBar.vue3.mjs';
import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';

const _hoisted_1 = { class: "dv-ipes-progress-bar" };
const _hoisted_2 = { class: "progress-bar__outer__top" };
const _hoisted_3 = { class: "progress-bar__outer__bottom" };
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
  return openBlock(), createElementBlock("div", _hoisted_1, [
    createElementVNode("div", _hoisted_2, [
      createElementVNode("div", {
        class: "progress-bar__inner",
        style: normalizeStyle({ transform: `translate3d(${$props.percent > 100 ? 100 : $props.percent}%,0,0)` })
      }, null, 4)
    ]),
    createElementVNode("div", _hoisted_3, [
      createElementVNode("div", {
        class: "progress-bar__inner",
        style: normalizeStyle({ transform: `translate3d(${$props.percent > 100 ? 100 : $props.percent}%,0,0)` })
      }, null, 4)
    ])
  ]);
}
const IpesProgressBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

export { IpesProgressBar as default };