@opentiny/vue-renderless 3.16.1 → 3.17.0

package/common/deps/clickoutside.js

@@ -6,15 +6,18 @@ const nameSpace = "@@clickoutsideContext";
 let startClick;
 let seed = 0;
 if (!isServer) {
-  on(document, "mousedown", (event) => startClick = event);
+  on(document, "mousedown", (event) => {
+    startClick = event;
+    nodeList.filter((node) => node[nameSpace].mousedownTrigger).forEach((node) => node[nameSpace].documentHandler(event, startClick));
+  });
   on(document, "mouseup", (event) => {
-    nodeList.forEach((node) => node[nameSpace].documentHandler(event, startClick));
-    startClick = void 0;
+    nodeList.filter((node) => !node[nameSpace].mousedownTrigger).forEach((node) => node[nameSpace].documentHandler(event, startClick));
+    startClick = null;
   });
 }
 const createDocumentHandler = (el, binding, vnode) => function(mouseup = {}, mousedown = {}) {
   let popperElm = vnode.context.popperElm || vnode.context.state && vnode.context.state.popperElm;
-  if (!mouseup || !mouseup.target || !mousedown || !mousedown.target || el.contains(mouseup.target) || el.contains(mousedown.target) || el === mouseup.target || popperElm && (popperElm.contains(mouseup.target) || popperElm.contains(mousedown.target))) {
+  if (!(mouseup == null ? void 0 : mouseup.target) || !(mousedown == null ? void 0 : mousedown.target) || el.contains(mouseup.target) || el.contains(mousedown.target) || el === mouseup.target || popperElm && (popperElm.contains(mouseup.target) || popperElm.contains(mousedown.target))) {
     return;
   }
   if (binding.expression && el[nameSpace].methodName && vnode.context[el[nameSpace].methodName]) {
@@ -27,17 +30,21 @@ var clickoutside_default = {
   bind: (el, binding, vnode) => {
     nodeList.push(el);
     const id = seed++;
+    const { modifiers, expression, value } = binding;
     el[nameSpace] = {
       id,
       documentHandler: createDocumentHandler(el, binding, vnode),
-      methodName: binding.expression,
-      bindingFn: binding.value
+      methodName: expression,
+      bindingFn: value,
+      mousedownTrigger: modifiers.mousedown
     };
   },
   update: (el, binding, vnode) => {
+    const { modifiers, expression, value } = binding;
     el[nameSpace].documentHandler = createDocumentHandler(el, binding, vnode);
-    el[nameSpace].methodName = binding.expression;
-    el[nameSpace].bindingFn = binding.value;
+    el[nameSpace].methodName = expression;
+    el[nameSpace].bindingFn = value;
+    el[nameSpace].mousedownTrigger = modifiers.mousedown;
   },
   unbind: (el) => {
     if (el.nodeType !== Node.ELEMENT_NODE) {

package/common/deps/popper.js

@@ -186,6 +186,13 @@ const getOffsetRect = (el) => {
 const stopFn = (ev) => {
   ev.stopPropagation();
 };
+const resizeOb = new ResizeObserver((entries) => {
+  entries.forEach((entry) => {
+    if (entry.target.popperVm && entry.contentRect.height > 50) {
+      entry.target.popperVm.update();
+    }
+  });
+});
 class Popper {
   constructor(reference, popper, options) {
     this.modifiers = {};
@@ -201,6 +208,10 @@ class Popper {
     this._popper.setAttribute("x-placement", this._options.placement);
     this.state.position = this._getPopperPositionByRefernce(this._reference);
     setStyle(this._popper, { position: this.state.position, top: 0 });
+    if (this._popper) {
+      this._popper.popperVm = this;
+      resizeOb.observe(this._popper);
+    }
     this.update();
     this._setupEventListeners();
   }
@@ -295,6 +306,9 @@ class Popper {
   }
   // 校正popper的位置在boundaries 的内部
   preventOverflow(data) {
+    if (this._options.ignoreBoundaries) {
+      return data;
+    }
     let order = this._options.preventOverflowOrder;
     let popper = getPopperClientRect(data.offsets.popper);
     let check = {
@@ -498,7 +512,7 @@ class Popper {
     };
     on(window, "resize", this.state.updateBoundFn);
     if (this._options.boundariesElement !== "window") {
-      let target = getScrollParent(this._reference);
+      let target = this._options.scrollParent || getScrollParent(this._reference);
       const customTargets = [];
       if ((_b = (_a = target == null ? void 0 : target.dataset) == null ? void 0 : _a.tag) == null ? void 0 : _b.includes("-form")) {
         customTargets.push(target);

package/common/deps/throttle.js

@@ -31,6 +31,13 @@ function throttle_default(delay, noTrailing, callback, debounceMode) {
       timeoutID = setTimeout(debounceMode ? clear : exec, isUndMode ? delay - elapsed : delay);
     }
   }
+  function cancel() {
+    if (timeoutID) {
+      clearTimeout(timeoutID);
+      timeoutID = null;
+    }
+  }
+  wrapper._cancel = cancel;
   return wrapper;
 }
 export {

package/common/deps/touch-emulator.js

@@ -3,7 +3,7 @@ let emulated = false;
 let initiated = false;
 let eventTarget = null;
 let mouseTarget = null;
-const matches = Element.prototype.matches || Element.prototype.webkitMatchesSelector;
+const matches = Element.prototype.matches;
 const closest = (el, s) => {
   do {
     if (matches.call(el, s))

package/common/deps/tree-model/node.js

@@ -227,6 +227,7 @@ class Node {
     child.level = this.level + 1;
     insertNode({ arr: this.childNodes, index, item: child });
     this.updateLeafState();
+    return child;
   }
   insertBefore(child, beforeNode) {
     let index;

package/common/deps/tree-model/tree-store.js

@@ -90,7 +90,10 @@ class TreeStore {
   }
   append(data, parentData, index) {
     const parentNode = parentData ? this.getNode(parentData) : this.root;
-    parentNode && parentNode.insertChild({ data }, index);
+    if (parentNode) {
+      const child = parentNode.insertChild({ data }, index);
+      data._isNewNode && this.registerNode(child);
+    }
   }
   setDefaultCheckedKey(newValue) {
     if (newValue !== this.defaultCheckedKeys) {

package/common/deps/useEventListener.js

@@ -2,7 +2,10 @@ import "../../chunk-G2ADBYYC.js";
 import { on, off, isServer } from "./dom";
 const onMountedOrActivated = ({ onMounted, onActivated, nextTick }) => (hook) => {
   let mounted;
-  onMounted(() => (hook(), nextTick(() => mounted = true)));
+  onMounted(() => {
+    hook();
+    nextTick(() => mounted = true);
+  });
   onActivated(() => mounted && hook());
 };
 const useEventListener = ({ unref, isRef, watch, nextTick, onMounted, onUnmounted, onActivated, onDeactivated }) => (type, listener, options = {}) => {
@@ -34,7 +37,10 @@ const useEventListener = ({ unref, isRef, watch, nextTick, onMounted, onUnmounte
   onMountedOrActivated({ onMounted, onActivated, nextTick })(() => add(target));
   let stopWatch;
   if (isRef(target)) {
-    stopWatch = watch(target, (val, oldVal) => (remove(oldVal), add(val)));
+    stopWatch = watch(target, (val, oldVal) => {
+      remove(oldVal);
+      add(val);
+    });
   }
   return () => {
     stopWatch && stopWatch();
@@ -43,5 +49,6 @@ const useEventListener = ({ unref, isRef, watch, nextTick, onMounted, onUnmounte
   };
 };
 export {
+  onMountedOrActivated,
   useEventListener
 };

package/common/deps/useInstanceSlots.js

@@ -0,0 +1,22 @@
+import "../../chunk-G2ADBYYC.js";
+const useInstanceSlots = ({ getCurrentInstance, isVue2, nextTick, onUnmounted }) => () => {
+  const publicInstance = getCurrentInstance().proxy;
+  if (!isVue2) {
+    Object.defineProperty(publicInstance, "$scopedSlots", { configurable: true, value: null });
+  }
+  Object.defineProperty(publicInstance, "instanceSlots", {
+    configurable: true,
+    get: () => publicInstance.$scopedSlots || publicInstance.$slots
+  });
+  onUnmounted(() => {
+    nextTick(() => {
+      if (!isVue2) {
+        delete publicInstance.$scopedSlots;
+      }
+      delete publicInstance.instanceSlots;
+    });
+  });
+};
+export {
+  useInstanceSlots
+};

package/common/deps/useRelation.js

@@ -0,0 +1,72 @@
+import "../../chunk-G2ADBYYC.js";
+import { noop } from "../function";
+import { onMountedOrActivated as createHook } from "./useEventListener";
+const useRelation = ({ getCurrentInstance, inject, markRaw, nextTick, onMounted, onActivated, onUnmounted, provide, reactive, toRef }) => ({ relationKey, relationContainer, onChange, childrenKey } = {}) => {
+  if (!relationKey) {
+    throw new Error("[TINY Error]<relationKey> must exist.");
+  }
+  const instance = getCurrentInstance();
+  const state = reactive({ children: [] });
+  const injectValue = inject(relationKey, null);
+  let callbacks = [];
+  if (injectValue) {
+    const { link: link2, unlink: unlink2, callbacks: injectCbs, childrenKey: injectKey } = injectValue;
+    callbacks = injectCbs;
+    childrenKey = childrenKey || injectKey || "instanceChildren";
+    link2(instance);
+    onUnmounted(() => unlink2(instance));
+  } else {
+    childrenKey = childrenKey || "instanceChildren";
+    const onMountedOrActivated = createHook({ onMounted, onActivated, nextTick });
+    const changeHandler = onChange ? () => nextTick(onChange) : noop;
+    let relationMO;
+    nextTick(() => {
+      const targetNode = typeof relationContainer === "function" ? relationContainer() : relationContainer;
+      if (targetNode) {
+        relationMO = new MutationObserver((mutationList, observer) => {
+          const flattenNodes = [];
+          flattenChildNodes(targetNode.childNodes, flattenNodes);
+          callbacks.forEach((callback) => callback(flattenNodes, mutationList, observer));
+          changeHandler();
+        });
+        relationMO.observe(targetNode, { attributes: true, childList: true, subtree: true });
+      }
+    });
+    onMountedOrActivated(() => changeHandler());
+    onUnmounted(() => {
+      if (relationMO) {
+        relationMO.disconnect();
+        relationMO = null;
+      }
+      callbacks = null;
+    });
+  }
+  const link = (child) => state.children.push(markRaw(child.proxy));
+  const unlink = (child) => {
+    const index = state.children.indexOf(child.proxy);
+    if (index > -1) {
+      state.children.splice(index, 1);
+    }
+  };
+  callbacks.push((flattenNodes) => sortPublicInstances(state.children, flattenNodes));
+  provide(relationKey, { link, unlink, callbacks, childrenKey });
+  Object.defineProperty(instance.proxy, childrenKey, { configurable: true, get: () => state.children });
+  onUnmounted(() => delete instance.proxy[childrenKey]);
+  return { children: toRef(state, "children") };
+};
+const flattenChildNodes = (childNodes, result) => {
+  if (childNodes.length) {
+    childNodes.forEach((childNode) => {
+      result.push(childNode);
+      if (childNode.childNodes) {
+        flattenChildNodes(childNode.childNodes, result);
+      }
+    });
+  }
+};
+const sortPublicInstances = (instances, flattenNodes) => {
+  instances.sort((a, b) => flattenNodes.indexOf(a.$el) - flattenNodes.indexOf(b.$el));
+};
+export {
+  useRelation
+};

package/common/deps/vue-popper.js

@@ -119,6 +119,7 @@ var vue_popper_default = (options) => {
     }
     const popperJS = state.popperJS;
     if (popperJS) {
+      popperJS._reference = getReference({ state, props, vm, slots });
       popperJS.update();
       if (popperJS._popper && popperElmOrTrue !== true) {
         popperJS._popper.style.zIndex = nextZIndex(popperJS._reference);

package/common/function.js

@@ -0,0 +1,28 @@
+import "../chunk-G2ADBYYC.js";
+import { isPromise } from "./type";
+const noop = () => {
+};
+const callInterceptor = (interceptor, { args = [], done, canceled, error }) => {
+  if (interceptor) {
+    const returnVal = interceptor(...args);
+    if (isPromise(returnVal)) {
+      returnVal.then((value) => {
+        if (value) {
+          done();
+        } else if (canceled) {
+          canceled();
+        }
+      }).catch(error || noop);
+    } else if (returnVal) {
+      done();
+    } else if (canceled) {
+      canceled();
+    }
+  } else {
+    done();
+  }
+};
+export {
+  callInterceptor,
+  noop
+};

package/common/index.js

@@ -237,7 +237,7 @@ const CASCADER = {
   PropsHover: "hoverThreshold",
   MenuConnector: "cascader-menu-"
 };
-const version = "3.16.1";
+const version = "3.17.0";
 const log = (data, type = "log") => {
   uLog.logger[type](data);
 };

package/common/runtime.js

@@ -22,7 +22,7 @@ import vuePopup from "./deps/vue-popup";
 import validate from "./validate";
 import memorize from "./deps/memorize";
 import * as common from ".";
-const version = "3.16.1";
+const version = "3.17.0";
 const Renderless = {
   browser,
   array,

package/common/type.js

@@ -47,6 +47,7 @@ const isNumeric = (value) => value - parseFloat(value) >= 0;
 const isDate = (value) => typeOf(value) === "date";
 const isSame = (x, y) => x === y || typeof x === "number" && typeof y === "number" && isNaN(x) && isNaN(y);
 const isRegExp = (value) => typeOf(value) === "regExp";
+const isPromise = (val) => isObject(val) && isFunction(val.then) && isFunction(val.catch);
 export {
   hasOwn,
   isDate,
@@ -57,6 +58,7 @@ export {
   isNumeric,
   isObject,
   isPlainObject,
+  isPromise,
   isRegExp,
   isSame,
   toString,

package/dialog-box/index.js

@@ -35,27 +35,6 @@ const computedStyle = ({ props, state, designConfig }) => () => {
   }
   return style;
 };
-const computedBodyStyle = ({ vm, props, state }) => () => {
-  const style = {
-    maxHeight: ""
-  };
-  const headerHeight = vm.$refs.header && vm.$refs.header.offsetHeight || 0;
-  const footerHeight = vm.$refs.footer && vm.$refs.footer.offsetHeight || 0;
-  let { maxHeight } = props;
-  if (state.isFull || props.rightSlide) {
-    if (vm.$slots.footer) {
-      style.maxHeight = `calc(100vh - ${headerHeight + footerHeight}px)`;
-    } else {
-      style.maxHeight = `calc(100vh - ${headerHeight}px)`;
-    }
-  } else {
-    style.maxHeight = "65vh";
-  }
-  if (maxHeight && !state.isFull) {
-    style.maxHeight = "none";
-  }
-  return style;
-};
 const watchVisible = ({
   api,
   constants,
@@ -282,7 +261,6 @@ export {
   afterLeave,
   computedAddUnit,
   computedAnimationName,
-  computedBodyStyle,
   computedStyle,
   handleCancel,
   handleClose,

package/dialog-box/vue.js

@@ -20,7 +20,6 @@ import {
   handleDrag,
   showScrollbar,
   hideScrollbar,
-  computedBodyStyle,
   toggleFullScreen
 } from "./index";
 import usePopup from "../common/deps/vue-popup";
@@ -59,7 +58,6 @@ const initState = ({
     dragable: false,
     isFull: props.fullscreen,
     style: computed(() => api2.computedStyle()),
-    bodyStyle: computed(() => api2.computedBodyStyle()),
     animationName: computed(() => api2.computedAnimationName()),
     current,
     dragStyle: null
@@ -113,7 +111,6 @@ const initApi = ({
       state
     }),
     computedStyle: computedStyle({ state, props, designConfig }),
-    computedBodyStyle: computedBodyStyle({ vm, props, state }),
     mounted: mounted({ api: api2, parent, props }),
     unMounted: unMounted({ api: api2, parent, props }),
     computedAnimationName: computedAnimationName({ constants, props }),
@@ -148,7 +145,7 @@ const renderless = (props, { computed, onBeforeUnmount, onMounted, toRefs, react
   useBreakpoint
 }) => {
   const api2 = {};
-  const lockScrollClass = constants.scrollLockClass(mode);
+  const lockScrollClass = constants.SCROLL_LOCK_CLASS(mode);
   let state = initState({ reactive, computed, api: api2, emitter, props, useBreakpoint });
   const usePopups = usePopup({
     api: api2,

package/drawer/index.js

@@ -14,17 +14,19 @@ const computedWidth = ({
   return props.width || ((_a = designConfig == null ? void 0 : designConfig.constants) == null ? void 0 : _a.DEFAULT_WIDTH) || constants.DEFAULT_WIDTH;
 };
 const close = ({ api }) => (force = false) => {
-  api.handleClose("close", force);
+  api.handleClose("close", typeof force === "boolean" ? force : false);
 };
-const watchVisible = ({ state }) => (bool) => {
-  setTimeout(() => {
-    state.toggle = bool;
-  }, 0);
+const watchVisible = ({ state, api }) => (value) => {
+  value ? api.open() : api.close();
 };
-const watchToggle = ({ emit }) => (bool) => {
-  setTimeout(() => {
-    emit("update:visible", bool);
-  }, 0);
+const open = ({ state, emit, vm }) => () => {
+  if (!state.visible) {
+    setTimeout(() => {
+      state.visible = true;
+      emit("open", vm);
+      emit("update:visible", true);
+    }, 0);
+  }
 };
 const confirm = ({ api }) => () => {
   api.handleClose("confirm");
@@ -35,14 +37,17 @@ const handleClose = ({ emit, props, state }) => (type, force) => {
   if (isMaskNotClosable || isBlockClose) {
     return;
   }
-  if (type !== "confirm") {
-    state.toggle = false;
+  if (state.visible) {
+    state.visible = false;
+    setTimeout(() => {
+      emit("update:visible", false);
+      emit(["close", "confirm"].includes(type) ? type : "close");
+    }, 200);
   }
-  emit(["close", "confirm"].includes(type) ? type : "close");
 };
-const mousedown = ({ state, vm }) => (event2) => {
-  event2.preventDefault();
-  const touch = event2.touches ? event2.touches[0] : event2;
+const mousedown = ({ state, vm }) => (event) => {
+  event.preventDefault();
+  const touch = event.touches ? event.touches[0] : event;
   const drawerBox = vm.$refs.drawerBox;
   state.dragEvent.isDrag = true;
   state.dragEvent.x = touch.clientX;
@@ -50,18 +55,18 @@ const mousedown = ({ state, vm }) => (event2) => {
   state.dragEvent.offsetWidth = drawerBox.offsetWidth;
   state.dragEvent.offsetHeight = drawerBox.offsetHeight;
 };
-const mousemove = ({ state, props }) => debounce(1, (event2) => {
+const mousemove = ({ state, props }) => debounce(1, (event) => {
   if (!state.dragEvent.isDrag) {
     return;
   }
-  event2.preventDefault();
+  event.preventDefault();
   const { placement } = props;
   const {
     dragEvent: { x, y, offsetWidth, offsetHeight }
   } = state;
-  const { touches, targetTouches, changedTouches } = event2;
+  const { touches, targetTouches, changedTouches } = event;
   const touch = touches && touches[0] || targetTouches && targetTouches[0] || changedTouches && changedTouches[0];
-  const { clientX, clientY } = touch || event2;
+  const { clientX, clientY } = touch || event;
   const offsetX = clientX - x;
   const offsetY = clientY - y;
   if (placement === "left") {
@@ -76,11 +81,10 @@ const mousemove = ({ state, props }) => debounce(1, (event2) => {
     state.height = height > 10 ? height : 10;
   }
 });
-const mouseup = ({ state }) => () => {
+const mouseup = ({ state }) => (event) => {
   if (!state.dragEvent.isDrag) {
     return;
   }
-  ;
   event.preventDefault();
   state.dragEvent.isDrag = false;
 };
@@ -108,11 +112,6 @@ const showScrollbar = (lockScrollClass) => () => {
 const hideScrollbar = (lockScrollClass) => () => {
   removeClass(document.body, lockScrollClass);
 };
-const watchVisibleNotImmediate = ({ api, props }) => (visible) => {
-  if (props.lockScroll) {
-    visible ? api.showScrollbar() : api.hideScrollbar();
-  }
-};
 export {
   addDragEvent,
   close,
@@ -123,9 +122,8 @@ export {
   mousedown,
   mousemove,
   mouseup,
+  open,
   removeDragEvent,
   showScrollbar,
-  watchToggle,
-  watchVisible,
-  watchVisibleNotImmediate
+  watchVisible
 };

package/drawer/vue.js

@@ -2,7 +2,6 @@ import "../chunk-G2ADBYYC.js";
 import {
   close,
   watchVisible,
-  watchToggle,
   confirm,
   mousedown,
   mouseup,
@@ -11,17 +10,17 @@ import {
   removeDragEvent,
   showScrollbar,
   hideScrollbar,
-  watchVisibleNotImmediate,
   handleClose,
-  computedWidth
+  computedWidth,
+  open
 } from "./index";
-const api = ["state", "close", "confirm", "handleClose"];
+const api = ["state", "close", "confirm", "handleClose", "open"];
 const renderless = (props, { reactive, watch, onMounted, onBeforeUnmount, computed }, { emit, vm, mode, constants, designConfig }) => {
   var _a;
   const lockScrollClass = constants.SCROLL_LOCK_CLASS(mode);
   const api2 = {};
   const state = reactive({
-    toggle: false,
+    visible: false,
     width: 0,
     height: 0,
     dragEvent: { x: 0, y: 0, isDrag: false, offsetWidth: 0, offsetHeight: 0 },
@@ -30,6 +29,7 @@ const renderless = (props, { reactive, watch, onMounted, onBeforeUnmount, comput
   });
   Object.assign(api2, {
     state,
+    open: open({ state, emit, vm }),
     confirm: confirm({ api: api2 }),
     close: close({ api: api2 }),
     handleClose: handleClose({ emit, props, state }),
@@ -38,17 +38,14 @@ const renderless = (props, { reactive, watch, onMounted, onBeforeUnmount, comput
     mouseup: mouseup({ state }),
     addDragEvent: addDragEvent({ api: api2, vm }),
     removeDragEvent: removeDragEvent({ api: api2, vm }),
-    watchVisible: watchVisible({ state }),
-    watchToggle: watchToggle({ emit }),
+    watchVisible: watchVisible({ state, api: api2 }),
     showScrollbar: showScrollbar(lockScrollClass),
     hideScrollbar: hideScrollbar(lockScrollClass),
-    watchVisibleNotImmediate: watchVisibleNotImmediate({ api: api2, props }),
     computedWidth: computedWidth({ state, designConfig, props, constants })
   });
   onMounted(() => {
     props.dragable && api2.addDragEvent();
     if (props.lockScroll && props.visible) {
-      ;
       api2.showScrollbar();
     }
   });
@@ -57,7 +54,6 @@ const renderless = (props, { reactive, watch, onMounted, onBeforeUnmount, comput
     props.lockScroll && api2.hideScrollbar();
   });
   watch(() => props.visible, api2.watchVisible, { immediate: true });
-  watch(() => state.toggle, api2.watchToggle);
   watch(
     () => props.width,
     () => state.width = 0

package/file-upload/index.js

@@ -576,7 +576,7 @@ const handleSuccess = ({
     const file = api.getFile(rawFile);
     const status = (_a = res == null ? void 0 : res.data) == null ? void 0 : _a.status;
     const { STATUS_SPECIAL_CHARACTERS, NOT_SUPPORT_SPECIAL_CHARACTERS } = constants.EDM;
-    delete file.cancelToken;
+    file && delete file.cancelToken;
     if (props.edm.upload && file && res.data && status !== 200) {
       if (status === STATUS_SPECIAL_CHARACTERS) {
         Modal.message({