@varlet/ui 3.5.1 → 3.5.2

package/es/popup/Popup.mjs

@@ -0,0 +1,148 @@
+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;
+};
+import { defineComponent, watch, Transition, Teleport, computed, createVNode as _createVNode, vShow as _vShow, mergeProps as _mergeProps, withDirectives as _withDirectives } from "vue";
+import { props } from "./props.mjs";
+import { useLock } from "../context/lock.mjs";
+import { useZIndex } from "../context/zIndex.mjs";
+import { useStack } from "../context/stack.mjs";
+import { useRouteListener, useTeleport, createNamespace } from "../utils/components.mjs";
+import { usePopupItems } from "./provide.mjs";
+import { useEventListener, useInitialized } from "@varlet/use";
+import { call, preventDefault } from "@varlet/shared";
+
+
+const {
+  name,
+  n,
+  classes
+} = createNamespace("popup");
+var stdin_default = defineComponent({
+  name,
+  inheritAttrs: false,
+  props,
+  setup(props2, {
+    slots,
+    attrs
+  }) {
+    const rendered = useInitialized(() => props2.show, true);
+    const {
+      zIndex
+    } = useZIndex(() => props2.show, 3);
+    const normalizedZIndex = computed(() => {
+      var _a;
+      return (_a = props2.zIndex) != null ? _a : zIndex.value;
+    });
+    const {
+      onStackTop
+    } = useStack(() => props2.show, normalizedZIndex);
+    const {
+      disabled
+    } = useTeleport();
+    const {
+      bindPopupItems
+    } = usePopupItems();
+    useLock(() => props2.show, () => props2.lockScroll);
+    watch(() => props2.show, (newValue) => {
+      newValue ? call(props2.onOpen) : call(props2.onClose);
+    });
+    bindPopupItems({
+      show: computed(() => props2.show)
+    });
+    useEventListener(() => window, "keydown", handleKeydown);
+    useRouteListener(() => call(props2.onRouteChange));
+    function hidePopup() {
+      const {
+        closeOnClickOverlay,
+        onClickOverlay
+      } = props2;
+      call(onClickOverlay);
+      if (!closeOnClickOverlay) {
+        return;
+      }
+      call(props2["onUpdate:show"], false);
+    }
+    function renderOverlay() {
+      const {
+        overlayClass = "",
+        overlayStyle
+      } = props2;
+      return _createVNode("div", {
+        "class": classes(n("overlay"), overlayClass),
+        "style": __spreadValues({
+          zIndex: normalizedZIndex.value - 1
+        }, overlayStyle),
+        "onClick": hidePopup
+      }, null);
+    }
+    function renderContent() {
+      return _withDirectives(_createVNode("div", _mergeProps({
+        "class": classes(n("content"), n(`--${props2.position}`), [props2.defaultStyle, n("--content-background-color")], [props2.defaultStyle, n("$-elevation--3")], [props2.safeArea, n("--safe-area")], [props2.safeAreaTop, n("--safe-area-top")]),
+        "style": {
+          zIndex: normalizedZIndex.value
+        },
+        "role": "dialog",
+        "aria-modal": "true"
+      }, attrs), [rendered.value && call(slots.default)]), [[_vShow, props2.show]]);
+    }
+    function renderPopup() {
+      return _createVNode(Transition, {
+        "name": n("$-fade"),
+        "onAfterEnter": props2.onOpened,
+        "onAfterLeave": props2.onClosed
+      }, {
+        default: () => [_withDirectives(_createVNode("div", {
+          "class": classes(n("$--box"), n(), [!props2.overlay, n("--pointer-events-none")]),
+          "style": {
+            zIndex: normalizedZIndex.value - 2
+          }
+        }, [props2.overlay && renderOverlay(), _createVNode(Transition, {
+          "name": props2.transition || n(`$-pop-${props2.position}`)
+        }, {
+          default: () => [renderContent()]
+        })]), [[_vShow, props2.show]])]
+      });
+    }
+    function handleKeydown(event) {
+      if (!onStackTop() || event.key !== "Escape" || !props2.show) {
+        return;
+      }
+      call(props2.onKeyEscape);
+      if (!props2.closeOnKeyEscape) {
+        return;
+      }
+      preventDefault(event);
+      call(props2["onUpdate:show"], false);
+    }
+    return () => {
+      const {
+        teleport
+      } = props2;
+      if (teleport) {
+        return _createVNode(Teleport, {
+          "to": teleport,
+          "disabled": disabled.value
+        }, {
+          default: () => [renderPopup()]
+        });
+      }
+      return renderPopup();
+    };
+  }
+});
+export {
+  stdin_default as default
+};

