vft 0.0.283 → 0.0.288

package/es/components/countdown/countdown.vue.d.ts

@@ -0,0 +1,47 @@
+declare function __VLS_template(): Partial<Record<NonNullable<string | number>, (_: {}) => any>>;
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly format: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "HH:mm:ss", boolean>;
+    readonly prefix: StringConstructor;
+    readonly suffix: StringConstructor;
+    readonly title: StringConstructor;
+    readonly value: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => number | import("dayjs").Dayjs) | (() => number | import("dayjs").Dayjs) | (((new (...args: any[]) => number | import("dayjs").Dayjs) | (() => number | import("dayjs").Dayjs)) | null)[], unknown, unknown, 0, boolean>;
+    readonly valueStyle: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+}>, {
+    /**
+     * @description current display value
+     */
+    displayValue: import("vue").ComputedRef<string>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: number) => void;
+    finish: () => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly format: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "HH:mm:ss", boolean>;
+    readonly prefix: StringConstructor;
+    readonly suffix: StringConstructor;
+    readonly title: StringConstructor;
+    readonly value: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => number | import("dayjs").Dayjs) | (() => number | import("dayjs").Dayjs) | (((new (...args: any[]) => number | import("dayjs").Dayjs) | (() => number | import("dayjs").Dayjs)) | null)[], unknown, unknown, 0, boolean>;
+    readonly valueStyle: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+}>> & Readonly<{
+    onChange?: ((value: number) => any) | undefined;
+    onFinish?: (() => any) | undefined;
+}>, {
+    readonly value: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | import("dayjs").Dayjs) | (() => number | import("dayjs").Dayjs) | (((new (...args: any[]) => number | import("dayjs").Dayjs) | (() => number | import("dayjs").Dayjs)) | null)[], unknown, unknown>;
+    readonly format: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/countdown/countdown.vue.js

@@ -0,0 +1,4 @@
+import f from "./countdown.vue2.js";
+export {
+  f as default
+};

package/es/components/countdown/countdown.vue2.js

@@ -0,0 +1,65 @@
+import { defineComponent as p, ref as _, computed as h, onMounted as x, watch as y, onBeforeUnmount as C, createBlock as E, openBlock as S, unref as A, createSlots as B, renderList as F, withCtx as k, renderSlot as D } from "vue";
+import { VftStatistic as N } from "../statistic/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import { CHANGE_EVENT as $ } from "../../constants/event.js";
+import "../../utils/ns-cover.js";
+import "lodash-es";
+import { rAF as f, cAF as g } from "../../utils/vue/raf.js";
+import { countdownEmits as G, countdownProps as H } from "./countdown.js";
+import { formatTime as l, getTime as u } from "./utils.js";
+const L = p({
+  name: "VftCountdown"
+}), O = /* @__PURE__ */ p({
+  ...L,
+  props: H,
+  emits: G,
+  setup(c, { expose: d, emit: v }) {
+    const e = c, s = v;
+    let o;
+    const i = _(0), w = h(() => l(i.value, e.format)), T = (t) => l(t, e.format), m = () => {
+      o && (g(o), o = void 0);
+    }, V = () => {
+      const t = u(e.value), n = () => {
+        let r = t - Date.now();
+        s($, r), r <= 0 ? (r = 0, m(), s("finish")) : o = f(n), i.value = r;
+      };
+      o = f(n);
+    };
+    return x(() => {
+      i.value = u(e.value) - Date.now(), y(
+        () => [e.value, e.format],
+        () => {
+          m(), V();
+        },
+        {
+          immediate: !0
+        }
+      );
+    }), C(() => {
+      m();
+    }), d({
+      /**
+       * @description current display value
+       */
+      displayValue: w
+    }), (t, n) => (S(), E(A(N), {
+      value: i.value,
+      title: t.title,
+      prefix: t.prefix,
+      suffix: t.suffix,
+      "value-style": t.valueStyle,
+      formatter: T
+    }, B({ _: 2 }, [
+      F(t.$slots, (r, a) => ({
+        name: a,
+        fn: k(() => [
+          D(t.$slots, a)
+        ])
+      }))
+    ]), 1032, ["value", "title", "prefix", "suffix", "value-style"]));
+  }
+});
+export {
+  O as default
+};

package/es/components/countdown/index.d.ts

@@ -0,0 +1,5 @@
+import Countdown from './countdown.vue';
+import type { SFCWithInstall } from 'vft/es/utils';
+export declare const VftCountdown: SFCWithInstall<typeof Countdown>;
+export default VftCountdown;
+export * from './countdown';

package/es/components/countdown/index.js

@@ -0,0 +1,15 @@
+import "@vueuse/core";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+import { withInstall as o } from "../../utils/vue/install.js";
+import "lodash-es";
+import "vue";
+import t from "./countdown.vue2.js";
+import { countdownEmits as u, countdownProps as w } from "./countdown.js";
+const a = o(t);
+export {
+  a as VftCountdown,
+  u as countdownEmits,
+  w as countdownProps,
+  a as default
+};

package/es/components/countdown/style/css.d.ts

@@ -0,0 +1 @@
+import 'vft/theme-style/vft-countdown.css';

package/es/components/countdown/style/css.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-countdown.css";

package/es/components/countdown/style/index.d.ts

@@ -0,0 +1 @@
+import 'vft/theme-style/src/countdown.scss';

package/es/components/countdown/style/index.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/countdown.scss";

package/es/components/countdown/utils.d.ts

@@ -0,0 +1,3 @@
+import type { Dayjs } from 'dayjs';
+export declare const getTime: (value: number | Dayjs) => number;
+export declare const formatTime: (timestamp: number, format: string) => string;

package/es/components/countdown/utils.js

@@ -0,0 +1,35 @@
+import { isNumber as g } from "@vft/utils";
+const i = [
+  ["Y", 1e3 * 60 * 60 * 24 * 365],
+  // years
+  ["M", 1e3 * 60 * 60 * 24 * 30],
+  // months
+  ["D", 1e3 * 60 * 60 * 24],
+  // days
+  ["H", 1e3 * 60 * 60],
+  // hours
+  ["m", 1e3 * 60],
+  // minutes
+  ["s", 1e3],
+  // seconds
+  ["S", 1]
+  // million seconds
+], x = (e) => g(e) ? new Date(e).getTime() : e.valueOf(), T = (e, s) => {
+  let r = e;
+  const a = /\[([^\]]*)]/g;
+  return i.reduce((t, [m, n]) => {
+    const o = new RegExp(`${m}+(?![^\\[\\]]*\\])`, "g");
+    if (o.test(t)) {
+      const c = Math.floor(r / n);
+      return r -= c * n, t.replace(
+        o,
+        (p) => String(c).padStart(p.length, "0")
+      );
+    }
+    return t;
+  }, s).replace(a, "$1");
+};
+export {
+  T as formatTime,
+  x as getTime
+};

package/es/components/index.d.ts

@@ -75,6 +75,11 @@ export * from './super-form';
 export * from './upload';
 export * from './carousel';
 export * from './timeline';
+export * from './breadcrumb';
+export * from './collapse';
+export * from './statistic';
+export * from './countdown';
+export * from './input-tag';
 export * from './md-code-demo';
 export * from './md-code-tabs';
 export * from './md-comment';