vft 0.0.375 → 0.0.378

package/es/component.js

@@ -79,7 +79,6 @@ import { VftSideMenu } from "./components/side-menu/index.js";
 import { VftSkeleton, VftSkeletonItem } from "./components/skeleton/index.js";
 import { VftSlider } from "./components/slider/index.js";
 import { VftSpace } from "./components/space/index.js";
-import { VftSuperForm } from "./components/super-form/index.js";
 import { VftSwitch } from "./components/switch/index.js";
 import { VftTable } from "./components/table/index.js";
 import { VftTabs, VftTabPane } from "./components/tabs/index.js";
@@ -89,6 +88,7 @@ import { VftTooltip } from "./components/tooltip/index.js";
 import { VftTree } from "./components/tree/index.js";
 import { VftUpload } from "./components/upload/index.js";
 import { VftVerifyCode } from "./components/verify-code/index.js";
+import { VftSuperForm } from "./components/super-form/index.js";
 import { VftProgressI } from "./components/progress-i/index.js";
 const Components = [
   //  phone
@@ -96,7 +96,6 @@ const Components = [
   //
   VftCarousel,
   VftCarouselItem,
-  VftSuperForm,
   VftUpload,
   VftProgress,
   VftInputNumber,
@@ -208,7 +207,8 @@ const Components = [
   VftCascaderPanel,
   VftWatermark,
   VftTransfer,
-  VftSegmented
+  VftSegmented,
+  VftSuperForm
 ];
 export {
   Components as default

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

@@ -10,7 +10,7 @@ import "../../hooks/use-model-toggle/index.js";
 import { useOrderedChildren } from "../../hooks/use-ordered-children/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { carouselContextKey, CAROUSEL_ITEM_NAME } from "./constants.js";
+import { CAROUSEL_ITEM_NAME, carouselContextKey } from "./constants.js";
 const THROTTLE_TIME = 300;
 const useCarousel = (props, emit, componentName) => {
   const {

package/es/components/index.d.ts

@@ -81,7 +81,6 @@ export * from './modal';
 export * from './progress';
 export * from './segmented';
 export * from './statistic';
-export * from './super-form';
 export * from './timeline';
 export * from './transfer';
 export * from './upload';
@@ -96,3 +95,4 @@ export * from './infinite-scroll';
 export * from './loading';
 export * from './message';
 export * from './progress-i';
+export * from './super-form';

package/es/components/index.js

@@ -87,7 +87,6 @@ import { VftModal } from "./modal/index.js";
 import { VftProgress } from "./progress/index.js";
 import { VftSegmented } from "./segmented/index.js";
 import { VftStatistic } from "./statistic/index.js";
-import { VftSuperForm } from "./super-form/index.js";
 import { VftTimeline, VftTimelineItem } from "./timeline/index.js";
 import { VftTransfer } from "./transfer/index.js";
 import { VftUpload } from "./upload/index.js";
@@ -102,6 +101,7 @@ import { VftInfiniteScroll } from "./infinite-scroll/index.js";
 import { VftLoading } from "./loading/index.js";
 import { VftMessage, VftMessage as VftMessage2 } from "./message/index.js";
 import { VftProgressI } from "./progress-i/index.js";
+import { VftSuperForm } from "./super-form/index.js";
 import { default as default6 } from "./popper/arrow.vue2.js";
 import { default as default7 } from "./popper/content.vue2.js";
 import { default as default8 } from "./popper/trigger.vue2.js";
@@ -156,14 +156,14 @@ import { countdownEmits, countdownProps } from "./countdown/countdown.js";
 import { inputTagEmits, inputTagProps } from "./input-tag/input-tag.js";
 import { useModal, useModalInner } from "./modal/use/use-modal.js";
 import { defaultProps, segmentedEmits, segmentedProps } from "./segmented/segmented.js";
-import { FormCompEnum, clearComponents, getComponent, getRegisteredComponents, hasComponent, isDatePicker, isInput, isRangePicker, registerComponent, registerComponents, removeComponent } from "./super-form/component-map.js";
-import { getDynamicProps, useForm } from "./super-form/use/use-form.js";
 import { LEFT_CHECK_CHANGE_EVENT, RIGHT_CHECK_CHANGE_EVENT, transferCheckedChangeFn, transferEmits, transferProps } from "./transfer/transfer.js";
 import { genFileId, uploadContextKey } from "./upload/constants.js";
 import { watermarkProps } from "./watermark/watermark.js";
 import { vLoading, createLoadingDirective, vLoading as vLoading2 } from "./loading/directive.js";
 import { Loading } from "./loading/service.js";
 import { messageDefaults, messageTypes } from "./message/types.js";
+import { FormCompEnum, clearComponents, getComponent, getRegisteredComponents, hasComponent, isDatePicker, isInput, isRangePicker, registerComponent, registerComponents, removeComponent } from "./super-form/component-map.js";
+import { getDynamicProps, useForm } from "./super-form/use/use-form.js";
 export {
   ACTION_FIELD,
   BAR_MAP,

package/es/components/input/input.vue2.js

@@ -13,8 +13,8 @@ import "../../hooks/use-z-index/index.js";
 import { UPDATE_MODEL_EVENT } from "@vft/constants";
 import { useAttrs as useAttrs$1, useCursor } from "@vft/use";
 import { calcTextareaHeight } from "./utils.js";
-import { useFormItem, useFormItemInputId } from "../form/hooks/use-form-item.js";
 import { useFormSize, useFormDisabled } from "../form/hooks/use-form-common-props.js";
+import { useFormItem, useFormItemInputId } from "../form/hooks/use-form-item.js";
 const _hoisted_1 = ["role"];
 const _hoisted_2 = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"];
 const _hoisted_3 = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"];

package/es/components/input-tag/composables/use-input-tag.js

@@ -1,6 +1,6 @@
 import { shallowRef, ref, computed, watch } from "vue";
 import { EVENT_CODE } from "../../../constants/aria.js";
-import { CHANGE_EVENT, UPDATE_MODEL_EVENT, INPUT_EVENT } from "../../../constants/event.js";
+import { CHANGE_EVENT, INPUT_EVENT, UPDATE_MODEL_EVENT } from "../../../constants/event.js";
 import "@vueuse/core";
 import { isUndefined } from "@vft/utils";
 import { debugWarn } from "../../../utils/error.js";

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

@@ -10,7 +10,7 @@ import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import { useCalcInputWidth } from "../../hooks/use-calc-input-width/index.js";
-import { ClickOutside } from "@vft/directives";
+import ClickOutside from "../../utils/click-out-side.js";
 import { selectV2Emits, selectV2Props } from "./defaults.js";
 import SelectMenu from "./select-dropdown.js";
 import { selectV2InjectionKey } from "./token.js";

package/es/components/super-form/super-form-item.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, unref, useSlots, createVNode, mergeProps, withDirectives, vShow, createTextVNode, isVNode, resolveComponent } from "vue";
+import { defineComponent, computed, ref, unref, useSlots, createVNode, mergeProps, withDirectives, vShow, isVNode, createTextVNode, resolveComponent } from "vue";
 import "../alert/index.js";
 import "../avatar/index.js";
 import "../avatar-stack/index.js";
@@ -87,7 +87,6 @@ import "../modal/index.js";
 import "../progress/index.js";
 import "../segmented/index.js";
 import "../statistic/index.js";
-import "./index.js";
 import "../timeline/index.js";
 import "../transfer/index.js";
 import "../upload/index.js";
@@ -108,6 +107,7 @@ import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import "../message/index.js";
 import "../progress-i/index.js";
+import "./index.js";
 import { FormCompEnum, getComponent, isInput, isDatePicker, isRangePicker } from "./component-map.js";
 import { createPlaceholderMessage } from "./use/helper.js";
 function _isSlot(s) {

package/es/components/super-form/use/helper.js

@@ -1,5 +1,5 @@
 import { isNumber } from "@vft/utils";
-import { isInput, FormCompEnum } from "../component-map.js";
+import { FormCompEnum, isInput } from "../component-map.js";
 function createPlaceholderMessage(type, label = "") {
   label = (label || "").replace(":", "") || "";
   if ([

package/es/hooks/use-delayed-toggle/index.d.ts

@@ -1,14 +1,10 @@
-import type { ExtractPropTypes, ToRefs } from 'vue';
-export declare const useDelayedToggleProps: {
-    readonly showAfter: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    readonly hideAfter: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
-    readonly autoClose: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-};
-export type UseDelayedToggleProps = {
-    open: (event?: Event) => void;
-    close: (event?: Event) => void;
-} & ToRefs<ExtractPropTypes<typeof useDelayedToggleProps>>;
-export declare const useDelayedToggle: ({ showAfter, hideAfter, autoClose, open, close, }: UseDelayedToggleProps) => {
+export declare const useDelayedToggle: ({ showAfter, hideAfter, autoClose, open, close, }: {
+    showAfter: any;
+    hideAfter: any;
+    autoClose: any;
+    open: any;
+    close: any;
+}) => {
     onOpen: (event?: Event) => void;
     onClose: (event?: Event) => void;
 };

package/es/hooks/use-delayed-toggle/index.js

@@ -1,32 +1,6 @@
-import { unref } from "vue";
-import "@vueuse/core";
 import { isNumber } from "@vft/utils";
-import "../../components/config-provider/hooks/use-global-config.js";
-import { buildProps } from "../../utils/vue/props/runtime.js";
+import { unref } from "vue";
 import { useTimeout } from "../use-timeout/index.js";
-const useDelayedToggleProps = buildProps({
-  /**
-   * @description delay of appearance, in millisecond
-   */
-  showAfter: {
-    type: Number,
-    default: 0
-  },
-  /**
-   * @description delay of disappear, in millisecond
-   */
-  hideAfter: {
-    type: Number,
-    default: 200
-  },
-  /**
-   * @description disappear automatically, in millisecond
-   */
-  autoClose: {
-    type: Number,
-    default: 0
-  }
-});
 const useDelayedToggle = ({
   showAfter,
   hideAfter,
@@ -62,6 +36,5 @@ const useDelayedToggle = ({
   };
 };
 export {
-  useDelayedToggle,
-  useDelayedToggleProps
+  useDelayedToggle
 };

package/es/index.js

@@ -87,7 +87,6 @@ export { VftModal } from "./components/modal/index.js";
 export { VftProgress } from "./components/progress/index.js";
 export { VftSegmented } from "./components/segmented/index.js";
 export { VftStatistic } from "./components/statistic/index.js";
-export { VftSuperForm } from "./components/super-form/index.js";
 export { VftTimeline, VftTimelineItem } from "./components/timeline/index.js";
 export { VftTransfer } from "./components/transfer/index.js";
 export { VftUpload } from "./components/upload/index.js";
@@ -102,6 +101,7 @@ export { VftInfiniteScroll } from "./components/infinite-scroll/index.js";
 export { VftLoading } from "./components/loading/index.js";
 export { VftMessage, Message } from "./components/message/index.js";
 export { VftProgressI } from "./components/progress-i/index.js";
+export { VftSuperForm } from "./components/super-form/index.js";
 export { EVENT_CODE } from "./constants/aria.js";
 export { WEEK_DAYS, datePickTypes } from "./constants/date.js";
 export { CHANGE_EVENT, INPUT_EVENT, UPDATE_MODEL_EVENT } from "./constants/event.js";
@@ -196,13 +196,13 @@ export { countdownEmits, countdownProps } from "./components/countdown/countdown
 export { inputTagEmits, inputTagProps } from "./components/input-tag/input-tag.js";
 export { useModal, useModalInner } from "./components/modal/use/use-modal.js";
 export { defaultProps, segmentedEmits, segmentedProps } from "./components/segmented/segmented.js";
-export { FormCompEnum, clearComponents, getComponent, getRegisteredComponents, hasComponent, isDatePicker, isInput, isRangePicker, registerComponent, registerComponents, removeComponent } from "./components/super-form/component-map.js";
-export { getDynamicProps, useForm } from "./components/super-form/use/use-form.js";
 export { LEFT_CHECK_CHANGE_EVENT, RIGHT_CHECK_CHANGE_EVENT, transferCheckedChangeFn, transferEmits, transferProps } from "./components/transfer/transfer.js";
 export { genFileId, uploadContextKey } from "./components/upload/constants.js";
 export { watermarkProps } from "./components/watermark/watermark.js";
 export { vLoading, createLoadingDirective } from "./components/loading/directive.js";
 export { Loading } from "./components/loading/service.js";
 export { messageDefaults, messageTypes } from "./components/message/types.js";
+export { FormCompEnum, clearComponents, getComponent, getRegisteredComponents, hasComponent, isDatePicker, isInput, isRangePicker, registerComponent, registerComponents, removeComponent } from "./components/super-form/component-map.js";
+export { getDynamicProps, useForm } from "./components/super-form/use/use-form.js";
 const install = installer.install;
 const version = installer.version;

package/es/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "vft",
-  "version": "0.0.375",
+  "version": "0.0.378",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/es/package.json.js

@@ -1,4 +1,4 @@
-const version = "0.0.375";
+const version = "0.0.378";
 export {
   version
 };

package/es/utils/click-out-side.d.ts

@@ -0,0 +1,3 @@
+import type { ObjectDirective } from 'vue';
+declare const ClickOutside: ObjectDirective;
+export default ClickOutside;

package/es/utils/click-out-side.js

@@ -0,0 +1,72 @@
+import { isArray, isElement } from "@vft/utils";
+const nodeList = /* @__PURE__ */ new Map();
+let startClick;
+document.addEventListener("mousedown", (e) => startClick = e);
+document.addEventListener("mouseup", (e) => {
+  if (startClick) {
+    for (const handlers of nodeList.values()) {
+      for (const { documentHandler } of handlers) {
+        documentHandler(e, startClick);
+      }
+    }
+    startClick = void 0;
+  }
+});
+function createDocumentHandler(el, binding) {
+  let excludes = [];
+  if (isArray(binding.arg)) {
+    excludes = binding.arg;
+  } else if (isElement(binding.arg)) {
+    excludes.push(binding.arg);
+  }
+  return function(mouseup, mousedown) {
+    const popperRef = binding.instance.popperRef;
+    const mouseUpTarget = mouseup.target;
+    const mouseDownTarget = mousedown?.target;
+    const isBound = !binding || !binding.instance;
+    const isTargetExists = !mouseUpTarget || !mouseDownTarget;
+    const isContainedByEl = el.contains(mouseUpTarget) || el.contains(mouseDownTarget);
+    const isSelf = el === mouseUpTarget;
+    const isTargetExcluded = excludes.length && excludes.some((item) => item?.contains(mouseUpTarget)) || excludes.length && excludes.includes(mouseDownTarget);
+    const isContainedByPopper = popperRef && (popperRef.contains(mouseUpTarget) || popperRef.contains(mouseDownTarget));
+    if (isBound || isTargetExists || isContainedByEl || isSelf || isTargetExcluded || isContainedByPopper) {
+      return;
+    }
+    binding.value(mouseup, mousedown);
+  };
+}
+const ClickOutside = {
+  beforeMount(el, binding) {
+    if (!nodeList.has(el)) {
+      nodeList.set(el, []);
+    }
+    nodeList.get(el).push({
+      documentHandler: createDocumentHandler(el, binding),
+      bindingFn: binding.value
+    });
+  },
+  updated(el, binding) {
+    if (!nodeList.has(el)) {
+      nodeList.set(el, []);
+    }
+    const handlers = nodeList.get(el);
+    const oldHandlerIndex = handlers.findIndex(
+      (item) => item.bindingFn === binding.oldValue
+    );
+    const newHandler = {
+      documentHandler: createDocumentHandler(el, binding),
+      bindingFn: binding.value
+    };
+    if (oldHandlerIndex >= 0) {
+      handlers.splice(oldHandlerIndex, 1, newHandler);
+    } else {
+      handlers.push(newHandler);
+    }
+  },
+  unmounted(el) {
+    nodeList.delete(el);
+  }
+};
+export {
+  ClickOutside as default
+};

package/es/utils/vue/props/runtime.js

@@ -1,5 +1,7 @@
-import { isObject, hasOwn } from "@vft/utils";
+import { isObject } from "@vft/utils";
 import { fromPairs } from "lodash-es";
+const hasOwnProperty = Object.prototype.hasOwnProperty;
+const hasOwn = (val, key) => hasOwnProperty.call(val, key);
 const epPropKey = "__epPropKey";
 const definePropType = (val) => val;
 const isEpProp = (val) => isObject(val) && !!val[epPropKey];

package/es/utils/vue/vnode.js

@@ -1,4 +1,4 @@
-import { hasOwn, camelize, isArray } from "@vft/utils";
+import { isArray, hasOwn, camelize } from "@vft/utils";
 import { isVNode, Fragment, Comment, Text, createCommentVNode, createBlock, openBlock } from "vue";
 import { debugWarn } from "../error.js";
 const SCOPE = "utils/vue/vnode";