vft 0.0.70 → 0.0.72

package/es/components/color-picker/components/sv-panel.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as f, getCurrentInstance as M, ref as d, computed as w, watch as C, onMounted as b } from "vue";
+import { defineComponent as p, getCurrentInstance as M, ref as d, computed as w, watch as C, onMounted as b } from "vue";
 import "@vft/utils";
 import "lodash";
 import "@vueuse/core";
@@ -7,10 +7,8 @@ import { getClientXY as x } from "../../../utils/dom/position.js";
 import { useNamespace as V } from "../../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import { draggable as X } from "../utils/draggable.js";
-const O = f({
+const L = p({
   name: "VftSlPanel",
   props: {
     color: {
@@ -19,29 +17,29 @@ const O = f({
     }
   },
   setup(o) {
-    const v = V("color-svpanel"), c = M(), a = d(0), i = d(0), g = d("hsl(0, 100%, 50%)"), p = w(() => {
-      const t = o.color.get("hue"), r = o.color.get("value");
-      return { hue: t, value: r };
+    const f = V("color-svpanel"), a = M(), r = d(0), i = d(0), g = d("hsl(0, 100%, 50%)"), v = w(() => {
+      const t = o.color.get("hue"), c = o.color.get("value");
+      return { hue: t, value: c };
     });
     function u() {
-      const t = o.color.get("saturation"), r = o.color.get("value"), e = c.vnode.el, { clientWidth: m, clientHeight: h } = e;
-      i.value = t * m / 100, a.value = (100 - r) * h / 100, g.value = `hsl(${o.color.get("hue")}, 100%, 50%)`;
+      const t = o.color.get("saturation"), c = o.color.get("value"), e = a.vnode.el, { clientWidth: m, clientHeight: h } = e;
+      i.value = t * m / 100, r.value = (100 - c) * h / 100, g.value = `hsl(${o.color.get("hue")}, 100%, 50%)`;
     }
     function s(t) {
-      const e = c.vnode.el.getBoundingClientRect(), { clientX: m, clientY: h } = x(t);
+      const e = a.vnode.el.getBoundingClientRect(), { clientX: m, clientY: h } = x(t);
       let n = m - e.left, l = h - e.top;
-      n = Math.max(0, n), n = Math.min(n, e.width), l = Math.max(0, l), l = Math.min(l, e.height), i.value = n, a.value = l, o.color.set({
+      n = Math.max(0, n), n = Math.min(n, e.width), l = Math.max(0, l), l = Math.min(l, e.height), i.value = n, r.value = l, o.color.set({
         saturation: n / e.width * 100,
         value: 100 - l / e.height * 100
       });
     }
     return C(
-      () => p.value,
+      () => v.value,
       () => {
         u();
       }
     ), b(() => {
-      X(c.vnode.el, {
+      X(a.vnode.el, {
         drag: (t) => {
           s(t);
         },
@@ -50,16 +48,16 @@ const O = f({
         }
       }), u();
     }), {
-      cursorTop: a,
+      cursorTop: r,
       cursorLeft: i,
       background: g,
-      colorValue: p,
+      colorValue: v,
       handleDrag: s,
       update: u,
-      ns: v
+      ns: f
     };
   }
 });
 export {
-  O as default
+  L as default
 };

package/es/components/color-picker/composables/use-alpha-slider.js

@@ -7,10 +7,8 @@ import { getClientXY as K } from "../../../utils/dom/position.js";
 import { useNamespace as R } from "../../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import { draggable as W } from "../utils/draggable.js";
-const q = (e) => {
+const U = (e) => {
   const f = $(), t = M(), u = M();
   function h(i) {
     i.target !== t.value && r(i);
@@ -43,7 +41,7 @@ const q = (e) => {
     handleDrag: r,
     handleClick: h
   };
-}, z = (e, {
+}, j = (e, {
   bar: f,
   thumb: t,
   handleDrag: u
@@ -104,6 +102,6 @@ const q = (e) => {
   return { rootKls: C, barKls: k, barStyle: S, thumbKls: w, thumbStyle: T, update: g };
 };
 export {
-  q as useAlphaSlider,
-  z as useAlphaSliderDOM
+  U as useAlphaSlider,
+  j as useAlphaSliderDOM
 };

package/es/components/config-provider/config-provider.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as s, watch as r, computed as d, onActivated as f, onDeactivated as h, onBeforeUnmount as p, getCurrentInstance as g, openBlock as b, createElementBlock as v, normalizeClass as C, unref as a, normalizeStyle as V, renderSlot as k } from "vue";
+import { defineComponent as s, watch as o, computed as d, onActivated as f, onDeactivated as h, onBeforeUnmount as g, getCurrentInstance as p, openBlock as b, createElementBlock as v, normalizeClass as C, unref as r, normalizeStyle as V, renderSlot as k } from "vue";
 import { inBrowser as B, kebabCase as D } from "@vft/utils";
 import { useNamespace as E } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
@@ -6,8 +6,6 @@ import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import { provideGlobalConfig as L } from "./hooks/use-global-config.js";
 import { messageConfig as S } from "./constants.js";
 const i = (
@@ -15,7 +13,7 @@ const i = (
   E("config-provider")
 ), T = s({
   name: i.b()
-}), U = /* @__PURE__ */ s({
+}), N = /* @__PURE__ */ s({
   ...T,
   props: {
     theme: { default: "light" },
@@ -30,7 +28,7 @@ const i = (
     button: null
   },
   setup(t) {
-    r(
+    o(
       () => t.message,
       (e) => {
         Object.assign(S, e ?? {});
@@ -50,13 +48,13 @@ const i = (
       }, n = (m = t.theme) => {
         document.documentElement.classList.remove(m);
       };
-      r(
+      o(
         () => t.theme,
-        (m, o) => {
-          o && n(o), e();
+        (m, a) => {
+          a && n(a), e();
         },
         { immediate: !0 }
-      ), f(e), h(n), p(n);
+      ), f(e), h(n), g(n);
     }
     function l(e) {
       const n = {};
@@ -64,15 +62,15 @@ const i = (
         n[`--${t.namespace}-${D(m)}`] = e[m];
       }), n;
     }
-    const u = g();
+    const u = p();
     return L(u.props), (e, n) => (b(), v("div", {
-      class: C(a(i).b()),
-      style: V(a(c))
+      class: C(r(i).b()),
+      style: V(r(c))
     }, [
       k(e.$slots, "default")
     ], 6));
   }
 });
 export {
-  U as default
+  N as default
 };

package/es/components/config-provider/hooks/use-global-config.js

@@ -1,4 +1,4 @@
-import { ref as p, getCurrentInstance as l, inject as v, computed as i, provide as g, unref as x } from "vue";
+import { ref as v, getCurrentInstance as l, inject as p, computed as i, provide as g, unref as x } from "vue";
 import { keysOf as a } from "@vft/utils";
 import { debugWarn as C } from "../../../utils/error.js";
 import "lodash";
@@ -7,18 +7,16 @@ import "../../../utils/ns-cover.js";
 import { useNamespace as b, defaultNamespace as I, namespaceContextKey as y } from "../../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import { useZIndex as G, defaultInitialZIndex as z, zIndexContextKey as K } from "../../../hooks/use-z-index/index.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import { configProviderContextKey as m } from "../constants.js";
-const c = p();
+const c = v();
 function d(t, o = void 0) {
-  const r = l() ? v(m, c) : c;
+  const r = l() ? p(m, c) : c;
   return t ? i(() => {
     var n;
     return ((n = r.value) == null ? void 0 : n[t]) ?? o;
   }) : r;
 }
-function B(t) {
+function q(t) {
   const o = d(), r = b(
     t,
     i(() => {
@@ -36,7 +34,7 @@ function B(t) {
     zIndex: n
   };
 }
-const D = (t, o, r = !1) => {
+const A = (t, o, r = !1) => {
   const n = !!l(), e = n ? d() : void 0, u = (o == null ? void 0 : o.provide) ?? (n ? g : void 0);
   if (!u) {
     C(
@@ -63,7 +61,7 @@ const D = (t, o, r = !1) => {
   return n;
 };
 export {
-  D as provideGlobalConfig,
-  B as useGlobalComponentSettings,
+  A as provideGlobalConfig,
+  q as useGlobalComponentSettings,
   d as useGlobalConfig
 };

package/es/components/container/aside.vue.js

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

package/es/components/container/aside.vue2.js

@@ -0,0 +1,37 @@
+import { defineComponent as r, computed as l, openBlock as p, createElementBlock as a, normalizeClass as m, unref as o, normalizeStyle as c, renderSlot as d } from "vue";
+import { useNamespace as u } 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";
+const t = (
+  /* hoist-static*/
+  u("aside")
+), f = r({
+  name: t.b()
+}), C = /* @__PURE__ */ r({
+  ...f,
+  props: {
+    /**
+     * @description width of the side section
+     */
+    width: {
+      type: String,
+      default: null
+    }
+  },
+  setup(s) {
+    const e = s, n = l(() => e.width ? t.cssVarBlock({ width: e.width }) : {});
+    return (i, _) => (p(), a("aside", {
+      class: m(o(t).b()),
+      style: c(o(n))
+    }, [
+      d(i.$slots, "default")
+    ], 6));
+  }
+});
+export {
+  C as default
+};

package/es/components/container/container.vue.js

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

package/es/components/container/container.vue2.js

@@ -0,0 +1,33 @@
+import { defineComponent as a, useSlots as c, computed as m, openBlock as u, createElementBlock as f, normalizeClass as p, unref as t, renderSlot as d } from "vue";
+import { useNamespace as v } 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";
+const o = (
+  /* hoist-static*/
+  v("container")
+), _ = a({
+  name: o.b()
+}), g = /* @__PURE__ */ a({
+  ..._,
+  props: {
+    direction: null
+  },
+  setup(r) {
+    const e = c(), l = m(() => r.direction === "vertical" ? !0 : r.direction === "horizontal" ? !1 : e && e.default ? e.default().some((s) => {
+      const i = s.type.name;
+      return i === "vft-header" || i === "vft-footer";
+    }) : !1);
+    return (n, s) => (u(), f("section", {
+      class: p([t(o).b(), t(o).is("vertical", t(l))])
+    }, [
+      d(n.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  g as default
+};

package/es/components/container/footer.vue.js

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

package/es/components/container/footer.vue2.js

@@ -0,0 +1,39 @@
+import { defineComponent as r, computed as p, openBlock as m, createElementBlock as i, normalizeClass as a, unref as o, normalizeStyle as c, renderSlot as f } from "vue";
+import { useNamespace as u } 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";
+const t = (
+  /* hoist-static*/
+  u("footer")
+), h = r({
+  name: t.b()
+}), C = /* @__PURE__ */ r({
+  ...h,
+  props: {
+    /**
+     * @description height of the footer
+     */
+    height: {
+      type: String,
+      default: null
+    }
+  },
+  setup(s) {
+    const e = s, n = p(
+      () => e.height ? t.cssVarBlock({ height: e.height }) : {}
+    );
+    return (l, d) => (m(), i("footer", {
+      class: a(o(t).b()),
+      style: c(o(n))
+    }, [
+      f(l.$slots, "default")
+    ], 6));
+  }
+});
+export {
+  C as default
+};

package/es/components/container/header.vue.js

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

package/es/components/container/header.vue2.js

@@ -0,0 +1,39 @@
+import { defineComponent as r, computed as p, openBlock as a, createElementBlock as m, normalizeClass as i, unref as o, normalizeStyle as c, renderSlot as u } from "vue";
+import { useNamespace as h } 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";
+const e = (
+  /* hoist-static*/
+  h("header")
+), d = r({
+  name: e.b()
+}), C = /* @__PURE__ */ r({
+  ...d,
+  props: {
+    /**
+     * @description height of the header
+     */
+    height: {
+      type: String,
+      default: null
+    }
+  },
+  setup(s) {
+    const t = s, n = p(() => t.height ? e.cssVarBlock({
+      height: t.height
+    }) : {});
+    return (l, f) => (a(), m("header", {
+      class: i(o(e).b()),
+      style: c(o(n))
+    }, [
+      u(l.$slots, "default")
+    ], 6));
+  }
+});
+export {
+  C as default
+};

package/es/components/container/index.js

@@ -0,0 +1,25 @@
+import { withInstall as f, withNoopInstall as o } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import n from "./container.vue2.js";
+import t from "./aside.vue2.js";
+import i from "./footer.vue2.js";
+import r from "./header.vue2.js";
+import m from "./main.vue2.js";
+const w = f(n, {
+  Aside: t,
+  Footer: i,
+  Header: r,
+  Main: m
+}), A = o(t), F = o(i), H = o(r), I = o(m);
+export {
+  A as VftAside,
+  w as VftContainer,
+  F as VftFooter,
+  H as VftHeader,
+  I as VftMain,
+  w as default
+};

package/es/components/container/main.vue.js

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

package/es/components/container/main.vue2.js

@@ -0,0 +1,26 @@
+import { defineComponent as e, openBlock as r, createElementBlock as m, normalizeClass as n, unref as s, renderSlot as a } from "vue";
+import { useNamespace as p } 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";
+const o = (
+  /* hoist-static*/
+  p("main")
+), i = e({
+  name: o.b()
+}), h = /* @__PURE__ */ e({
+  ...i,
+  setup(c) {
+    return (t, l) => (r(), m("main", {
+      class: n(s(o).b())
+    }, [
+      a(t.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  h as default
+};

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

@@ -0,0 +1,6 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-container.css";
+import "vft/theme-style/vft-aside.css";
+import "vft/theme-style/vft-footer.css";
+import "vft/theme-style/vft-header.css";
+import "vft/theme-style/vft-main.css";

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

@@ -0,0 +1,6 @@
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/container.scss";
+import "vft/theme-style/src/aside.scss";
+import "vft/theme-style/src/footer.scss";
+import "vft/theme-style/src/header.scss";
+import "vft/theme-style/src/main.scss";

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

@@ -6,8 +6,6 @@ import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import { useTimeoutFn as H, useClickAway as I, useEventListener as c } from "@vft/use";
 import "../divider/index.js";
 import "../icon/index.js";
@@ -20,16 +18,14 @@ import "../collapse-transition/index.js";
 import "../tooltip/index.js";
 import "../popover/index.js";
 import { VftMenuItem as L } from "../menu/index.js";
-import "../multiple-tabs/multiple-tabs.vue2.js";
-import "@vft/router";
-import "@vft/store";
-import "vue-router";
+import "../multiple-tabs/index.js";
 import "../header-layout/index.js";
 import "../footer-layout/index.js";
 import "../iframe-layout/index.js";
 import "../router-view-content/index.js";
 import "../logo/index.js";
 import "../back-top/index.js";
+import "../container/index.js";
 import "../config-provider/index.js";
 import "../descriptions/index.js";
 import "../full-screen/index.js";
@@ -67,6 +63,11 @@ import "../image-viewer/index.js";
 import "../list-cell/index.js";
 import "../dialog/index.js";
 import "../date-time-select/index.js";
+import "../col/index.js";
+import "../row/index.js";
+import "../horizontal-menu/index.js";
+import "../time-picker/index.js";
+import "../date-picker/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -79,7 +80,7 @@ const N = { class: "vft-sub-menu" }, x = (
   F("context-menu")
 ), R = f({
   name: x.b()
-}), mo = /* @__PURE__ */ f({
+}), po = /* @__PURE__ */ f({
   ...R,
   props: {
     axis: null,
@@ -153,5 +154,5 @@ const N = { class: "vft-sub-menu" }, x = (
   }
 });
 export {
-  mo as default
+  po as default
 };

package/es/components/date-picker/composables/use-month-range-header.js

@@ -0,0 +1,29 @@
+import { computed as a } from "vue";
+const b = ({
+  unlinkPanels: u,
+  leftDate: e,
+  rightDate: r
+}) => {
+  const v = () => {
+    e.value = e.value.subtract(1, "year"), u.value || (r.value = r.value.subtract(1, "year"));
+  }, l = () => {
+    u.value || (e.value = e.value.add(1, "year")), r.value = r.value.add(1, "year");
+  }, o = () => {
+    e.value = e.value.add(1, "year");
+  }, c = () => {
+    r.value = r.value.subtract(1, "year");
+  }, n = a(() => `${e.value.year()} 年}`), y = a(() => `${r.value.year()} 年}`), s = a(() => e.value.year()), d = a(() => r.value.year() === e.value.year() ? e.value.year() + 1 : r.value.year());
+  return {
+    leftPrevYear: v,
+    rightNextYear: l,
+    leftNextYear: o,
+    rightPrevYear: c,
+    leftLabel: n,
+    rightLabel: y,
+    leftYear: s,
+    rightYear: d
+  };
+};
+export {
+  b as useMonthRangeHeader
+};

package/es/components/date-picker/composables/use-range-picker.js

@@ -0,0 +1,68 @@
+import { getCurrentInstance as I, ref as s, inject as P, watch as f, unref as n } from "vue";
+import { isArray as S } from "@vft/utils";
+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 "../../../utils/ns-cover.js";
+import { isValidRange as E, getDefaultValue as O } from "../utils.js";
+import { ROOT_PICKER_INJECTION_KEY as K } from "../constants.js";
+import { useShortcut as T } from "./use-shortcut.js";
+const G = (l, {
+  defaultValue: m,
+  leftDate: u,
+  rightDate: g,
+  unit: d,
+  onParsedValueChanged: v
+}) => {
+  const { emit: h } = I(), c = s("zh-cn"), { pickerNs: k } = P(K), D = x("date-range-picker"), C = T(c), a = s(), o = s(), r = s({
+    endDate: null,
+    selecting: !1
+  }), N = (e) => {
+    r.value = e;
+  }, R = (e = !1) => {
+    const t = n(a), i = n(o);
+    E([t, i]) && h("pick", [t, i], e);
+  }, _ = (e) => {
+    r.value.selecting = e, e || (r.value.endDate = null);
+  }, p = () => {
+    const [e, t] = O(n(m), {
+      lang: n(c),
+      unit: d,
+      unlinkPanels: l.unlinkPanels
+    });
+    a.value = void 0, o.value = void 0, u.value = e, g.value = t;
+  };
+  return f(
+    m,
+    (e) => {
+      e && p();
+    },
+    { immediate: !0 }
+  ), f(
+    () => l.parsedValue,
+    (e) => {
+      if (S(e) && e.length === 2) {
+        const [t, i] = e;
+        a.value = t, u.value = t, o.value = i, v(n(a), n(o));
+      } else
+        p();
+    },
+    { immediate: !0 }
+  ), {
+    minDate: a,
+    maxDate: o,
+    rangeState: r,
+    lang: c,
+    ppNs: k,
+    drpNs: D,
+    handleChangeRange: N,
+    handleRangeConfirm: R,
+    handleShortcutClick: C,
+    onSelect: _
+  };
+};
+export {
+  G as useRangePicker
+};

package/es/components/date-picker/composables/use-shortcut.js

@@ -0,0 +1,24 @@
+import { getCurrentInstance as s, useAttrs as i, useSlots as u } from "vue";
+import n from "dayjs";
+import { isFunction as a } from "@vft/utils";
+const v = (o) => {
+  const { emit: l } = s(), c = i(), r = u();
+  return (t) => {
+    const e = a(t.value) ? t.value() : t.value;
+    if (e) {
+      l("pick", [
+        n(e[0]).locale(o.value),
+        n(e[1]).locale(o.value)
+      ]);
+      return;
+    }
+    t.onClick && t.onClick({
+      attrs: c,
+      slots: r,
+      emit: l
+    });
+  };
+};
+export {
+  v as useShortcut
+};

package/es/components/date-picker/constants.js

@@ -0,0 +1,4 @@
+const o = Symbol();
+export {
+  o as ROOT_PICKER_INJECTION_KEY
+};