vft 0.0.65 → 0.0.67

package/es/component.js

@@ -1,8 +1,8 @@
 import { VftDivider as o } from "./components/divider/index.js";
 import { VftConfigProvider as t } from "./components/config-provider/index.js";
 import { VftIcon as r } from "./components/icon/index.js";
-import { VftAvatar as f } from "./components/avatar/index.js";
-import { VftEmpty as m } from "./components/empty/index.js";
+import { VftAvatar as m } from "./components/avatar/index.js";
+import { VftEmpty as f } from "./components/empty/index.js";
 import { VftResult as i } from "./components/result/index.js";
 import { VftTooltip as p } from "./components/tooltip/index.js";
 import { VftBackTop as V } from "./components/back-top/index.js";
@@ -10,8 +10,8 @@ import { VftPopover as e } from "./components/popover/index.js";
 import { VftPopper as a } from "./components/popper/index.js";
 import { VftLogo as n } from "./components/logo/index.js";
 import { VftIconText as u } from "./components/icon-text/index.js";
-import { VftImage as d } from "./components/image/index.js";
-import { VftFullScreen as l } from "./components/full-screen/index.js";
+import { VftImage as l } from "./components/image/index.js";
+import { VftFullScreen as d } from "./components/full-screen/index.js";
 import { VftInput as c } from "./components/input/index.js";
 import { VftLink as C } from "./components/link/index.js";
 import { VftTag as s } from "./components/tag/index.js";
@@ -22,8 +22,8 @@ import { VftClamp as g } from "./components/clamp/index.js";
 import { VftPageWrapper as I } from "./components/page-wrapper/index.js";
 import { VftClampToggle as D } from "./components/clamp-toggle/index.js";
 import { VftRouterViewContent as P } from "./components/router-view-content/index.js";
-import { VftIframeLayout as y } from "./components/iframe-layout/index.js";
-import { VftFooterLayout as S } from "./components/footer-layout/index.js";
+import { VftIframeLayout as S } from "./components/iframe-layout/index.js";
+import { VftFooterLayout as y } from "./components/footer-layout/index.js";
 import { VftHeaderLayout as k } from "./components/header-layout/index.js";
 import { VftPagination as w } from "./components/pagination/index.js";
 import { VftTabs as x, VftTabPane as L } from "./components/tabs/index.js";
@@ -42,29 +42,31 @@ import { VftColorPicker as Z } from "./components/color-picker/index.js";
 import { VftScrollbar as _ } from "./components/scrollbar/index.js";
 import { VftDropdownItem as $, VftDropdownMenu as oo, VftDropdown as to } from "./components/dropdown/index.js";
 import { VftSelectV2 as ro } from "./components/select-v2/index.js";
-import { VftVerifyCode as fo } from "./components/verify-code/index.js";
-import { VftTable as mo } from "./components/table/index.js";
+import { VftVerifyCode as mo } from "./components/verify-code/index.js";
+import { VftTable as fo } from "./components/table/index.js";
 import { VftImageViewer as io } from "./components/image-viewer/index.js";
 import { VftListCell as po } from "./components/list-cell/index.js";
 import { VftDialog as Vo } from "./components/dialog/index.js";
