@varlet/ui 2.16.7 → 2.16.8-alpha.1695118057982

package/es/progress/Progress.mjs

@@ -1,128 +1,197 @@
-import { defineComponent, computed } from 'vue';
-import { props } from './props.mjs';
-import { toNumber } from '@varlet/shared';
-import { toSizeUnit, toPxNum } from '../utils/elements.mjs';
-import { createNamespace } from '../utils/components.mjs';
-var ONE_HUNDRED = 100;
-var RADIUS = 20;
-var CIRCUMFERENCE = 2 * Math.PI * RADIUS;
-var {
-  name,
-  n,
-  classes
-} = createNamespace('progress');
+import { defineComponent, computed } from "vue";
+import { props } from "./props.mjs";
+import { toNumber } from "@varlet/shared";
+import { toSizeUnit, toPxNum } from "../utils/elements.mjs";
+import { createNamespace } from "../utils/components.mjs";
+const ONE_HUNDRED = 100;
+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, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
-var _hoisted_1 = ["viewBox"];
-var _hoisted_2 = ["r", "stroke-width", "stroke-dasharray"];
-var _hoisted_3 = ["r", "stroke-width", "stroke-dasharray", "stroke-dashoffset"];
+const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
+const _hoisted_1 = ["viewBox"];
+const _hoisted_2 = ["r", "stroke-width", "stroke-dasharray"];
+const _hoisted_3 = ["r", "stroke-width", "stroke-dasharray", "stroke-dashoffset"];
 function __render__(_ctx, _cache) {
-  return _openBlock(), _createElementBlock("div", {
-    class: _normalizeClass(_ctx.n())
-  }, [_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.classes([_ctx.indeterminate, _ctx.n('linear-indeterminate')]))
-  }, [_createElementVNode("div", {
-    class: _normalizeClass(_ctx.classes(_ctx.n("linear--" + _ctx.type))),
-    style: _normalizeStyle({
-      background: _ctx.color
-    })
-  }, null, 6 /* CLASS, STYLE */), _createElementVNode("div", {
-    class: _normalizeClass(_ctx.classes(_ctx.n("linear--" + _ctx.type))),
-    style: _normalizeStyle({
-      background: _ctx.color
-    })
-  }, null, 6 /* CLASS, STYLE */)], 2 /* CLASS */)) : (_openBlock(), _createElementBlock("div", {
-    key: 1,
-    class: _normalizeClass(_ctx.classes(_ctx.n('linear-certain'), _ctx.n("linear--" + _ctx.type), [_ctx.ripple, _ctx.n('linear-ripple')])),
-    style: _normalizeStyle({
-      background: _ctx.color,
-      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')),
-    style: _normalizeStyle({
-      transform: "rotate(" + (_ctx.rotate - 90) + "deg)"
-    }),
-    viewBox: _ctx.circleProps.viewBox
-  }, [_ctx.track ? (_openBlock(), _createElementBlock("circle", {
-    key: 0,
-    class: _normalizeClass(_ctx.n('circle-background')),
-    cx: "50%",
-    cy: "50%",
-    r: _ctx.RADIUS,
-    fill: "transparent",
-    "stroke-width": _ctx.circleProps.strokeWidth,
-    "stroke-dasharray": _ctx.CIRCUMFERENCE,
-    style: _normalizeStyle({
-      stroke: _ctx.trackColor
-    })
-  }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_2)) : _createCommentVNode("v-if", true), _createElementVNode("circle", {
-    class: _normalizeClass(_ctx.classes(_ctx.n('circle-certain'), _ctx.n("circle--" + _ctx.type), [_ctx.indeterminate, _ctx.n('circle-overlay')])),
-    cx: "50%",
-    cy: "50%",
-    r: _ctx.RADIUS,
-    fill: "transparent",
-    "stroke-width": _ctx.circleProps.strokeWidth,
-    "stroke-dasharray": _ctx.CIRCUMFERENCE,
-    "stroke-dashoffset": _ctx.circleProps.strokeOffset,
-    style: _normalizeStyle({
-      stroke: _ctx.color
-    })
-  }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_3)], 14 /* CLASS, STYLE, PROPS */, _hoisted_1)), _ctx.label ? (_openBlock(), _createElementBlock("div", {
-    key: 0,
-    class: _normalizeClass(_ctx.classes(_ctx.n('circle-label'), [_ctx.labelClass, _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)], 2 /* CLASS */);
+  return _openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(_ctx.n())
+    },
+    [
+      _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.classes([_ctx.indeterminate, _ctx.n("linear-indeterminate")]))
+                },
+                [
+                  _createElementVNode(
+                    "div",
+                    {
+                      class: _normalizeClass(_ctx.classes(_ctx.n(`linear--${_ctx.type}`))),
+                      style: _normalizeStyle({ background: _ctx.color })
+                    },
+                    null,
+                    6
+                    /* CLASS, STYLE */
+                  ),
+                  _createElementVNode(
+                    "div",
+                    {
+                      class: _normalizeClass(_ctx.classes(_ctx.n(`linear--${_ctx.type}`))),
+                      style: _normalizeStyle({ background: _ctx.color })
+                    },
+                    null,
+                    6
+                    /* CLASS, STYLE */
+                  )
+                ],
+                2
+                /* CLASS */
+              )) : (_openBlock(), _createElementBlock(
+                "div",
+                {
+                  key: 1,
+                  class: _normalizeClass(_ctx.classes(_ctx.n("linear-certain"), _ctx.n(`linear--${_ctx.type}`), [_ctx.ripple, _ctx.n("linear-ripple")])),
+                  style: _normalizeStyle({ background: _ctx.color, 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")),
+            style: _normalizeStyle({ transform: `rotate(${_ctx.rotate - 90}deg)` }),
+            viewBox: _ctx.circleProps.viewBox
+          }, [
+            _ctx.track ? (_openBlock(), _createElementBlock("circle", {
+              key: 0,
+              class: _normalizeClass(_ctx.n("circle-background")),
+              cx: "50%",
+              cy: "50%",
+              r: _ctx.RADIUS,
+              fill: "transparent",
+              "stroke-width": _ctx.circleProps.strokeWidth,
+              "stroke-dasharray": _ctx.CIRCUMFERENCE,
+              style: _normalizeStyle({
+                stroke: _ctx.trackColor
+              })
+            }, null, 14, _hoisted_2)) : _createCommentVNode("v-if", true),
+            _createElementVNode("circle", {
+              class: _normalizeClass(_ctx.classes(_ctx.n("circle-certain"), _ctx.n(`circle--${_ctx.type}`), [_ctx.indeterminate, _ctx.n("circle-overlay")])),
+              cx: "50%",
+              cy: "50%",
+              r: _ctx.RADIUS,
+              fill: "transparent",
+              "stroke-width": _ctx.circleProps.strokeWidth,
+              "stroke-dasharray": _ctx.CIRCUMFERENCE,
+              "stroke-dashoffset": _ctx.circleProps.strokeOffset,
+              style: _normalizeStyle({
+                stroke: _ctx.color
+              })
+            }, null, 14, _hoisted_3)
+          ], 14, _hoisted_1)),
+          _ctx.label ? (_openBlock(), _createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: _normalizeClass(_ctx.classes(_ctx.n("circle-label"), [_ctx.labelClass, _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)
+    ],
+    2
+    /* CLASS */
+  );
 }
-
-var __sfc__ = defineComponent({
+const __sfc__ = defineComponent({
   name,
   props,
-  setup(props) {
-    var linearProps = computed(() => {
-      var value = toNumber(props.value);
-      var width = value > ONE_HUNDRED ? ONE_HUNDRED : value;
-      var roundValue = value > ONE_HUNDRED ? ONE_HUNDRED : Math.round(value);
+  setup(props2) {
+    const linearProps = computed(() => {
+      const value = toNumber(props2.value);
+      const width = value > ONE_HUNDRED ? ONE_HUNDRED : value;
+      const roundValue = value > ONE_HUNDRED ? ONE_HUNDRED : Math.round(value);
       return {
-        width: width + "%",
-        roundValue: roundValue + "%"
+        width: `${width}%`,
+        roundValue: `${roundValue}%`
       };
     });
-    var circleProps = computed(() => {
-      var {
-        size,
-        lineWidth,
-        value
-      } = props;
-      var diameter = RADIUS / (1 - toPxNum(lineWidth) / toPxNum(size)) * 2;
-      var viewBox = "0 0 " + diameter + " " + diameter;
-      var roundValue = toNumber(value) > ONE_HUNDRED ? ONE_HUNDRED : Math.round(toNumber(value));
-      var strokeOffset = "" + (ONE_HUNDRED - roundValue) / ONE_HUNDRED * CIRCUMFERENCE;
-      var strokeWidth = toPxNum(lineWidth) / toPxNum(size) * diameter;
+    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 = toNumber(value) > ONE_HUNDRED ? ONE_HUNDRED : Math.round(toNumber(value));
+      const strokeOffset = `${(ONE_HUNDRED - roundValue) / ONE_HUNDRED * CIRCUMFERENCE}`;
+      const strokeWidth = toPxNum(lineWidth) / toPxNum(size) * diameter;
       return {
         strokeWidth,
         viewBox,
         strokeOffset,
-        roundValue: roundValue + "%"
+        roundValue: `${roundValue}%`
       };
     });
     return {
@@ -137,4 +206,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/progress/index.mjs

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

package/es/progress/props.mjs

@@ -1,7 +1,7 @@
-export var props = {
+const props = {
   mode: {
     type: String,
-    default: 'linear'
+    default: "linear"
   },
   lineWidth: {
     type: [Number, String],
@@ -31,6 +31,9 @@ export var props = {
   indeterminate: Boolean,
   type: {
     type: String,
-    default: 'primary'
+    default: "primary"
   }
-};
+};
+export {
+  props
+};