package/es/popup/index.mjs

@@ -0,0 +1,12 @@
+import Popup from "./Popup.mjs";
+import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
+import { props as popupProps } from "./props.mjs";
+withInstall(Popup);
+withPropsDefaultsSetter(Popup, popupProps);
+const _PopupComponent = Popup;
+var stdin_default = Popup;
+export {
+  _PopupComponent,
+  stdin_default as default,
+  popupProps
+};

package/es/popup/popup.css

@@ -0,0 +1 @@
+:root { --popup-content-background-color: var(--color-surface-container-low); --popup-overlay-background-color: rgba(0, 0, 0, 0.6);}.var-fade-enter-from,.var-fade-leave-to { opacity: 0;}.var-fade-enter-active,.var-fade-leave-active { transition: opacity 0.25s;}.var-pop-center-enter-from,.var-pop-center-leave-to { transform: scale(0.3);}.var-pop-center-enter-active,.var-pop-center-leave-active { transition: all 0.25s;}.var-pop-bottom-enter-from,.var-pop-bottom-leave-to { transform: translateY(100%);}.var-pop-bottom-enter-active,.var-pop-bottom-leave-active { transition: all 0.25s;}.var-pop-top-enter-from,.var-pop-top-leave-to { transform: translateY(-100%);}.var-pop-top-enter-active,.var-pop-top-leave-active { transition: all 0.25s;}.var-pop-left-enter-from,.var-pop-left-leave-to { transform: translateX(-100%);}.var-pop-left-enter-active,.var-pop-left-leave-active { transition: all 0.25s;}.var-pop-right-enter-from,.var-pop-right-leave-to { transform: translateX(100%);}.var-pop-right-enter-active,.var-pop-right-leave-active { transition: all 0.25s;}.var-popup { display: flex; justify-content: center; align-items: center; position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; scrollbar-width: none;}.var-popup__overlay { display: flex; justify-content: center; align-items: center; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: var(--popup-overlay-background-color); transition: all 0.25s;}.var-popup__content { overflow: auto; transition: all 0.25s; pointer-events: auto;}.var-popup--content-background-color { background-color: var(--popup-content-background-color);}.var-popup--center { position: relative;}.var-popup--bottom { width: 100%; position: absolute; left: 0; bottom: 0;}.var-popup--top { width: 100%; position: absolute; left: 0; top: 0;}.var-popup--left { height: 100%; position: absolute; left: 0; top: 0;}.var-popup--right { height: 100%; position: absolute; right: 0; top: 0;}.var-popup--safe-area { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);}.var-popup--safe-area-top { padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-top);}.var-popup--pointer-events-none { pointer-events: none;}

package/es/popup/props.mjs

@@ -0,0 +1,50 @@
+import { defineListenerProp } from "../utils/components.mjs";
+const props = {
+  show: Boolean,
+  position: {
+    type: String,
+    default: "center"
+  },
+  transition: String,
+  overlay: {
+    type: Boolean,
+    default: true
+  },
+  overlayClass: String,
+  overlayStyle: Object,
+  lockScroll: {
+    type: Boolean,
+    default: true
+  },
+  closeOnClickOverlay: {
+    type: Boolean,
+    default: true
+  },
+  closeOnKeyEscape: {
+    type: Boolean,
+    default: true
+  },
+  defaultStyle: {
+    type: Boolean,
+    default: true
+  },
+  zIndex: Number,
+  safeArea: Boolean,
+  safeAreaTop: Boolean,
+  teleport: {
+    type: [String, Object, Boolean],
+    default: "body"
+  },
+  onOpen: defineListenerProp(),
+  onOpened: defineListenerProp(),
+  onClose: defineListenerProp(),
+  onClosed: defineListenerProp(),
+  onKeyEscape: defineListenerProp(),
+  onClickOverlay: defineListenerProp(),
+  "onUpdate:show": defineListenerProp(),
+  // internal for Dialog
+  onRouteChange: defineListenerProp()
+};
+export {
+  props
+};