-import { VftMdComment as eo } from "./components/md-comment/index.js";
-import { VftMdTabs as ao } from "./components/md-tabs/index.js";
-import { VftMdVuePlayground as no } from "./components/md-vue-playground/index.js";
-import { VftMdCodeDemo as uo } from "./components/md-code-demo/index.js";
-import { VftMdCodeTabs as lo } from "./components/md-code-tabs/index.js";
-import { VftMdContainer as co } from "./components/md-container/index.js";
-const st = [
+import { VftDateTimeSelect as eo } from "./components/date-time-select/index.js";
+import { VftMdComment as ao } from "./components/md-comment/index.js";
+import { VftMdTabs as no } from "./components/md-tabs/index.js";
+import { VftMdVuePlayground as uo } from "./components/md-vue-playground/index.js";
+import { VftMdCodeDemo as lo } from "./components/md-code-demo/index.js";
+import { VftMdCodeTabs as co } from "./components/md-code-tabs/index.js";
+import { VftMdContainer as Co } from "./components/md-container/index.js";
+const Tt = [
+  Co,
   co,
   lo,
   uo,
   no,
   ao,
-  eo,
   Vo,
+  eo,
   po,
   io,
-  mo,
   fo,
+  mo,
   ro,
   $,
   oo,
@@ -93,16 +95,16 @@ const st = [
   w,
   C,
   c,
-  d,
-  u,
   l,
+  u,
+  d,
   B,
   R,
   t,
   V,
   P,
-  y,
   S,
+  y,
   k,
   n,
   F,
@@ -113,8 +115,8 @@ const st = [
   G,
   o,
   r,
-  f,
   m,
+  f,
   i,
   x,
   L,
@@ -124,5 +126,5 @@ const st = [
   Q
 ];
 export {
-  st as default
+  Tt as default
 };

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

@@ -1,2 +1,3 @@
 import "vft/theme-style/base.css";
+import "vft/theme-style/vft-icon.css";
 import "vft/theme-style/wfly-alert.css";

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

@@ -1,2 +1,3 @@
 import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/icon.scss";
 import "vft/theme-style/src/alert.scss";

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

@@ -1,4 +1,5 @@
 import "vft/theme-style/base.css";
 import "vft/theme-style/vft-image-viewer.css";
 import "vft/theme-style/vft-image.css";
+import "vft/theme-style/vft-icon.css";
 import "vft/theme-style/vft-avatar.css";

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

@@ -1,4 +1,5 @@
 import "vft/theme-style/src/base.scss";
 import "vft/theme-style/src/image-viewer.scss";
 import "vft/theme-style/src/image.scss";
+import "vft/theme-style/src/icon.scss";
 import "vft/theme-style/src/avatar.scss";

package/es/components/back-top/back-top.vue2.js

@@ -59,6 +59,7 @@ import "../table/index.js";
 import "../image-viewer/index.js";
 import "../list-cell/index.js";
 import "../dialog/index.js";
+import "../date-time-select/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -80,7 +81,7 @@ const r = (
   _("back-top")
 ), N = c({
   name: r.b()
-}), oo = /* @__PURE__ */ c({
+}), ro = /* @__PURE__ */ c({
   ...N,
   props: {
     visibilityHeight: { default: 200 },
@@ -123,5 +124,5 @@ const r = (
   }
 });
 export {
-  oo as default
+  ro as default
 };

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

@@ -1,2 +1,3 @@
 import "vft/theme-style/base.css";
+import "vft/theme-style/vft-icon.css";
 import "vft/theme-style/vft-button.css";

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

@@ -1,2 +1,3 @@
 import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/icon.scss";
 import "vft/theme-style/src/button.scss";

package/es/components/button-group/style/css.js

@@ -1,2 +1,3 @@
 import "vft/theme-style/base.css";
+import "vft/theme-style/vft-icon.css";
 import "vft/theme-style/vft-button-group.css";

package/es/components/button-group/style/index.js

@@ -1,2 +1,3 @@
 import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/icon.scss";
 import "vft/theme-style/src/button-group.scss";

package/es/components/color-picker/style/css.js

@@ -1,4 +1,5 @@
 import "vft/theme-style/base.css";
 import "vft/theme-style/vft-color-picker.css";
 import "vft/theme-style/vft-input.css";
+import "vft/theme-style/vft-icon.css";
 import "vft/theme-style/vft-button.css";

package/es/components/color-picker/style/index.js

@@ -1,4 +1,5 @@
 import "vft/theme-style/src/base.scss";
 import "vft/theme-style/src/color-picker.scss";
 import "vft/theme-style/src/input.scss";
+import "vft/theme-style/src/icon.scss";
 import "vft/theme-style/src/button.scss";

package/es/components/context-menu/context-menu.vue2.js

@@ -66,6 +66,7 @@ import "../table/index.js";
 import "../image-viewer/index.js";
 import "../list-cell/index.js";
 import "../dialog/index.js";
+import "../date-time-select/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -78,7 +79,7 @@ const N = { class: "vft-sub-menu" }, x = (
   F("context-menu")
 ), R = f({
   name: x.b()
-}), eo = /* @__PURE__ */ f({
+}), mo = /* @__PURE__ */ f({
   ...R,
   props: {
     axis: null,
@@ -152,5 +153,5 @@ const N = { class: "vft-sub-menu" }, x = (
   }
 });
 export {
-  eo as default
+  mo as default
 };

package/es/components/date-time-select/date-time-select.vue.d.ts

@@ -0,0 +1,38 @@
+import type { PropType as __PropType } from 'vue';
+import { DateConfigProps } from './types';
+import { type ToolTipProps } from 'vft/es/components/tooltip';
+export interface DateTimeSelectProps {
+    dateList: Partial<DateConfigProps>[][];
+    defaultFormat?: string;
+    placement?: ToolTipProps['placement'];
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    dateList: {
+        type: __PropType<Partial<DateConfigProps>[][]>;
+        required: true;
+    };
+    defaultFormat: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    placement: {
+        type: __PropType<import("@popperjs/core").Placement | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    dateList: {
+        type: __PropType<Partial<DateConfigProps>[][]>;
+        required: true;
+    };
+    defaultFormat: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    placement: {
+        type: __PropType<import("@popperjs/core").Placement | undefined>;
+        required: false;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _sfc_main;

package/es/components/date-time-select/date-time-select.vue.js

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

package/es/components/date-time-select/date-time-select.vue2.js

@@ -0,0 +1,130 @@
+import { defineComponent as H, ref as d, computed as Y, withDirectives as J, openBlock as c, createElementBlock as C, normalizeClass as n, unref as t, createVNode as B, withCtx as T, createElementVNode as b, Fragment as F, renderList as M, createBlock as S, createTextVNode as K, toDisplayString as z, withModifiers as Q, createCommentVNode as W } from "vue";
+import { useNamespace as X } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import { isArray as Z } from "@vft/utils";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import y from "dayjs";
+import { VftTooltip as ee } from "../tooltip/index.js";
+import { VftLink as te } from "../link/index.js";
+import { VftIcon as E } from "../icon/index.js";
+import { ClickOutside as ae } from "@vft/directives";
+const u = (
+  /* hoist-static*/
+  X("date-time-select")
+), oe = H({
+  name: u.b()
+}), ye = /* @__PURE__ */ H({
+  ...oe,
+  props: {
+    dateList: { default: [] },
+    defaultFormat: { default: "YYYY-MM-DD HH:mm:ss" },
+    placement: { default: "bottom-start" }
+  },
+  emits: ["change"],
+  setup(D, { emit: P }) {
+    const l = d(!1), $ = d("请选择时间"), o = d("");
+    function j(a) {
+      const { count: e, type: i, format: R, dateRange: p = !0, startOfType: v, endOfType: h } = a;
+      let k, r, N;
+      const g = R || D.defaultFormat;
+      let s = y().format(g);
+      const _ = (m, G = !0) => {
+        let w, L = G ? "startOf" : "endOf";
+        return m === "week" ? w = y().add(e, m)[L](m).add(1, "day").format(g) : w = y().add(e, m)[L](m).format(g), w;
+      };
+      v && (k = _(v)), h && (r = _(h, !1)), N = y().add(e, i).format(g);
+      let f = k || r || N;
+      return p ? k && r ? [f, r] : e > 0 ? [f !== r && r || s, f] : e === 0 ? [k || s, r || s] : [f, f !== r && r || s] : f;
+    }
+    function A(a) {
+      l.value = !1, o.value = j(a), P("change", o.value);
+    }
+    const x = d(), O = d();
+    function I() {
+      l.value = !1;
+    }
+    const U = Y(() => {
+      var a, e;
+      return (e = (a = O.value) == null ? void 0 : a.popperRef) == null ? void 0 : e.contentRef;
+    });
+    function q() {
+      o.value = "";
+    }
+    const V = Y(() => {
+      var a;
+      return Z(o.value) && ((a = o.value) != null && a.length) ? o.value[0] + " - " + o.value[1] : o.value;
+    });
+    return (a, e) => J((c(), C("div", {
+      class: n(t(u).b()),
+      ref_key: "dateTimeSelectRef",
+      ref: x
+    }, [
+      B(t(ee), {
+        width: "auto",
+        ref_key: "popperRef",
+        ref: O,
+        placement: D.placement,
+        visible: l.value,
+        "onUpdate:visible": e[1] || (e[1] = (i) => l.value = i),
+        effect: "light",
+        transition: "vft-zoom-in-top",
+        "append-to": x.value
+      }, {
+        content: T(() => [
+          b("div", {
+            class: n(t(u).e("content"))
+          }, [
+            (c(!0), C(F, null, M(D.dateList, (i, R) => (c(), C("div", {
+              class: n(t(u).m("item")),
+              key: R
+            }, [
+              (c(!0), C(F, null, M(i, (p, v) => (c(), S(t(te), {
+                onClick: (h) => A(p),
+                type: "primary",
+                class: n(t(u).m("date-item")),
+                key: v
+              }, {
+                default: T(() => [
+                  K(z(p.text), 1)
+                ]),
+                _: 2
+              }, 1032, ["onClick", "class"]))), 128))
+            ], 2))), 128))
+          ], 2)
+        ]),
+        default: T(() => [
+          b("span", {
+            onClick: e[0] || (e[0] = (i) => l.value = !l.value),
+            class: n(t(u).e("trigger"))
+          }, [
+            b("span", {
+              class: n([t(V) ? "text" : "placeholder"])
+            }, z(t(V) || $.value), 3),
+            o.value ? (c(), S(t(E), {
+              key: 0,
+              onClick: Q(q, ["stop"]),
+              cursor: "",
+              icon: "ico-ep:circle-close",
+              class: "hover:text-black"
+            }, null, 8, ["onClick"])) : W("", !0),
+            B(t(E), {
+              icon: "ico-ep:arrow-down",
+              class: n([{ "rotate-180": l.value }])
+            }, null, 8, ["class"])
+          ], 2)
+        ]),
+        _: 1
+      }, 8, ["placement", "visible", "append-to"])
+    ], 2)), [
+      [t(ae), I, t(U)]
+    ]);
+  }
+});
+export {
+  ye as default
+};

package/es/components/date-time-select/index.d.ts

@@ -0,0 +1,30 @@
+export declare const VftDateTimeSelect: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    dateList: {
+        type: import("vue").PropType<Partial<import("./types").DateConfigProps>[][]>;
+        required: true;
+    };
+    defaultFormat: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    placement: {
+        type: import("vue").PropType<import("@popperjs/core").Placement | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    dateList: {
+        type: import("vue").PropType<Partial<import("./types").DateConfigProps>[][]>;
+        required: true;
+    };
+    defaultFormat: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    placement: {
+        type: import("vue").PropType<import("@popperjs/core").Placement | undefined>;
+        required: false;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {}>> & Record<string, any>;
+export default VftDateTimeSelect;

package/es/components/date-time-select/index.js

@@ -0,0 +1,12 @@
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import m from "./date-time-select.vue2.js";
+const l = t(m);
+export {
+  l as VftDateTimeSelect,
+  l as default
+};

package/es/components/date-time-select/style/css.js

@@ -0,0 +1,5 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-link.css";
+import "vft/theme-style/vft-tooltip.css";
+import "vft/theme-style/vft-popper.css";
+import "vft/theme-style/vft-date-time-select.css";

package/es/components/date-time-select/style/index.js

@@ -0,0 +1,5 @@
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/link.scss";
+import "vft/theme-style/src/tooltip.scss";
+import "vft/theme-style/src/popper.scss";
+import "vft/theme-style/src/date-time-select.scss";

package/es/components/date-time-select/types.d.ts

@@ -0,0 +1,10 @@
+export type DateType = 'millisecond' | 'second' | 'minute' | 'hour' | 'day' | 'month' | 'year' | 'date';
+export interface DateConfigProps {
+    count: number;
+    text: string;
+    type: DateType;
+    startOfType: DateType;
+    endOfType: DateType;
+    format: string;
+    dateRange: boolean;
+}

package/es/components/date-time-select/types.js

@@ -0,0 +1 @@
+

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

@@ -254,7 +254,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 required: false;
             };
             appendTo: {
-                type: import("vue").PropType<string | HTMLElement | undefined>;
+                type: import("vue").PropType<any>;
                 required: false;
             };
             content: {
@@ -464,7 +464,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 required: false;
             };
             appendTo: {
-                type: import("vue").PropType<string | HTMLElement | undefined>;
+                type: import("vue").PropType<any>;
                 required: false;
             };
             content: {
@@ -688,7 +688,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             required: false;
         };
         appendTo: {
-            type: import("vue").PropType<string | HTMLElement | undefined>;
+            type: import("vue").PropType<any>;
             required: false;
         };
         content: {
@@ -811,9 +811,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
     onCommand?: ((...args: any[]) => any) | undefined;
 }, {
     maxHeight: string | number;
+    placement: string;
     popperClass: string;
     disabled: boolean;
-    placement: string;
     effect: string;
     popperOptions: Record<string, any>;
     size: string;

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

@@ -254,7 +254,7 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
                 required: false;
             };
             appendTo: {
-                type: import("vue").PropType<string | HTMLElement | undefined>;
+                type: import("vue").PropType<any>;
                 required: false;
             };
             content: {
@@ -464,7 +464,7 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
                 required: false;
             };
             appendTo: {
-                type: import("vue").PropType<string | HTMLElement | undefined>;
+                type: import("vue").PropType<any>;
                 required: false;
             };
             content: {
@@ -688,7 +688,7 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
             required: false;
         };
         appendTo: {
-            type: import("vue").PropType<string | HTMLElement | undefined>;
+            type: import("vue").PropType<any>;
             required: false;
         };
         content: {
@@ -811,9 +811,9 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
     onCommand?: ((...args: any[]) => any) | undefined;
 }, {
     maxHeight: string | number;
+    placement: string;
     popperClass: string;
     disabled: boolean;
-    placement: string;
     effect: string;
     popperOptions: Record<string, any>;
     size: string;

package/es/components/full-screen/full-screen.vue.d.ts

@@ -1,2 +1,5 @@
+import { type IconTextProps } from 'vft/es/components/icon-text';
+export interface FullScreenProps extends Partial<IconTextProps> {
+}
 declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _sfc_main;

package/es/components/full-screen/full-screen.vue2.js

@@ -1,36 +1,36 @@
-import { defineComponent as n, openBlock as l, createElementBlock as c, normalizeClass as m, unref as e, createVNode as p, createElementVNode as a, toDisplayString as u } from "vue";
-import { useFullscreen as f } from "@vft/use";
-import { VftIcon as d } from "../icon/index.js";
-import { useNamespace as _ } from "../../hooks/use-namespace/index.js";
+import { defineComponent as e, openBlock as l, createBlock as p, unref as o, mergeProps as m } from "vue";
+import { useFullscreen as a } from "@vft/use";
+import { VftIconText as u } from "../icon-text/index.js";
+import { useNamespace as f } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
-import "../../utils/ns-cover.js";
+import { primaryColor as _ } from "../../utils/ns-cover.js";
 import "@vue/reactivity";
 import "@vue/shared";
-const i = (
+const t = (
   /* hoist-static*/
-  _("full-screen")
-), x = n({
-  name: i.b()
-}), S = /* @__PURE__ */ n({
+  f("full-screen")
+), x = e({
+  name: t.b()
+}), V = /* @__PURE__ */ e({
   ...x,
-  setup(g) {
-    const { toggle: o, isFullscreen: r } = f();
-    return (k, t) => (l(), c("div", {
-      class: m([e(i).b(), "cursor-pointer"]),
-      onClick: t[0] || (t[0] = //@ts-ignore
-      (...s) => e(o) && e(o)(...s))
-    }, [
-      p(e(d), {
-        icon: e(r) ? "ico-radix-icons:exit-full-screen" : "ico-radix-icons:enter-full-screen"
-      }, null, 8, ["icon"]),
-      a("span", null, u(e(r) ? "退出全屏" : "全屏"), 1)
-    ], 2));
+  props: {},
+  setup(c) {
+    const n = c, { toggle: i, isFullscreen: r } = a(), s = _().value;
+    return (d, C) => (l(), p(o(u), m({
+      class: o(t).b(),
+      distance: 2,
+      pointer: "",
+      "hover-color": o(s),
+      onClick: o(i),
+      icon: o(r) ? "ico-radix-icons:exit-full-screen" : "ico-radix-icons:enter-full-screen",
+      text: o(r) ? "退出全屏" : "全屏"
+    }, n), null, 16, ["class", "hover-color", "onClick", "icon", "text"]));
   }
 });
 export {
-  S as default
+  V as default
 };