uv-ui/es/components/progress/progress.js

基于vue3的移动端组件库

import { openBlock as r, createElementBlock as n, normalizeStyle as t, createElementVNode as o, toDisplayString as s, createCommentVNode as c } from "vue";
import "./progress.vue_vue_type_style_index_0_lang.js";
const l = {
  key: 0,
  class: "uv-progress-out-num"
}, a = {
  name: "UvProgress"
}, h = /* @__PURE__ */ Object.assign(a, {
  props: {
    percent: {
      type: Number,
      default: 0
    },
    showPercent: {
      type: Boolean,
      default: !0
    },
    insetPercent: {
      type: Boolean,
      default: !0
    },
    trackColor: {
      type: String,
      default: ""
    },
    progressColor: {
      type: String,
      default: ""
    },
    height: {
      type: String,
      default: ""
    }
  },
  setup(e) {
    return (u, i) => (r(), n("div", {
      class: "uv-progress",
      style: t({ height: e.height })
    }, [
      o("div", {
        class: "uv-progress-content",
        style: t({ backgroundColor: e.trackColor })
      }, [
        o("div", {
          class: "uv-progress-content-length",
          style: t({ width: e.percent + "%", backgroundColor: e.progressColor })
        }, null, 4),
        e.insetPercent && e.showPercent ? (r(), n("div", {
          key: 0,
          class: "uv-progress-inset-num",
          style: t({ width: e.percent + "%" })
        }, s(e.percent) + "% ", 5)) : c("", !0)
      ], 4),
      !e.insetPercent && e.showPercent ? (r(), n("div", l, s(e.percent) + "% ", 1)) : c("", !0)
    ], 4));
  }
});
export {
  h as default
};