vft 0.0.375 → 0.0.378

package/lib/hooks/use-delayed-toggle/index.cjs

@@ -1,34 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-require("@vueuse/core");
 const utils = require("@vft/utils");
-require("../../components/config-provider/hooks/use-global-config.cjs");
-const runtime = require("../../utils/vue/props/runtime.cjs");
+const vue = require("vue");
 const index = require("../use-timeout/index.cjs");
-const useDelayedToggleProps = runtime.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,
@@ -64,4 +38,3 @@ const useDelayedToggle = ({
   };
 };
 exports.useDelayedToggle = useDelayedToggle;
-exports.useDelayedToggleProps = useDelayedToggleProps;

package/lib/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/lib/index.cjs

@@ -90,21 +90,21 @@ const index$1d = require("./components/modal/index.cjs");
 const index$1e = require("./components/progress/index.cjs");
 const index$1f = require("./components/segmented/index.cjs");
 const index$1g = require("./components/statistic/index.cjs");
-const index$1h = require("./components/super-form/index.cjs");
-const index$1i = require("./components/timeline/index.cjs");
-const index$1j = require("./components/transfer/index.cjs");
-const index$1k = require("./components/upload/index.cjs");
-const index$1l = require("./components/watermark/index.cjs");
-const index$1m = require("./components/md-code-demo/index.cjs");
-const index$1n = require("./components/md-code-tabs/index.cjs");
-const index$1o = require("./components/md-comment/index.cjs");
-const index$1p = require("./components/md-container/index.cjs");
-const index$1q = require("./components/md-tabs/index.cjs");
-const index$1r = require("./components/md-vue-playground/index.cjs");
-const index$1s = require("./components/infinite-scroll/index.cjs");
-const index$1t = require("./components/loading/index.cjs");
-const index$1u = require("./components/message/index.cjs");
-const index$1v = require("./components/progress-i/index.cjs");
+const index$1h = require("./components/timeline/index.cjs");
+const index$1i = require("./components/transfer/index.cjs");
+const index$1j = require("./components/upload/index.cjs");
+const index$1k = require("./components/watermark/index.cjs");
+const index$1l = require("./components/md-code-demo/index.cjs");
+const index$1m = require("./components/md-code-tabs/index.cjs");
+const index$1n = require("./components/md-comment/index.cjs");
+const index$1o = require("./components/md-container/index.cjs");
+const index$1p = require("./components/md-tabs/index.cjs");
+const index$1q = require("./components/md-vue-playground/index.cjs");
+const index$1r = require("./components/infinite-scroll/index.cjs");
+const index$1s = require("./components/loading/index.cjs");
+const index$1t = require("./components/message/index.cjs");
+const index$1u = require("./components/progress-i/index.cjs");
+const index$1v = require("./components/super-form/index.cjs");
 const aria = require("./constants/aria.cjs");
 const date = require("./constants/date.cjs");
 const event = require("./constants/event.cjs");
@@ -199,14 +199,14 @@ const countdown = require("./components/countdown/countdown.cjs");
 const inputTag = require("./components/input-tag/input-tag.cjs");
 const useModal = require("./components/modal/use/use-modal.cjs");
 const segmented = require("./components/segmented/segmented.cjs");
-const componentMap = require("./components/super-form/component-map.cjs");
-const useForm = require("./components/super-form/use/use-form.cjs");
 const transfer = require("./components/transfer/transfer.cjs");
 const constants$h = require("./components/upload/constants.cjs");
 const watermark = require("./components/watermark/watermark.cjs");
 const directive = require("./components/loading/directive.cjs");
 const service = require("./components/loading/service.cjs");
 const types$2 = require("./components/message/types.cjs");
+const componentMap = require("./components/super-form/component-map.cjs");
+const useForm = require("./components/super-form/use/use-form.cjs");
 const install = defaults.default.install;
 const version = defaults.default.version;
 exports.default = defaults.default;
@@ -324,23 +324,23 @@ exports.VftModal = index$1d.VftModal;
 exports.VftProgress = index$1e.VftProgress;
 exports.VftSegmented = index$1f.VftSegmented;
 exports.VftStatistic = index$1g.VftStatistic;
-exports.VftSuperForm = index$1h.VftSuperForm;
-exports.VftTimeline = index$1i.VftTimeline;
-exports.VftTimelineItem = index$1i.VftTimelineItem;
-exports.VftTransfer = index$1j.VftTransfer;
-exports.VftUpload = index$1k.VftUpload;
-exports.VftWatermark = index$1l.VftWatermark;
-exports.VftMdCodeDemo = index$1m.VftMdCodeDemo;
-exports.VftMdCodeTabs = index$1n.VftMdCodeTabs;
-exports.VftMdComment = index$1o.VftMdComment;
-exports.VftMdContainer = index$1p.VftMdContainer;
-exports.VftMdTabs = index$1q.VftMdTabs;
-exports.VftMdVuePlayground = index$1r.VftMdVuePlayground;
-exports.VftInfiniteScroll = index$1s.VftInfiniteScroll;
-exports.VftLoading = index$1t.VftLoading;
-exports.Message = index$1u.VftMessage;
-exports.VftMessage = index$1u.VftMessage;
-exports.VftProgressI = index$1v.VftProgressI;
+exports.VftTimeline = index$1h.VftTimeline;
+exports.VftTimelineItem = index$1h.VftTimelineItem;
+exports.VftTransfer = index$1i.VftTransfer;
+exports.VftUpload = index$1j.VftUpload;
+exports.VftWatermark = index$1k.VftWatermark;
+exports.VftMdCodeDemo = index$1l.VftMdCodeDemo;
+exports.VftMdCodeTabs = index$1m.VftMdCodeTabs;
+exports.VftMdComment = index$1n.VftMdComment;
+exports.VftMdContainer = index$1o.VftMdContainer;
+exports.VftMdTabs = index$1p.VftMdTabs;
+exports.VftMdVuePlayground = index$1q.VftMdVuePlayground;
+exports.VftInfiniteScroll = index$1r.VftInfiniteScroll;
+exports.VftLoading = index$1s.VftLoading;
+exports.Message = index$1t.VftMessage;
+exports.VftMessage = index$1t.VftMessage;
+exports.VftProgressI = index$1u.VftProgressI;
+exports.VftSuperForm = index$1v.VftSuperForm;
 exports.EVENT_CODE = aria.EVENT_CODE;
 exports.WEEK_DAYS = date.WEEK_DAYS;
 exports.datePickTypes = date.datePickTypes;
