vft 0.0.363 → 0.0.365

package/es/components/message/types.js

@@ -1,23 +1,22 @@
-import { isClient } from "@vueuse/core";
-const messageTypes = ["success", "info", "warning", "error"];
-const messageDefaults = {
+import { isClient as e } from "@vueuse/core";
+const o = ["success", "info", "warning", "error"], n = {
   customClass: "",
-  center: false,
-  dangerouslyUseHTMLString: false,
+  center: !1,
+  dangerouslyUseHTMLString: !1,
   duration: 3e3,
   icon: void 0,
   id: "",
   message: "",
   onClose: void 0,
-  showClose: false,
+  showClose: !1,
   type: "info",
   offset: 16,
   zIndex: 0,
-  grouping: false,
+  grouping: !1,
   repeatNum: 1,
-  appendTo: isClient ? document.body : void 0
+  appendTo: e ? document.body : void 0
 };
 export {
-  messageDefaults,
-  messageTypes
+  n as messageDefaults,
+  o as messageTypes
 };

package/es/components/modal/index.js

@@ -1,10 +1,17 @@
-import _sfc_main from "./modal.vue2.js";
-import { useModal, useModalInner } from "./use/use-modal.js";
-import { withInstall } from "../../utils/vue/install.js";
-const VftModal = withInstall(_sfc_main);
+import "@vueuse/core";
+import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import "vue";
+import { withInstall as o } from "../../utils/vue/install.js";
+import "lodash-es";
+import t from "./modal.vue2.js";
+import "../button/index.js";
+import "../row/index.js";
+import { useModal as M, useModalInner as c } from "./use/use-modal.js";
+const n = o(t);
 export {
-  VftModal,
-  VftModal as default,
-  useModal,
-  useModalInner
+  n as VftModal,
+  n as default,
+  M as useModal,
+  c as useModalInner
 };

package/es/components/modal/modal-footer-action.vue.js

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

package/es/components/modal/modal-footer-action.vue2.js

@@ -1,8 +1,17 @@
-import { defineComponent, computed, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, createCommentVNode, renderSlot, mergeProps, createTextVNode, toDisplayString } from "vue";
-import { VftRow } from "../row/index.js";
-import { VftButton } from "../button/index.js";
-import { useNamespace } from "../../hooks/use-namespace/index.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as O, computed as n, createBlock as s, openBlock as i, unref as t, normalizeProps as w, guardReactiveProps as y, withCtx as r, createCommentVNode as p, renderSlot as c, mergeProps as l, createTextVNode as f, toDisplayString as B } from "vue";
+import { VftRow as g } from "../row/index.js";
+import { VftButton as b } from "../button/index.js";
+import "../super-form/index.js";
+import "./index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import "lodash-es";
+import { useNamespace as h } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+const A = /* @__PURE__ */ O({
   __name: "modal-footer-action",
   props: {
     showSubmitButton: { type: Boolean },
@@ -11,49 +20,42 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     cancelButtonOptions: {},
     actionRowOptions: {}
   },
-  setup(__props) {
-    const ns = useNamespace("form-action");
-    const _actionRowOptions = computed(() => {
-      return {
-        justify: "end",
-        ...__props.actionRowOptions
-      };
-    });
-    const getSubmitBtnOptions = computed(
-      () => Object.assign({ btnText: "确认" }, __props.submitButtonOptions)
+  setup(e) {
+    const a = h("form-action"), d = n(() => ({
+      justify: "end",
+      ...e.actionRowOptions
+    })), m = n(
+      () => Object.assign({ btnText: "确认" }, e.submitButtonOptions)
+    ), u = n(
+      () => Object.assign({ btnText: "取消" }, e.cancelButtonOptions)
     );
-    const getCancelBtnOptions = computed(
-      () => Object.assign({ btnText: "取消" }, __props.cancelButtonOptions)
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(VftRow), normalizeProps(guardReactiveProps(_actionRowOptions.value)), {
-        default: withCtx(() => [
-          _ctx.showCancelButton ? (openBlock(), createBlock(unref(VftButton), mergeProps({ key: 0 }, getCancelBtnOptions.value, {
-            class: unref(ns).e("cancel")
-          }), {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(getCancelBtnOptions.value.btnText), 1)
-            ]),
-            _: 1
-          }, 16, ["class"])) : createCommentVNode("", true),
-          renderSlot(_ctx.$slots, "submitBefore"),
-          _ctx.showSubmitButton ? (openBlock(), createBlock(unref(VftButton), mergeProps({
-            key: 1,
-            type: "primary",
-            class: unref(ns).e("submit")
-          }, getSubmitBtnOptions.value), {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(getSubmitBtnOptions.value.btnText), 1)
-            ]),
-            _: 1
-          }, 16, ["class"])) : createCommentVNode("", true),
-          renderSlot(_ctx.$slots, "submitAfter")
-        ]),
-        _: 3
-      }, 16);
-    };
+    return (o, v) => (i(), s(t(g), w(y(d.value)), {
+      default: r(() => [
+        o.showCancelButton ? (i(), s(t(b), l({ key: 0 }, u.value, {
+          class: t(a).e("cancel")
+        }), {
+          default: r(() => [
+            f(B(u.value.btnText), 1)
+          ]),
+          _: 1
+        }, 16, ["class"])) : p("", !0),
+        c(o.$slots, "submitBefore"),
+        o.showSubmitButton ? (i(), s(t(b), l({
+          key: 1,
+          type: "primary",
+          class: t(a).e("submit")
+        }, m.value), {
+          default: r(() => [
+            f(B(m.value.btnText), 1)
+          ]),
+          _: 1
+        }, 16, ["class"])) : p("", !0),
+        c(o.$slots, "submitAfter")
+      ]),
+      _: 3
+    }, 16));
   }
 });
 export {
-  _sfc_main as default
+  A as default
 };