package/es/popup/provide.mjs

@@ -0,0 +1,23 @@
+import { useChildren, useParent } from "@varlet/use";
+const POPUP_BIND_POPUP_ITEM_KEY = Symbol("POPUP_BIND_POPUP_ITEM_KEY");
+function usePopup() {
+  const { bindParent, parentProvider, index } = useParent(POPUP_BIND_POPUP_ITEM_KEY);
+  return {
+    index,
+    popup: parentProvider,
+    bindPopup: bindParent
+  };
+}
+function usePopupItems() {
+  const { bindChildren, childProviders, length } = useChildren(POPUP_BIND_POPUP_ITEM_KEY);
+  return {
+    length,
+    popupItems: childProviders,
+    bindPopupItems: bindChildren
+  };
+}
+export {
+  POPUP_BIND_POPUP_ITEM_KEY,
+  usePopup,
+  usePopupItems
+};

package/es/popup/style/index.mjs

@@ -0,0 +1,2 @@
+import '../../styles/common.css'
+import '../popup.css'

package/es/progress/Progress.mjs

@@ -0,0 +1,258 @@
+import { defineComponent, computed } from "vue";
+import { props } from "./props.mjs";
+import { isPlainObject, toNumber, clamp } from "@varlet/shared";
+import { useClientId } from "@varlet/use";
+import { toSizeUnit, toPxNum } from "../utils/elements.mjs";
+import { createNamespace } from "../utils/components.mjs";
+const MAX = 100;
+const MIN = 0;
+const RADIUS = 20;
+const CIRCUMFERENCE = 2 * Math.PI * RADIUS;
+const { name, n, classes } = createNamespace("progress");
+import { normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, renderList as _renderList, Fragment as _Fragment } from "vue";
+const _hoisted_1 = ["aria-valuenow"];
+const _hoisted_2 = ["viewBox"];
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = ["id"];
+const _hoisted_5 = ["offset", "stop-color"];
+const _hoisted_6 = ["d", "stroke-width", "stroke-dasharray"];
+const _hoisted_7 = ["d", "stroke-width", "stroke-dasharray", "stroke-dashoffset"];
+function __render__(_ctx, _cache) {
+  return _openBlock(), _createElementBlock("div", {
+    class: _normalizeClass(_ctx.n()),
+    role: "progressbar",
+    "aria-valuemin": "0",
+    "aria-valuemax": "100",
+    "aria-valuenow": _ctx.indeterminate ? void 0 : _ctx.mode === "linear" ? _ctx.linearProps.value : _ctx.circleProps.value
+  }, [
+    _ctx.mode === "linear" ? (_openBlock(), _createElementBlock(
+      "div",
+      {
+        key: 0,
+        class: _normalizeClass(_ctx.n("linear"))
+      },
+      [
+        _createElementVNode(
+          "div",
+          {
+            class: _normalizeClass(_ctx.classes(_ctx.n("linear-block"), [_ctx.track, _ctx.n("linear-background")])),
+            style: _normalizeStyle({ height: _ctx.toSizeUnit(_ctx.lineWidth), background: _ctx.trackColor })
+          },
+          [
+            _ctx.indeterminate ? (_openBlock(), _createElementBlock(
+              "div",
+              {
+                key: 0,
+                class: _normalizeClass(_ctx.n("linear-indeterminate"))
+              },
+              [
+                _createElementVNode(
+                  "div",
+                  {
+                    class: _normalizeClass(_ctx.classes(_ctx.n(`linear--${_ctx.type}`))),
+                    style: _normalizeStyle({ background: _ctx.progressColor })
+                  },
+                  null,
+                  6
+                  /* CLASS, STYLE */
+                ),
+                _createElementVNode(
+                  "div",
+                  {
+                    class: _normalizeClass(_ctx.classes(_ctx.n(`linear--${_ctx.type}`))),
+                    style: _normalizeStyle({ background: _ctx.progressColor })
+                  },
+                  null,
+                  6
+                  /* CLASS, STYLE */
+                )
+              ],
+              2
+              /* CLASS */
+            )) : (_openBlock(), _createElementBlock(
+              "div",
+              {
+                key: 1,
+                class: _normalizeClass(_ctx.classes(_ctx.n("linear-certain"), _ctx.n(`linear--${_ctx.type}`))),
+                style: _normalizeStyle({ background: _ctx.progressColor, width: _ctx.linearProps.width })
+              },
+              null,
+              6
+              /* CLASS, STYLE */
+            ))
+          ],
+          6
+          /* CLASS, STYLE */
+        ),
+        _ctx.label ? (_openBlock(), _createElementBlock(
+          "div",
+          {
+            key: 0,
+            class: _normalizeClass(_ctx.classes(_ctx.n("linear-label"), [_ctx.labelClass, _ctx.labelClass]))
+          },
+          [
+            _renderSlot(_ctx.$slots, "default", {}, () => [
+              _createTextVNode(
+                _toDisplayString(_ctx.linearProps.roundValue),
+                1
+                /* TEXT */
+              )
+            ])
+          ],
+          2
+          /* CLASS */
+        )) : _createCommentVNode("v-if", true)
+      ],
+      2
+      /* CLASS */
+    )) : _createCommentVNode("v-if", true),
+    _ctx.mode === "circle" ? (_openBlock(), _createElementBlock(
+      "div",
+      {
+        key: 1,
+        class: _normalizeClass(_ctx.classes(_ctx.n("circle"), [_ctx.indeterminate, _ctx.n("circle-indeterminate")])),
+        style: _normalizeStyle({ width: _ctx.toSizeUnit(_ctx.size), height: _ctx.toSizeUnit(_ctx.size) })
+      },
+      [
+        (_openBlock(), _createElementBlock("svg", {
+          class: _normalizeClass(_ctx.n("circle-svg")),
+          viewBox: _ctx.circleProps.viewBox
+        }, [
+          _ctx.isPlainObject(_ctx.color) ? (_openBlock(), _createElementBlock("defs", _hoisted_3, [
+            _createElementVNode("linearGradient", {
+              id: _ctx.id,
+              x1: "100%",
+              y1: "0%",
+              x2: "0%",
+              y2: "0%"
+            }, [
+              (_openBlock(true), _createElementBlock(
+                _Fragment,
+                null,
+                _renderList(_ctx.linearGradientProgress, (progress, idx) => {
+                  return _openBlock(), _createElementBlock("stop", {
+                    key: idx,
+                    offset: progress,
+                    "stop-color": _ctx.color[progress]
+                  }, null, 8, _hoisted_5);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ], 8, _hoisted_4)
+          ])) : _createCommentVNode("v-if", true),
+          _ctx.track ? (_openBlock(), _createElementBlock("path", {
+            key: 1,
+            class: _normalizeClass(_ctx.n("circle-background")),
+            d: _ctx.circleProps.path,
+            fill: "transparent",
+            "stroke-width": _ctx.circleProps.strokeWidth,
+            "stroke-dasharray": _ctx.CIRCUMFERENCE,
+            style: _normalizeStyle({
+              stroke: _ctx.trackColor
+            })
+          }, null, 14, _hoisted_6)) : _createCommentVNode("v-if", true),
+          _createElementVNode("path", {
+            class: _normalizeClass(_ctx.classes(_ctx.n("circle-certain"), _ctx.n(`circle--${_ctx.type}`), [_ctx.indeterminate, _ctx.n("circle-overlay")])),
+            d: _ctx.circleProps.path,
+            fill: "transparent",
+            "stroke-width": _ctx.circleProps.strokeWidth,
+            "stroke-dasharray": _ctx.CIRCUMFERENCE,
+            "stroke-dashoffset": _ctx.circleProps.strokeOffset,
+            style: _normalizeStyle({
+              stroke: _ctx.progressColor,
+              transform: `rotateZ(${_ctx.rotate}deg)`,
+              transformOrigin: "50% 50%"
+            })
+          }, null, 14, _hoisted_7)
+        ], 10, _hoisted_2)),
+        _ctx.label ? (_openBlock(), _createElementBlock(
+          "div",
+          {
+            key: 0,
+            class: _normalizeClass(_ctx.classes(_ctx.n("circle-label"), _ctx.labelClass))
+          },
+          [
+            _renderSlot(_ctx.$slots, "default", {}, () => [
+              _createTextVNode(
+                _toDisplayString(_ctx.circleProps.roundValue),
+                1
+                /* TEXT */
+              )
+            ])
+          ],
+          2
+          /* CLASS */
+        )) : _createCommentVNode("v-if", true)
+      ],
+      6
+      /* CLASS, STYLE */
+    )) : _createCommentVNode("v-if", true)
+  ], 10, _hoisted_1);
+}
+const __sfc__ = defineComponent({
+  name,
+  props,
+  setup(props2) {
+    const id = useClientId();
+    const linearProps = computed(() => {
+      const value = toNumber(props2.value);
+      const width = clamp(value, MIN, MAX);
+      const roundValue = clamp(Math.round(value), MIN, MAX);
+      return {
+        width: `${width}%`,
+        roundValue: `${roundValue}%`,
+        value: width
+      };
+    });
+    const circleProps = computed(() => {
+      const { size, lineWidth, value } = props2;
+      const diameter = RADIUS / (1 - toPxNum(lineWidth) / toPxNum(size)) * 2;
+      const viewBox = `0 0 ${diameter} ${diameter}`;
+      const roundValue = clamp(Math.round(toNumber(value)), MIN, MAX);
+      const strokeOffset = `${(MAX - roundValue) / MAX * CIRCUMFERENCE}`;
+      const strokeWidth = toPxNum(lineWidth) / toPxNum(size) * diameter;
+      const beginPositionX = 0;
+      const beginPositionY = -RADIUS;
+      const endPositionX = 0;
+      const endPositionY = -2 * RADIUS;
+      const path = `M ${diameter / 2} ${diameter / 2} m ${beginPositionX} ${beginPositionY} a ${RADIUS} ${RADIUS} 
+        0 1 1 ${endPositionX} ${-endPositionY} a ${RADIUS} ${RADIUS} 0 1 1 ${-endPositionX} ${endPositionY}`;
+      return {
+        strokeWidth,
+        viewBox,
+        strokeOffset,
+        roundValue: `${roundValue}%`,
+        path,
+        value: clamp(toNumber(value), MIN, MAX)
+      };
+    });
+    const progressColor = computed(() => {
+      if (isPlainObject(props2.color)) {
+        return `url(#${id.value})`;
+      }
+      return props2.color;
+    });
+    const linearGradientProgress = computed(
+      () => Object.keys(props2.color).sort((a, b) => parseFloat(a) - parseFloat(b))
+    );
+    return {
+      id,
+      linearProps,
+      CIRCUMFERENCE,
+      RADIUS,
+      circleProps,
+      progressColor,
+      linearGradientProgress,
+      n,
+      classes,
+      toSizeUnit,
+      isPlainObject
+    };
+  }
+});
+__sfc__.render = __render__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/progress/index.mjs

@@ -0,0 +1,12 @@
+import Progress from "./Progress.mjs";
+import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
+import { props as progressProps } from "./props.mjs";
+withInstall(Progress);
+withPropsDefaultsSetter(Progress, progressProps);
+const _ProgressComponent = Progress;
+var stdin_default = Progress;
+export {
+  _ProgressComponent,
+  stdin_default as default,
+  progressProps
+};

package/es/progress/progress.css

@@ -0,0 +1 @@
+:root { --progress-font-size: var(--font-size-sm); --progress-track-color: #d8d8d8; --progress-label-color: #555; --progress-background: var(--color-primary); --progress-default-color: #f5f5f5; --progress-primary-color: var(--color-primary); --progress-danger-color: var(--color-danger); --progress-success-color: var(--color-success); --progress-warning-color: var(--color-warning); --progress-info-color: var(--color-info); --progress-linear-border-radius: 0px;}.var-progress { position: relative; font-size: var(--progress-font-size);}.var-progress__linear { display: flex; align-items: center;}.var-progress__linear-block { flex: 1; position: relative; overflow: hidden; height: 4px; border-radius: var(--progress-linear-border-radius);}.var-progress__linear-certain { width: 100%; height: 100%; border-radius: var(--progress-linear-border-radius);}.var-progress__linear-background { background-color: var(--progress-track-color);}.var-progress__linear-certain { position: absolute; background-color: var(--progress-background); top: 0; left: 0; transition: all 0.2s, background-color 0.8s;}.var-progress__linear-label { margin-left: 8px; flex: 0; color: var(--progress-label-color);}.var-progress__linear-indeterminate div { bottom: 0; height: inherit; left: 0; position: absolute; right: auto; top: 0; width: auto; will-change: left, right; border-radius: var(--progress-linear-border-radius);}.var-progress__linear-indeterminate div:first-child { animation: progress-linear-long 2.2s infinite;}.var-progress__linear-indeterminate div:last-child { animation: progress-linear-short 2.2s infinite;}.var-progress__linear--success { background-color: var(--progress-success-color);}.var-progress__linear--default { background-color: var(--progress-default-color);}.var-progress__linear--primary { background-color: var(--progress-primary-color);}.var-progress__linear--warning { background-color: var(--progress-warning-color);}.var-progress__linear--danger { background-color: var(--progress-danger-color);}.var-progress__linear--info { background-color: var(--progress-info-color);}@keyframes progress-linear-long { 0% { left: -90%; right: 100%; } 60% { left: -90%; right: 100%; } 100% { left: 100%; right: -35%; }}@keyframes progress-linear-short { 0% { left: -200%; right: 100%; } 60% { left: 107%; right: -8%; } 100% { left: 107%; right: -8%; }}.var-progress__circle { position: relative; width: 40px; height: 40px;}.var-progress__circle-background { stroke: var(--progress-track-color); z-index: 1;}.var-progress__circle-certain { transition: all 0.2s; stroke: var(--progress-background); position: absolute;}.var-progress__circle-label { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: var(--progress-label-color);}.var-progress__circle--success { stroke: var(--progress-success-color);}.var-progress__circle--default { stroke: var(--progress-default-color);}.var-progress__circle--primary { stroke: var(--progress-primary-color);}.var-progress__circle--warning { stroke: var(--progress-warning-color);}.var-progress__circle--danger { stroke: var(--progress-danger-color);}.var-progress__circle--info { stroke: var(--progress-info-color);}.var-progress__circle-indeterminate svg { animation: progress-circle-rotate 1.4s linear infinite; transform-origin: center center; transition: all 0.2s ease-in-out; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0;}.var-progress__circle-overlay { animation: progress-circle-dash 1.4s ease-in-out infinite, progress-circle-rotate 1.4s linear infinite; stroke-dasharray: 25, 200; stroke-dashoffset: 0; stroke-linecap: round; transform-origin: center center; transform: rotate(-90deg); z-index: 2;}@keyframes progress-circle-dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 100, 200; stroke-dashoffset: -15px; } 100% { stroke-dasharray: 100, 200; stroke-dashoffset: -124px; }}@keyframes progress-circle-rotate { 100% { transform: rotate(270deg); }}

package/es/progress/props.mjs

@@ -0,0 +1,38 @@
+const props = {
+  mode: {
+    type: String,
+    default: "linear"
+  },
+  lineWidth: {
+    type: [Number, String],
+    default: 4
+  },
+  color: [String, Object],
+  trackColor: String,
+  value: {
+    type: [Number, String],
+    default: 0
+  },
+  label: Boolean,
+  labelClass: String,
+  size: {
+    type: [Number, String],
+    default: 40
+  },
+  rotate: {
+    type: Number,
+    default: 0
+  },
+  track: {
+    type: Boolean,
+    default: true
+  },
+  indeterminate: Boolean,
+  type: {
+    type: String,
+    default: "primary"
+  }
+};
+export {
+  props
+};

package/es/progress/style/index.mjs

@@ -0,0 +1,3 @@
+import '../../styles/common.css'
+import '../progress.css'
+import '../ProgressSfc.css'