@@ -552,19 +552,6 @@ exports.useModalInner = useModal.useModalInner;
 exports.defaultProps = segmented.defaultProps;
 exports.segmentedEmits = segmented.segmentedEmits;
 exports.segmentedProps = segmented.segmentedProps;
-exports.FormCompEnum = componentMap.FormCompEnum;
-exports.clearComponents = componentMap.clearComponents;
-exports.getComponent = componentMap.getComponent;
-exports.getRegisteredComponents = componentMap.getRegisteredComponents;
-exports.hasComponent = componentMap.hasComponent;
-exports.isDatePicker = componentMap.isDatePicker;
-exports.isInput = componentMap.isInput;
-exports.isRangePicker = componentMap.isRangePicker;
-exports.registerComponent = componentMap.registerComponent;
-exports.registerComponents = componentMap.registerComponents;
-exports.removeComponent = componentMap.removeComponent;
-exports.getDynamicProps = useForm.getDynamicProps;
-exports.useForm = useForm.useForm;
 exports.LEFT_CHECK_CHANGE_EVENT = transfer.LEFT_CHECK_CHANGE_EVENT;
 exports.RIGHT_CHECK_CHANGE_EVENT = transfer.RIGHT_CHECK_CHANGE_EVENT;
 exports.transferCheckedChangeFn = transfer.transferCheckedChangeFn;
@@ -579,5 +566,18 @@ exports.vLoading = directive.vLoading;
 exports.VftLoadingService = service.Loading;
 exports.messageDefaults = types$2.messageDefaults;
 exports.messageTypes = types$2.messageTypes;
+exports.FormCompEnum = componentMap.FormCompEnum;
+exports.clearComponents = componentMap.clearComponents;
+exports.getComponent = componentMap.getComponent;
+exports.getRegisteredComponents = componentMap.getRegisteredComponents;
+exports.hasComponent = componentMap.hasComponent;
+exports.isDatePicker = componentMap.isDatePicker;
+exports.isInput = componentMap.isInput;
+exports.isRangePicker = componentMap.isRangePicker;
+exports.registerComponent = componentMap.registerComponent;
+exports.registerComponents = componentMap.registerComponents;
+exports.removeComponent = componentMap.removeComponent;
+exports.getDynamicProps = useForm.getDynamicProps;
+exports.useForm = useForm.useForm;
 exports.install = install;
 exports.version = version;

package/lib/package.json.cjs

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const version = "0.0.375";
+const version = "0.0.378";
 exports.version = version;

package/lib/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/lib/utils/click-out-side.cjs

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const utils = require("@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 (utils.isArray(binding.arg)) {
+    excludes = binding.arg;
+  } else if (utils.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);
+  }
+};
+exports.default = ClickOutside;

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

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

package/lib/utils/vue/props/runtime.cjs

@@ -2,6 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const utils = require("@vft/utils");
 const lodashEs = require("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) => utils.isObject(val) && !!val[epPropKey];
@@ -13,7 +15,7 @@ const buildProp = (prop, key) => {
     let allowedValues = [];
     if (values) {
       allowedValues = Array.from(values);
-      if (utils.hasOwn(prop, "default")) {
+      if (hasOwn(prop, "default")) {
         allowedValues.push(defaultValue);
       }
       valid ||= allowedValues.includes(val);
@@ -35,7 +37,7 @@ const buildProp = (prop, key) => {
     validator: _validator,
     [epPropKey]: true
   };
-  if (utils.hasOwn(prop, "default")) epProp.default = defaultValue;
+  if (hasOwn(prop, "default")) epProp.default = defaultValue;
   return epProp;
 };
 const buildProps = (props) => lodashEs.fromPairs(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vft",
-  "version": "0.0.375",
+  "version": "0.0.378",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",
@@ -56,11 +56,11 @@
     "sortablejs": "1.15.0",
     "photoswipe": "5.4.4",
     "@vft/constants": "0.0.72",
-    "@vft/store": "0.0.54",
-    "@vft/router": "0.0.65",
     "@vft/utils": "0.0.131",
     "@vft/use": "0.0.77",
-    "@vft/directives": "0.0.34"
+    "@vft/router": "0.0.65",
+    "@vft/directives": "0.0.34",
+    "@vft/store": "0.0.54"
   },
   "vetur": {
     "tags": "tags.json",

package/web-types.json

@@ -1 +1 @@
-{"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"vft","version":"0.0.375","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{}}}
+{"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"vft","version":"0.0.378","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{}}}