vft 0.0.376 → 0.0.378

package/es/components/form/index.js

@@ -2,26 +2,27 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "vue";
-import { withInstall as t, withNoopInstall as m } from "../../utils/vue/install.js";
+import { withInstall, withNoopInstall } from "../../utils/vue/install.js";
 import "lodash-es";
-import r from "./form.vue2.js";
-import o from "./form-item.vue2.js";
-import { formContextKey as c, formItemContextKey as d } from "./constants.js";
-import { useDisabled as b, useFormDisabled as h, useFormSize as w, useSize as y } from "./hooks/use-form-common-props.js";
-import { useFormItem as C, useFormItemInputId as D } from "./hooks/use-form-item.js";
-const u = t(r, {
-  FormItem: o
-}), l = m(o);
+import _sfc_main$1 from "./form.vue2.js";
+import _sfc_main from "./form-item.vue2.js";
+import { formContextKey, formItemContextKey } from "./constants.js";
+import { useDisabled, useFormDisabled, useFormSize, useSize } from "./hooks/use-form-common-props.js";
+import { useFormItem, useFormItemInputId } from "./hooks/use-form-item.js";
+const VftForm = withInstall(_sfc_main$1, {
+  FormItem: _sfc_main
+});
+const VftFormItem = withNoopInstall(_sfc_main);
 export {
-  u as VftForm,
-  l as VftFormItem,
-  u as default,
-  c as formContextKey,
-  d as formItemContextKey,
-  b as useDisabled,
-  h as useFormDisabled,
-  C as useFormItem,
-  D as useFormItemInputId,
-  w as useFormSize,
-  y as useSize
+  VftForm,
+  VftFormItem,
+  VftForm as default,
+  formContextKey,
+  formItemContextKey,
+  useDisabled,
+  useFormDisabled,
+  useFormItem,
+  useFormItemInputId,
+  useFormSize,
+  useSize
 };

package/es/components/form/utils.js

@@ -1,42 +1,48 @@
 import "@vueuse/core";
-import { isArray as s } from "@vft/utils";
-import { castArray as c } from "../../utils/helper.js";
-import { ref as l, computed as d } from "vue";
+import { isArray } from "@vft/utils";
+import { castArray } from "../../utils/helper.js";
+import { ref, computed } from "vue";
 import "lodash-es";
