vft 0.0.73 → 0.0.76

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

@@ -0,0 +1,6 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-icon.css";
+import "vft/theme-style/vft-button.css";
+import "vft/theme-style/vft-popover.css";
+import "vft/theme-style/vft-popper.css";
+import "vft/theme-style/vft-popconfirm.css";

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

@@ -0,0 +1,6 @@
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/icon.scss";
+import "vft/theme-style/src/button.scss";
+import "vft/theme-style/src/popper.scss";
+import "vft/theme-style/src/popover.scss";
+import "vft/theme-style/src/popconfirm.scss";

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

@@ -1,3 +1,3 @@
 import "vft/theme-style/src/base.scss";
-import "vft/theme-style/src/popover.scss";
 import "vft/theme-style/src/popper.scss";
+import "vft/theme-style/src/popover.scss";

package/es/components/result/result.vue2.js

@@ -57,6 +57,8 @@ import "../virtual-list/components/fixed-size-grid.js";
 import "../virtual-list/components/dynamic-size-grid.js";
 import "../virtual-list/props.js";
 import "../select-v2/index.js";
+import "../select/index.js";
+import "../tree-select/index.js";
 import "../verify-code/index.js";
 import "../table/index.js";
 import "../image-viewer/index.js";
@@ -68,6 +70,12 @@ import "../row/index.js";
 import "../horizontal-menu/index.js";
 import "../time-picker/index.js";
 import "../date-picker/index.js";