package/es/components/modal/modal.vue.js

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

package/es/components/modal/modal.vue2.js

@@ -1,39 +1,39 @@
-import { defineComponent, useAttrs, ref, getCurrentInstance, computed, unref, watchEffect, watch, nextTick, createBlock, openBlock, mergeProps, createSlots, withCtx, renderSlot, createCommentVNode } from "vue";
-import { deepMerge, isFunction } from "@vft/utils";
-import { VftDialog } from "../dialog/index.js";
-import _sfc_main$1 from "./modal-footer-action.vue2.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as O, useAttrs as M, ref as c, getCurrentInstance as F, computed as u, unref as o, watchEffect as P, watch as R, nextTick as r, createBlock as m, openBlock as B, mergeProps as S, createSlots as _, withCtx as b, renderSlot as A, createCommentVNode as T } from "vue";
+import { deepMerge as D, isFunction as G } from "@vft/utils";
+import { VftDialog as I } from "../dialog/index.js";
+import $ from "./modal-footer-action.vue2.js";
+const N = /* @__PURE__ */ O({
   __name: "modal",
   props: {
     closeFunc: {},
-    showActionButtonGroup: { type: Boolean, default: false },
+    showActionButtonGroup: { type: Boolean, default: !1 },
     confirmLoading: { type: Boolean },
     loading: { type: Boolean },
-    appendToBody: { type: Boolean, default: false },
+    appendToBody: { type: Boolean, default: !1 },
     beforeClose: {},
-    destroyOnClose: { type: Boolean, default: false },
-    closeOnClickModal: { type: Boolean, default: true },
-    closeOnPressEscape: { type: Boolean, default: true },
-    lockScroll: { type: Boolean, default: true },
-    modal: { type: Boolean, default: true },
+    destroyOnClose: { type: Boolean, default: !1 },
+    closeOnClickModal: { type: Boolean, default: !0 },
+    closeOnPressEscape: { type: Boolean, default: !0 },
+    lockScroll: { type: Boolean, default: !0 },
+    modal: { type: Boolean, default: !0 },
     openDelay: { default: 0 },
     closeDelay: { default: 0 },
     top: {},
-    modelValue: { type: Boolean, default: false },
+    modelValue: { type: Boolean, default: !1 },
     modalClass: {},
     width: {},
     zIndex: {},
-    trapFocus: { type: Boolean, default: false },
-    center: { type: Boolean, default: false },
-    alignCenter: { type: Boolean, default: false },
+    trapFocus: { type: Boolean, default: !1 },
+    center: { type: Boolean, default: !1 },
+    alignCenter: { type: Boolean, default: !1 },
     closeIcon: {},
     customClass: { default: "" },
-    draggable: { type: Boolean, default: false },
-    fullscreen: { type: Boolean, default: false },
-    showClose: { type: Boolean, default: true },
+    draggable: { type: Boolean, default: !1 },
+    fullscreen: { type: Boolean, default: !1 },
+    showClose: { type: Boolean, default: !0 },
     title: { default: "" },
-    showSubmitButton: { type: Boolean, default: true },
-    showCancelButton: { type: Boolean, default: true },
+    showSubmitButton: { type: Boolean, default: !0 },
+    showCancelButton: { type: Boolean, default: !0 },
     submitButtonOptions: {},
     cancelButtonOptions: {},
     actionRowOptions: {}
@@ -46,116 +46,80 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     "update:modelValue": [],
     submit: []
   },
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const attrs = useAttrs();
-    const propsRef = ref(null);
-    const visibleRef = ref(false);
-    const modalWrapperRef = ref(null);
-    const modalMethods = {
-      setModalProps,
+  setup(y, { emit: h }) {
+    const t = y, n = h, g = M(), i = c(null), l = c(!1), a = c(null), f = {
+      setModalProps: V,
       emitVisible: void 0,
       redoModalHeight: () => {
-        nextTick(() => {
-          if (unref(modalWrapperRef)) {
-            unref(modalWrapperRef).setModalHeight();
-          }
+        r(() => {
+          o(a) && o(a).setModalHeight();
         });
       }
-    };
-    const instance = getCurrentInstance();
-    if (instance) {
-      emit("register", modalMethods, instance.uid);
-    }
-    const getMergeProps = computed(() => {
-      return {
-        ...props,
-        ...unref(propsRef)
-      };
-    });
-    const getBindValue = computed(() => {
-      return {
-        ...attrs,
-        ...unref(getMergeProps),
-        modelValue: unref(visibleRef)
-      };
-    });
-    watchEffect(() => {
-      visibleRef.value = !!props.modelValue;
-    });
-    watch(
-      () => unref(visibleRef),
-      (v) => {
-        emit("visible-change", v);
-        emit("update:modelValue", v);
-        if (instance) {
-          nextTick(() => {
-            modalMethods.emitVisible(v, instance.uid);
-          });
-        }
-        nextTick(() => {
-          if (props.scrollTop && v && unref(modalWrapperRef)) {
-            unref(modalWrapperRef).scrollTop();
-          }
+    }, s = F();
+    s && n("register", f, s.uid);
+    const w = u(() => ({
+      ...t,
+      ...o(i)
+    })), C = u(() => ({
+      ...g,
+      ...o(w),
+      modelValue: o(l)
+    }));
+    P(() => {
+      l.value = !!t.modelValue;
+    }), R(
+      () => o(l),
+      (e) => {
+        n("visible-change", e), n("update:modelValue", e), s && r(() => {
+          f.emitVisible(e, s.uid);
+        }), r(() => {
+          t.scrollTop && e && o(a) && o(a).scrollTop();
         });
       },
       {
-        immediate: false
+        immediate: !1
       }
     );
-    async function handleCancel(e) {
-      e?.stopPropagation();
-      if (props.closeFunc && isFunction(props.closeFunc)) {
-        const isClose = await props.closeFunc();
-        visibleRef.value = !isClose;
+    async function d(e) {
+      if (e?.stopPropagation(), t.closeFunc && G(t.closeFunc)) {
+        const p = await t.closeFunc();
+        l.value = !p;
         return;
       }
-      visibleRef.value = false;
-      emit("close", e);
+      l.value = !1, n("close", e);
     }
-    function setModalProps(props2) {
-      propsRef.value = deepMerge(unref(propsRef) || {}, props2);
-      if (Reflect.has(props2, "modelValue")) {
-        visibleRef.value = !!props2.modelValue;
-      }
+    function V(e) {
+      i.value = D(o(i) || {}, e), Reflect.has(e, "modelValue") && (l.value = !!e.modelValue);
     }
-    const _cancelButtonOptions = computed(() => {
-      return {
-        onClick: (e) => handleCancel(e),
-        ...props.cancelButtonOptions
-      };
-    });
-    const _submitButtonOptions = computed(() => {
-      return {
-        onClick: () => emit("submit"),
-        ...props.submitButtonOptions
-      };
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(VftDialog), mergeProps(getBindValue.value, { onClose: handleCancel }), createSlots({
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
+    const k = u(() => ({
+      onClick: (e) => d(e),
+      ...t.cancelButtonOptions
+    })), v = u(() => ({
+      onClick: () => n("submit"),
+      ...t.submitButtonOptions
+    }));
+    return (e, p) => (B(), m(o(I), S(C.value, { onClose: d }), _({
+      default: b(() => [
+        A(e.$slots, "default")
+      ]),
+      _: 2
+    }, [
+      e.$slots.footer || e.showActionButtonGroup ? {
+        name: "footer",
+        fn: b(() => [
+          e.showActionButtonGroup ? (B(), m($, {
+            key: 0,
+            "show-cancel-button": e.showCancelButton,
+            "show-submit-button": e.showSubmitButton,
+            "cancel-button-options": k.value,
+            "submit-button-options": v.value
+          }, null, 8, ["show-cancel-button", "show-submit-button", "cancel-button-options", "submit-button-options"])) : T("", !0)
         ]),
-        _: 2
-      }, [
-        _ctx.$slots.footer || _ctx.showActionButtonGroup ? {
-          name: "footer",
-          fn: withCtx(() => [
-            _ctx.showActionButtonGroup ? (openBlock(), createBlock(_sfc_main$1, {
-              key: 0,
-              "show-cancel-button": _ctx.showCancelButton,
-              "show-submit-button": _ctx.showSubmitButton,
-              "cancel-button-options": _cancelButtonOptions.value,
-              "submit-button-options": _submitButtonOptions.value
-            }, null, 8, ["show-cancel-button", "show-submit-button", "cancel-button-options", "submit-button-options"])) : createCommentVNode("", true)
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1040);
-    };
+        key: "0"
+      } : void 0
+    ]), 1040));
   }
 });
 export {
-  _sfc_main as default
+  N as default
 };

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

@@ -1 +1,4 @@
-
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-dialog.css";
+import "vft/theme-style/vft-overlay.css";
+import "vft/theme-style/vft-modal.css";

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

@@ -1 +1,4 @@
-
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/dialog.scss";
+import "vft/theme-style/src/overlay.scss";
+import "vft/theme-style/src/modal.scss";

package/es/components/modal/types.js

@@ -1 +1,2 @@
-
+import "../button/index.js";
+import "../row/index.js";

package/es/components/modal/use/use-modal.js

@@ -1,126 +1,89 @@
-import { onMountedOrActivated } from "@vft/use";
-import { isFunction } from "@vft/utils";
-import { isEqual } from "lodash-es";
-import { reactive, ref, computed, unref, getCurrentInstance, watchEffect, nextTick, onBeforeUnmount, toRaw } from "vue";
-const dataTransfer = reactive({});
-const visibleData = reactive({});
-function useModal() {
-  const modal = ref(null);
-  const loaded = ref(false);
-  const uid = ref("");
-  function register(modalMethod, uuid) {
-    if (!getCurrentInstance()) {
+import { onMountedOrActivated as h } from "@vft/use";
+import { isFunction as I } from "@vft/utils";
+import { isEqual as V } from "lodash-es";
+import { reactive as g, ref as c, computed as m, unref as t, getCurrentInstance as v, watchEffect as w, nextTick as H, onBeforeUnmount as P, toRaw as d } from "vue";
+const i = g({}), p = g({});
+function x() {
+  const r = c(null), s = c(!1), l = c("");
+  function u(e, n) {
+    if (!v())
       throw new Error(
         "useModal() can only be used inside setup() or functional components!"
       );
-    }
-    uid.value = uuid;
-    onBeforeUnmount(() => {
-      modal.value = null;
-      loaded.value = false;
-      dataTransfer[unref(uid)] = null;
-    });
-    onMountedOrActivated(() => {
-      if (unref(loaded) && modalMethod === unref(modal)) return;
-      modal.value = modalMethod;
-      loaded.value = true;
-      modalMethod.emitVisible = (visible, uid2) => {
-        visibleData[uid2] = visible;
-      };
+    l.value = n, P(() => {
+      r.value = null, s.value = !1, i[t(l)] = null;
+    }), h(() => {
+      t(s) && e === t(r) || (r.value = e, s.value = !0, e.emitVisible = (M, a) => {
+        p[a] = M;
+      });
     });
   }
-  const getInstance = () => {
-    const instance = unref(modal);
-    if (!instance) {
-      console.error("useModal instance is undefined!");
-    }
-    return instance;
-  };
-  const methods = {
-    setModalProps: (props) => {
-      getInstance()?.setModalProps(props);
+  const o = () => {
+    const e = t(r);
+    return e || console.error("useModal instance is undefined!"), e;
+  }, f = {
+    setModalProps: (e) => {
+      o()?.setModalProps(e);
     },
-    getVisible: computed(() => {
-      return visibleData[~~unref(uid)];
-    }),
+    getVisible: m(() => p[~~t(l)]),
     redoModalHeight: () => {
-      getInstance()?.redoModalHeight?.();
+      o()?.redoModalHeight?.();
     },
-    openModal: (visible = true, data, openOnSet = true) => {
-      getInstance()?.setModalProps({
-        modelValue: visible
-      });
-      if (!data) return;
-      const id = unref(uid);
-      if (openOnSet) {
-        dataTransfer[id] = null;
-        dataTransfer[id] = toRaw(data);
+    openModal: (e = !0, n, M = !0) => {
+      if (o()?.setModalProps({
+        modelValue: e
+      }), !n) return;
+      const a = t(l);
+      if (M) {
+        i[a] = null, i[a] = d(n);
         return;
       }
-      const equal = isEqual(toRaw(dataTransfer[id]), toRaw(data));
-      if (!equal) {
-        dataTransfer[id] = toRaw(data);
-      }
+      V(d(i[a]), d(n)) || (i[a] = d(n));
     },
     closeModal: () => {
-      getInstance()?.setModalProps({ modelValue: false });
+      o()?.setModalProps({ modelValue: !1 });
     }
   };
-  return [register, methods];
+  return [u, f];
 }
-const useModalInner = (callbackFn) => {
-  const modalInstanceRef = ref(null);
-  const currentInstance = getCurrentInstance();
-  const uidRef = ref("");
-  const getInstance = () => {
-    const instance = unref(modalInstanceRef);
-    if (!instance) {
-      console.error("useModalInner instance is undefined!");
-    }
-    return instance;
+const O = (r) => {
+  const s = c(null), l = v(), u = c(""), o = () => {
+    const e = t(s);
+    return e || console.error("useModalInner instance is undefined!"), e;
+  }, f = (e, n) => {
+    P(() => {
+      s.value = null;
+    }), u.value = n, s.value = e, l?.emit("register", e, n);
   };
-  const register = (modalInstance, uuid) => {
-    onBeforeUnmount(() => {
-      modalInstanceRef.value = null;
-    });
-    uidRef.value = uuid;
-    modalInstanceRef.value = modalInstance;
-    currentInstance?.emit("register", modalInstance, uuid);
-  };
-  watchEffect(() => {
-    const data = dataTransfer[unref(uidRef)];
-    if (!data) return;
-    if (!callbackFn || !isFunction(callbackFn)) return;
-    nextTick(() => {
-      callbackFn(data);
-    });
-  });
-  return [
-    register,
+  return w(() => {
+    const e = i[t(u)];
+    e && (!r || !I(r) || H(() => {
+      r(e);
+    }));
+  }), [
+    f,
     {
-      changeLoading: (loading = true) => {
-        getInstance()?.setModalProps({ loading });
+      changeLoading: (e = !0) => {
+        o()?.setModalProps({ loading: e });
       },
-      getVisible: computed(() => {
-        return visibleData[~~unref(uidRef)];
-      }),
-      changeOkLoading: (loading = true) => {
-        getInstance()?.setModalProps({ confirmLoading: loading });
+      getVisible: m(() => p[~~t(u)]),
+      changeOkLoading: (e = !0) => {
+        o()?.setModalProps({ confirmLoading: e });
       },
       closeModal: () => {
-        getInstance()?.setModalProps({ modelValue: false });
+        o()?.setModalProps({ modelValue: !1 });
       },
-      setModalProps: (props) => {
-        getInstance()?.setModalProps(props);
+      setModalProps: (e) => {
+        o()?.setModalProps(e);
       },
       redoModalHeight: () => {
-        const callRedo = getInstance()?.redoModalHeight;
-        callRedo && callRedo();
+        const e = o()?.redoModalHeight;
+        e && e();
       }
     }
   ];
 };
 export {
-  useModal,
-  useModalInner
+  x as useModal,
+  O as useModalInner
 };