@varlet/ui 3.6.5 → 3.7.1-alpha.1732545994482

package/es/action-sheet/style/index.mjs

@@ -3,5 +3,5 @@ import '../../icon/icon.css'
 import '../../ripple/ripple.css'
 import '../../popup/popup.css'
 import '../actionSheet.css'
-import '../ActionSheetSfc.css'
 import '../ActionItemSfc.css'
+import '../ActionSheetSfc.css'

package/es/count-to/CountTo.mjs

@@ -0,0 +1,71 @@
+import { defineComponent, computed, onMounted, watch } from "vue";
+import { props } from "./props.mjs";
+import { createNamespace } from "../utils/components.mjs";
+import { useMotion } from "@varlet/use";
+import { call, floor, toNumber } from "@varlet/shared";
+const { name, n } = createNamespace("count-to");
+import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+function __render__(_ctx, _cache) {
+  return _openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(_ctx.n())
+    },
+    [
+      _renderSlot(_ctx.$slots, "default", { value: _ctx.value }, () => [
+        _createTextVNode(
+          _toDisplayString(_ctx.value),
+          1
+          /* TEXT */
+        )
+      ])
+    ],
+    2
+    /* CLASS */
+  );
+}
+const __sfc__ = defineComponent({
+  name,
+  props,
+  setup(props2) {
+    const {
+      value: _value,
+      reset: _reset,
+      // expose
+      start,
+      // expose
+      pause
+    } = useMotion({
+      from: () => toNumber(props2.from),
+      to: () => toNumber(props2.to),
+      duration: () => toNumber(props2.duration),
+      timingFunction: props2.timingFunction,
+      onFinished() {
+        call(props2.onEnd);
+      }
+    });
+    const value = computed(() => floor(_value.value, toNumber(props2.precision)));
+    watch(() => [props2.from, props2.to, props2.duration], reset);
+    onMounted(reset);
+    function reset() {
+      _reset();
+      if (props2.autoStart) {
+        start();
+      }
+    }
+    return {
+      value,
+      n,
+      start,
+      pause,
+      reset,
+      toNumber,
+      floor
+    };
+  }
+});
+__sfc__.render = __render__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/count-to/countTo.css

@@ -0,0 +1 @@
+:root { --count-to-text-color: var(--color-text); --count-to-text-font-size: var(--font-size-lg);}.var-count-to { color: var(--count-to-text-color); font-size: var(--count-to-text-font-size);}

package/es/count-to/index.mjs

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

package/es/count-to/props.mjs

@@ -0,0 +1,30 @@
+import { defineListenerProp } from "../utils/components.mjs";
+const props = {
+  from: {
+    type: [String, Number],
+    default: 0
+  },
+  to: {
+    type: [String, Number],
+    default: 0
+  },
+  duration: {
+    type: [String, Number],
+    default: 2e3
+  },
+  precision: {
+    type: [String, Number],
+    default: 0
+  },
+  autoStart: {
+    type: Boolean,
+    default: true
+  },
+  timingFunction: {
+    type: Function
+  },
+  onEnd: defineListenerProp()
+};
+export {
+  props
+};

package/es/count-to/style/index.mjs

@@ -0,0 +1,3 @@
+import '../../styles/common.css'
+import '../countTo.css'
+import '../CountToSfc.css'

package/es/index.bundle.mjs

@@ -23,6 +23,7 @@ import Collapse from './collapse/index.mjs'
 import CollapseItem from './collapse-item/index.mjs'
 import CollapseTransition from './collapse-transition/index.mjs'
 import Context from './context/index.mjs'
+import CountTo from './count-to/index.mjs'
 import Countdown from './countdown/index.mjs'
 import Counter from './counter/index.mjs'
 import DatePicker from './date-picker/index.mjs'
@@ -116,6 +117,7 @@ export * from './collapse/index.mjs'
 export * from './collapse-item/index.mjs'
 export * from './collapse-transition/index.mjs'
 export * from './context/index.mjs'
+export * from './count-to/index.mjs'
 export * from './countdown/index.mjs'
 export * from './counter/index.mjs'
 export * from './date-picker/index.mjs'
@@ -209,6 +211,7 @@ import './collapse/style/index.mjs'
 import './collapse-item/style/index.mjs'
 import './collapse-transition/style/index.mjs'
 import './context/style/index.mjs'
+import './count-to/style/index.mjs'
 import './countdown/style/index.mjs'
 import './counter/style/index.mjs'
 import './date-picker/style/index.mjs'
@@ -277,7 +280,7 @@ import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 import './watermark/style/index.mjs'
 
-const version = '3.6.5'
+const version = '3.7.1-alpha.1732545994482'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)
@@ -305,6 +308,7 @@ function install(app) {
   CollapseItem.install && app.use(CollapseItem)
   CollapseTransition.install && app.use(CollapseTransition)
   Context.install && app.use(Context)
+  CountTo.install && app.use(CountTo)
   Countdown.install && app.use(Countdown)
   Counter.install && app.use(Counter)
   DatePicker.install && app.use(DatePicker)
@@ -402,6 +406,7 @@ export {
   CollapseItem,
   CollapseTransition,
   Context,
+  CountTo,
   Countdown,
   Counter,
   DatePicker,
@@ -499,6 +504,7 @@ export default {
   CollapseItem,
   CollapseTransition,
   Context,
+  CountTo,
   Countdown,
   Counter,
   DatePicker,

package/es/index.mjs

@@ -23,6 +23,7 @@ import Collapse from './collapse/index.mjs'
 import CollapseItem from './collapse-item/index.mjs'
 import CollapseTransition from './collapse-transition/index.mjs'
 import Context from './context/index.mjs'
+import CountTo from './count-to/index.mjs'
 import Countdown from './countdown/index.mjs'
 import Counter from './counter/index.mjs'
 import DatePicker from './date-picker/index.mjs'
@@ -116,6 +117,7 @@ export * from './collapse/index.mjs'
 export * from './collapse-item/index.mjs'
 export * from './collapse-transition/index.mjs'
 export * from './context/index.mjs'
+export * from './count-to/index.mjs'
 export * from './countdown/index.mjs'
 export * from './counter/index.mjs'
 export * from './date-picker/index.mjs'
@@ -184,7 +186,7 @@ export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 export * from './watermark/index.mjs'
 
-const version = '3.6.5'
+const version = '3.7.1-alpha.1732545994482'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)
@@ -212,6 +214,7 @@ function install(app) {
   CollapseItem.install && app.use(CollapseItem)
   CollapseTransition.install && app.use(CollapseTransition)
   Context.install && app.use(Context)
+  CountTo.install && app.use(CountTo)
   Countdown.install && app.use(Countdown)
   Counter.install && app.use(Counter)
   DatePicker.install && app.use(DatePicker)
@@ -309,6 +312,7 @@ export {
   CollapseItem,
   CollapseTransition,
   Context,
+  CountTo,
   Countdown,
   Counter,
   DatePicker,
@@ -406,6 +410,7 @@ export default {
   CollapseItem,
   CollapseTransition,
   Context,
+  CountTo,
   Countdown,
   Counter,
   DatePicker,