-function g() {
-  const e = l([]), o = d(() => {
-    if (!e.value.length) return "0";
-    const t = Math.max(...e.value);
-    return t ? `${t}px` : "";
+function useFormLabelWidth() {
+  const potentialLabelWidthArr = ref([]);
+  const autoLabelWidth = computed(() => {
+    if (!potentialLabelWidthArr.value.length) return "0";
+    const max = Math.max(...potentialLabelWidthArr.value);
+    return max ? `${max}px` : "";
   });
-  function n(t) {
-    return e.value.indexOf(t);
+  function getLabelWidthIndex(width) {
+    const index = potentialLabelWidthArr.value.indexOf(width);
+    return index;
   }
-  function i(t, r) {
-    if (t && r) {
-      const a = n(r);
-      e.value.splice(a, 1, t);
-    } else t && e.value.push(t);
+  function registerLabelWidth(val, oldVal) {
+    if (val && oldVal) {
+      const index = getLabelWidthIndex(oldVal);
+      potentialLabelWidthArr.value.splice(index, 1, val);
+    } else if (val) {
+      potentialLabelWidthArr.value.push(val);
+    }
   }
-  function u(t) {
-    const r = n(t);
-    r > -1 && e.value.splice(r, 1);
+  function deregisterLabelWidth(val) {
+    const index = getLabelWidthIndex(val);
+    if (index > -1) {
+      potentialLabelWidthArr.value.splice(index, 1);
+    }
   }
   return {
-    autoLabelWidth: o,
-    registerLabelWidth: i,
-    deregisterLabelWidth: u
+    autoLabelWidth,
+    registerLabelWidth,
+    deregisterLabelWidth
   };
 }
-const b = (e, o) => {
-  const n = c(o).map(
-    (i) => s(i) ? i.join(".") : i
+const filterFields = (fields, props) => {
+  const normalized = castArray(props).map(
+    (prop) => isArray(prop) ? prop.join(".") : prop
   );
-  return n.length > 0 ? e.filter(
-    (i) => i.propString && n.includes(i.propString)
-  ) : e;
+  return normalized.length > 0 ? fields.filter(
+    (field) => field.propString && normalized.includes(field.propString)
+  ) : fields;
 };
 export {
-  b as filterFields,
-  g as useFormLabelWidth
+  filterFields,
+  useFormLabelWidth
 };

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

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

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

@@ -1,19 +1,20 @@
-import { defineComponent as r, createBlock as s, openBlock as p, unref as o, mergeProps as m } from "vue";
-import { useFullscreen as a } from "@vft/use";
-import { delObjAttrNotExist as u } from "@vft/utils";
-import { VftIconText as f } from "../icon-text/index.js";
+import { defineComponent, createBlock, openBlock, unref, mergeProps } from "vue";
+import { useFullscreen } from "@vft/use";
+import { delObjAttrNotExist } from "@vft/utils";
+import { VftIconText } from "../icon-text/index.js";
 import "@vueuse/core";
 import "../config-provider/hooks/use-global-config.js";
-import { primaryColor as x } from "../../utils/ns-cover.js";
+import { primaryColor } from "../../utils/ns-cover.js";
 import "lodash-es";
-import { useNamespace as _ } from "../../hooks/use-namespace/index.js";
+import { useNamespace } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const d = r({
+const __default__ = defineComponent({
   name: "full-screen"
-}), z = /* @__PURE__ */ r({
-  ...d,
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   props: {
     text: {},
     icon: {},
@@ -30,18 +31,23 @@ const d = r({
     clampTooltipCfg: {},
     useClamp: { type: Boolean }
   },
-  setup(t) {
-    const n = t, l = _("full-screen"), { toggle: i, isFullscreen: e } = a(), c = x().value;
-    return (C, y) => (p(), s(o(f), m({
-      class: o(l).b(),
-      distance: 2,
-      "hover-color": o(c),
-      onClick: o(i),
-      icon: o(e) ? "icon-exit-full-screen" : "icon-full-screen",
-      text: o(e) ? "退出全屏" : "全屏"
-    }, o(u)(n, !0, !0), { pointer: "" }), null, 16, ["class", "hover-color", "onClick", "icon", "text"]));
+  setup(__props) {
+    const props = __props;
+    const ns = useNamespace("full-screen");
+    const { toggle, isFullscreen } = useFullscreen();
+    const _primaryColor = primaryColor().value;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(VftIconText), mergeProps({
+        class: unref(ns).b(),
+        distance: 2,
+        "hover-color": unref(_primaryColor),
+        onClick: unref(toggle),
+        icon: !unref(isFullscreen) ? "icon-full-screen" : "icon-exit-full-screen",
+        text: !unref(isFullscreen) ? "全屏" : "退出全屏"
+      }, unref(delObjAttrNotExist)(props, true, true), { pointer: "" }), null, 16, ["class", "hover-color", "onClick", "icon", "text"]);
+    };
   }
 });
 export {
-  z as default
+  _sfc_main as default
 };

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

@@ -2,11 +2,11 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "vue";
-import { withInstall as t } from "../../utils/vue/install.js";
+import { withInstall } from "../../utils/vue/install.js";
 import "lodash-es";
-import o from "./full-screen.vue2.js";
-const e = t(o);
+import _sfc_main from "./full-screen.vue2.js";
+const VftFullScreen = withInstall(_sfc_main);
 export {
-  e as VftFullScreen,
-  e as default
+  VftFullScreen,
+  VftFullScreen as default
 };

package/es/components/header-layout/header-layout.vue.js

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

package/es/components/header-layout/header-layout.vue2.js

@@ -1,68 +1,74 @@
-import { defineComponent as p, createBlock as a, openBlock as e, unref as t, normalizeClass as n, withCtx as r, createVNode as i, createCommentVNode as l, createElementVNode as c, createElementBlock as f, renderSlot as m, normalizeProps as d, mergeProps as u } from "vue";
-import { VftHeader as g, VftContainer as h, VftMain as _, VftFooter as C } from "../container/index.js";
-import { VftLogo as V } from "../logo/index.js";
+import { defineComponent, createBlock, openBlock, unref, normalizeClass, withCtx, createVNode, createCommentVNode, createElementVNode, createElementBlock, renderSlot, normalizeProps, mergeProps } from "vue";
+import { VftHeader, VftContainer, VftMain, VftFooter } from "../container/index.js";
+import { VftLogo } from "../logo/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
-import { useNamespace as k } from "../../hooks/use-namespace/index.js";
+import { useNamespace } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const $ = { class: "content" }, y = {
+const _hoisted_1 = { class: "content" };
+const _hoisted_2 = {
   key: 0,
   class: "left"
-}, b = {
+};
+const _hoisted_3 = {
   key: 1,
   class: "right"
-}, v = p({
+};
+const __default__ = defineComponent({
   name: "vft-header-layout"
-}), A = /* @__PURE__ */ p({
-  ...v,
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   props: {
     logoCfg: {}
   },
-  setup(N) {
-    const s = k("header-layout");
-    return (o, B) => (e(), a(t(g), {
-      class: n(t(s).b())
-    }, {
-      default: r(() => [
-        i(t(h), null, {
-          default: r(() => [
-            i(t(_), {
-              class: n([t(s).e("top-container"), t(s).is("no-bottom", !o.$slots.bottom)])
-            }, {
-              default: r(() => [
-                c("div", $, [
-                  o.logoCfg || o.$slots.left ? (e(), f("div", y, [
-                    o.logoCfg ? (e(), a(t(V), d(u({ key: 0 }, o.logoCfg)), null, 16)) : l("", !0),
-                    m(o.$slots, "left")
-                  ])) : l("", !0),
-                  o.$slots.right ? (e(), f("div", b, [
-                    m(o.$slots, "right")
-                  ])) : l("", !0)
-                ])
-              ]),
-              _: 3
-            }, 8, ["class"]),
-            o.$slots.bottom ? (e(), a(t(C), {
-              key: 0,
-              class: n(t(s).e("footer"))
-            }, {
-              default: r(() => [
-                m(o.$slots, "bottom")
-              ]),
-              _: 3
-            }, 8, ["class"])) : l("", !0)
-          ]),
-          _: 3
-        })
-      ]),
-      _: 3
-    }, 8, ["class"]));
+  setup(__props) {
+    const ns = useNamespace("header-layout");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(VftHeader), {
+        class: normalizeClass(unref(ns).b())
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(VftContainer), null, {
+            default: withCtx(() => [
+              createVNode(unref(VftMain), {
+                class: normalizeClass([unref(ns).e("top-container"), unref(ns).is("no-bottom", !_ctx.$slots.bottom)])
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_1, [
+                    _ctx.logoCfg || _ctx.$slots.left ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                      _ctx.logoCfg ? (openBlock(), createBlock(unref(VftLogo), normalizeProps(mergeProps({ key: 0 }, _ctx.logoCfg)), null, 16)) : createCommentVNode("", true),
+                      renderSlot(_ctx.$slots, "left")
+                    ])) : createCommentVNode("", true),
+                    _ctx.$slots.right ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                      renderSlot(_ctx.$slots, "right")
+                    ])) : createCommentVNode("", true)
+                  ])
+                ]),
+                _: 3
+              }, 8, ["class"]),
+              _ctx.$slots.bottom ? (openBlock(), createBlock(unref(VftFooter), {
+                key: 0,
+                class: normalizeClass(unref(ns).e("footer"))
+              }, {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "bottom")
+                ]),
+                _: 3
+              }, 8, ["class"])) : createCommentVNode("", true)
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }, 8, ["class"]);
+    };
   }
 });
 export {
-  A as default
+  _sfc_main as default
 };

package/es/components/header-layout/index.js

@@ -2,11 +2,11 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "vue";
-import { withInstall as t } from "../../utils/vue/install.js";
+import { withInstall } from "../../utils/vue/install.js";
 import "lodash-es";
-import o from "./header-layout.vue2.js";
-const s = t(o);
+import _sfc_main from "./header-layout.vue2.js";
+const VftHeaderLayout = withInstall(_sfc_main);
 export {
-  s as VftHeaderLayout,
-  s as default
+  VftHeaderLayout,
+  VftHeaderLayout as default
 };

package/es/components/horizontal-menu/constants.js

@@ -1,4 +1,8 @@
-var L = /* @__PURE__ */ ((r) => (r[r.NORMAL = 0] = "NORMAL", r[r.TILE = 1] = "TILE", r))(L || {});
+var MenuTypeEnum = /* @__PURE__ */ ((MenuTypeEnum2) => {
+  MenuTypeEnum2[MenuTypeEnum2["NORMAL"] = 0] = "NORMAL";
+  MenuTypeEnum2[MenuTypeEnum2["TILE"] = 1] = "TILE";
+  return MenuTypeEnum2;
+})(MenuTypeEnum || {});
 export {
-  L as MenuTypeEnum
+  MenuTypeEnum
 };

package/es/components/horizontal-menu/horizontal-menu.vue.js

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