+import "../check-tag/index.js";
+import "../tree/index.js";
+import "../skeleton/index.js";
+import "../space/index.js";
+import "../card/index.js";
+import "../popconfirm/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -80,7 +88,7 @@ const i = (
   x("result")
 ), I = l({
   name: i.b()
-}), Mt = /* @__PURE__ */ l({
+}), Zt = /* @__PURE__ */ l({
   ...I,
   props: {
     title: null,
@@ -119,5 +127,5 @@ const i = (
   }
 });
 export {
-  Mt as default
+  Zt as default
 };

package/es/components/roving-focus-group/roving-focus-item.vue2.js

@@ -6,9 +6,9 @@ import "../../hooks/use-z-index/index.js";
 import { useId as h } from "../../hooks/use-id/index.js";
 import "@vueuse/core";
 import "@vft/utils";
+import { EVENT_CODE as k } from "../../constants/aria.js";
 import { composeEventHandlers as i } from "../../utils/event.js";
 import "../../utils/ns-cover.js";
-import { EVENT_CODE as k } from "../../constants/aria.js";
 import { VftCollectionItem as x, ROVING_FOCUS_COLLECTION_INJECTION_KEY as G } from "./types.js";
 import { ROVING_FOCUS_GROUP_INJECTION_KEY as K, ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY as U } from "./tokens.js";
 import { getFocusIntent as V, reorderArray as J, focusFirst as L } from "./utils.js";

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

@@ -1,3 +1,5 @@
 import "vft/theme-style/base.css";
 import "vft/theme-style/vft-input.css";
+import "vft/theme-style/vft-popover.css";
+import "vft/theme-style/vft-popper.css";
 import "vft/theme-style/vft-search.css";

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

@@ -1,3 +1,5 @@
 import "vft/theme-style/src/base.scss";
 import "vft/theme-style/src/input.scss";
+import "vft/theme-style/src/popper.scss";
+import "vft/theme-style/src/popover.scss";
 import "vft/theme-style/src/search.scss";

package/es/components/select/index.js

@@ -0,0 +1,22 @@
+import { withInstall as r, withNoopInstall as t } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import i from "./select.vue.js";
+import o from "./option.vue.js";
+import p from "./option-group.vue.js";
+import { selectGroupKey as x, selectKey as y } from "./token.js";
+const O = r(i, {
+  Option: o,
+  OptionGroup: p
+}), G = t(o), V = t(p);
+export {
+  G as VftOption,
+  V as VftOptionGroup,
+  O as VftSelect,
+  O as default,
+  x as selectGroupKey,
+  y as selectKey
+};

package/es/components/select/option-group.vue.js

@@ -0,0 +1,25 @@
+import l from "./option-group.vue2.js";
+import { withDirectives as s, openBlock as t, createElementBlock as n, normalizeClass as o, createElementVNode as r, toDisplayString as i, renderSlot as a, vShow as p } from "vue";
+import u from "../../_virtual/_plugin-vue_export-helper.js";
+function c(e, m, f, d, b, $) {
+  return s((t(), n("ul", {
+    class: o(e.ns.be("group", "wrap"))
+  }, [
+    r("li", {
+      class: o(e.ns.be("group", "title"))
+    }, i(e.label), 3),
+    r("li", null, [
+      r("ul", {
+        class: o(e.ns.b("group"))
+      }, [
+        a(e.$slots, "default")
+      ], 2)
+    ])
+  ], 2)), [
+    [p, e.visible]
+  ]);
+}
+const w = /* @__PURE__ */ u(l, [["render", c]]);
+export {
+  w as default
+};

package/es/components/select/option-group.vue2.js

@@ -0,0 +1,53 @@
+import { defineComponent as f, ref as i, getCurrentInstance as y, provide as d, reactive as h, toRefs as v, inject as b, onMounted as g, toRaw as C, watch as x } from "vue";
+import { useNamespace as G } 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 { selectGroupKey as O, selectKey as V } from "./token.js";
+const I = f({
+  name: "VftOptionGroup",
+  componentName: "VftOptionGroup",
+  props: {
+    label: String,
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(a) {
+    const c = G("select"), n = i(!0), m = y(), r = i([]);
+    d(
+      O,
+      h({
+        ...v(a)
+      })
+    );
+    const u = b(V);
+    g(() => {
+      r.value = p(m.subTree);
+    });
+    const p = (t) => {
+      const o = [];
+      return Array.isArray(t.children) && t.children.forEach((e) => {
+        var s;
+        e.type && e.type.name === "VftOption" && e.component && e.component.proxy ? o.push(e.component.proxy) : (s = e.children) != null && s.length && o.push(...p(e));
+      }), o;
+    }, { groupQueryChange: l } = C(u);
+    return x(
+      l,
+      () => {
+        n.value = r.value.some((t) => t.visible === !0);
+      },
+      { flush: "post" }
+    ), {
+      visible: n,
+      ns: c
+    };
+  }
+});
+export {
+  I as default
+};

package/es/components/select/option.vue.js

@@ -0,0 +1,27 @@
+import i from "./option.vue2.js";
+import { withDirectives as s, openBlock as t, createElementBlock as l, normalizeClass as n, withModifiers as p, renderSlot as d, createElementVNode as m, toDisplayString as a, vShow as f } from "vue";
+import u from "../../_virtual/_plugin-vue_export-helper.js";
+function v(e, o, b, k, $, h) {
+  return s((t(), l("li", {
+    class: n([
+      e.ns.be("dropdown", "item"),
+      e.ns.is("disabled", e.isDisabled),
+      {
+        selected: e.itemSelected,
+        hover: e.hover
+      }
+    ]),
+    onMouseenter: o[0] || (o[0] = (...r) => e.hoverItem && e.hoverItem(...r)),
+    onClick: o[1] || (o[1] = p((...r) => e.selectOptionClick && e.selectOptionClick(...r), ["stop"]))
+  }, [
+    d(e.$slots, "default", {}, () => [
+      m("span", null, a(e.currentLabel), 1)
+    ])
+  ], 34)), [
+    [f, e.visible]
+  ]);
+}
+const D = /* @__PURE__ */ u(i, [["render", v]]);
+export {
+  D as default
+};

package/es/components/select/option.vue2.js

@@ -0,0 +1,58 @@
+import { defineComponent as O, reactive as v, toRefs as h, getCurrentInstance as g, onBeforeUnmount as S, nextTick as y } 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 "@vft/utils";
+import "../../utils/ns-cover.js";
+import { useOption as B } from "./useOption.js";
+const R = O({
+  name: "VftOption",
+  componentName: "VftOption",
+  props: {
+    value: {
+      required: !0,
+      type: [String, Number, Boolean, Object]
+    },
+    label: [String, Number],
+    created: Boolean,
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(s) {
+    const r = x("select"), o = v({
+      index: -1,
+      groupDisabled: !1,
+      visible: !0,
+      hitState: !1,
+      hover: !1
+    }), { currentLabel: l, itemSelected: a, isDisabled: c, select: e, hoverItem: p } = B(s, o), { visible: m, hover: u } = h(o), t = g().proxy;
+    e.onOptionCreate(t), S(() => {
+      const n = t.value, { selected: i } = e, f = (e.props.multiple ? i : [i]).some((b) => b.value === t.value);
+      y(() => {
+        e.cachedOptions.get(n) === t && !f && e.cachedOptions.delete(n);
+      }), e.onOptionDestroy(n, t);
+    });
+    function d() {
+      s.disabled !== !0 && o.groupDisabled !== !0 && e.handleOptionSelect(t, !0);
+    }
+    return {
+      ns: r,
+      currentLabel: l,
+      itemSelected: a,
+      isDisabled: c,
+      select: e,
+      hoverItem: p,
+      visible: m,
+      hover: u,
+      selectOptionClick: d,
+      states: o
+    };
+  }
+});
+export {
+  R as default
+};

package/es/components/select/options.js

@@ -0,0 +1,34 @@
+import { defineComponent as y } from "vue";
+import { isString as A, isFunction as g } from "@vft/utils";
+const C = y({
+  name: "Options",
+  emits: ["update-options"],
+  setup(x, { slots: t, emit: h }) {
+    let o = [];
+    function O(r, e) {
+      if (r.length !== e.length)
+        return !1;
+      for (const [i] of r.entries())
+        if (r[i] != e[i])
+          return !1;
+      return !0;
+    }
+    return () => {
+      var f, p;
+      const r = (f = t.default) == null ? void 0 : f.call(t), e = [];
+      function i(s) {
+        Array.isArray(s) && s.forEach((n) => {
+          var l, c, u, d;
+          const a = (l = (n == null ? void 0 : n.type) || {}) == null ? void 0 : l.name;
+          a === "VftOptionGroup" ? i(
+            !A(n.children) && !Array.isArray(n.children) && g((c = n.children) == null ? void 0 : c.default) ? (u = n.children) == null ? void 0 : u.default() : n.children
+          ) : a === "VftOption" ? e.push((d = n.props) == null ? void 0 : d.label) : Array.isArray(n.children) && i(n.children);
+        });
+      }
+      return r.length && i((p = r[0]) == null ? void 0 : p.children), O(e, o) || (o = e, h("update-options", e)), r;
+    };
+  }
+});
+export {
+  C as default
+};

package/es/components/select/select-dropdown.vue.js

@@ -0,0 +1,15 @@
+import o from "./select-dropdown.vue2.js";
+import { openBlock as r, createElementBlock as s, normalizeClass as t, normalizeStyle as i, renderSlot as n } from "vue";
+import l from "../../_virtual/_plugin-vue_export-helper.js";
+function p(e, a, d, m, f, u) {
+  return r(), s("div", {
+    class: t([e.ns.b("dropdown"), e.ns.is("multiple", e.isMultiple), e.popperClass]),
+    style: i({ [e.isFitInputWidth ? "width" : "minWidth"]: e.minWidth })
+  }, [
+    n(e.$slots, "default")
+  ], 6);
+}
+const S = /* @__PURE__ */ l(o, [["render", p]]);
+export {
+  S as default
+};

package/es/components/select/select-dropdown.vue2.js

@@ -0,0 +1,32 @@
+import { defineComponent as c, inject as l, computed as e, ref as f, onMounted as u } from "vue";
+import { useResizeObserver as a } from "@vueuse/core";
+import { useNamespace as d } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+import { selectKey as W } from "./token.js";
+const S = c({
+  name: "VftSelectDropdown",
+  componentName: "VftSelectDropdown",
+  setup() {
+    const t = l(W), r = d("select"), i = e(() => t.props.popperClass), n = e(() => t.props.multiple), m = e(() => t.props.fitInputWidth), o = f("");
+    function p() {
+      var s;
+      o.value = `${(s = t.selectWrapper) == null ? void 0 : s.offsetWidth}px`;
+    }
+    return u(() => {
+      p(), a(t.selectWrapper, p);
+    }), {
+      ns: r,
+      minWidth: o,
+      popperClass: i,
+      isMultiple: n,
+      isFitInputWidth: m
+    };
+  }
+});
+export {
+  S as default
+};