@opentiny/vue-renderless 3.10.7 → 3.11.0

package/dialog-box/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { on, off, addClass, removeClass } from "../common/deps/dom";
 import { emitEvent } from "../common/event";
 import { getDomNode } from "../common/deps/dom";
@@ -27,14 +27,25 @@ const computedStyle = ({ props, state }) => () => {
   return style;
 };
 const computedBodyStyle = ({ props }) => () => {
-  const style = {};
+  const style = {
+    maxHeight: ""
+  };
   let { maxHeight } = props;
   if (maxHeight) {
     style.maxHeight = "none";
   }
   return style;
 };
-const watchVisible = ({ api, constants, emit, nextTick, parent, props, vm, state }) => (val) => {
+const watchVisible = ({
+  api,
+  constants,
+  emit,
+  nextTick,
+  parent,
+  props,
+  vm,
+  state
+}) => (val) => {
   const el = parent.$el;
   if (props.lockScroll) {
     val ? api.showScrollbar() : api.hideScrollbar();
@@ -92,7 +103,13 @@ const handleWrapperClick = ({ api, props }) => () => {
   }
   api.handleClose("mask");
 };
-const handleClose = ({ api, constants, emit, parent, props }) => (type = "close") => {
+const handleClose = ({
+  api,
+  constants,
+  emit,
+  parent,
+  props
+}) => (type = "close") => {
   if (typeof props.beforeClose === "function" && props.beforeClose(type) === false) {
     return;
   }
@@ -134,10 +151,13 @@ const afterEnter = (emit) => () => {
 const afterLeave = (emit) => () => {
   emit("closed");
 };
-const findPopoverComponent = ({ vm, componentList }) => {
+const findPopoverComponent = ({
+  vm,
+  componentList
+}) => {
   const children = vm.$children;
   if (!children || children.length === 0) {
-    return;
+    return [];
   }
   children.forEach((child) => {
     const tag = child.$options.componentName;
@@ -173,8 +193,8 @@ const handleDrag = ({ parent, props, state, emit }) => (event) => {
     }
     let offsetWidth = modalBoxElem.offsetWidth;
     let offsetHeight = modalBoxElem.offsetHeight;
-    let maxX = visibleWidth - offsetWidth;
-    let maxY = visibleHeight - offsetHeight;
+    let maxX = Math.max(visibleWidth - offsetWidth, 0);
+    let maxY = Math.max(visibleHeight - offsetHeight, 0);
     let left = event2.clientX - disX;
     let top = event2.clientY - disY;
     left = left < 0 ? 0 : left > maxX ? maxX : left;

package/dialog-box/vue.js

@@ -1,6 +1,6 @@
 import {
   __spreadValues
-} from "../chunk-PKUHTIDK.js";
+} from "../chunk-G2ADBYYC.js";
 import {
   afterEnter,
   afterLeave,
@@ -31,7 +31,13 @@ const api = [
   "handleDrag",
   "state"
 ];
-const initState = ({ reactive, computed, api: api2, emitter, props }) => {
+const initState = ({
+  reactive,
+  computed,
+  api: api2,
+  emitter,
+  props
+}) => {
   const state = reactive({
     emitter: emitter(),
     key: 0,
@@ -42,7 +48,7 @@ const initState = ({ reactive, computed, api: api2, emitter, props }) => {
     max: null,
     move: false,
     closed: false,
-    dragable: null,
+    dragable: false,
     isFull: props.fullscreen,
     style: computed(() => api2.computedStyle()),
     bodyStyle: computed(() => api2.computedBodyStyle()),
@@ -51,13 +57,10 @@ const initState = ({ reactive, computed, api: api2, emitter, props }) => {
   return state;
 };
 const mergeState = ({ reactive, state, toRefs, usePopups }) => {
-  const { bodyPaddingRight, computedBodyPaddingRight, opened, rendered, withoutHiddenClass } = usePopups;
+  const { opened, rendered } = usePopups;
   const merge = reactive(__spreadValues({
-    bodyPaddingRight,
-    computedBodyPaddingRight,
     opened,
-    rendered,
-    withoutHiddenClass
+    rendered
   }, toRefs(state)));
   return merge;
 };
@@ -74,17 +77,11 @@ const initApi = ({
   broadcast,
   vm
 }) => {
-  const { open, close, doOpen, doClose } = usePopups;
-  const { doAfterOpen, doAfterClose, restoreBodyStyle } = usePopups;
+  const { open, close } = usePopups;
   Object.assign(api2, {
     state,
     open,
     close,
-    doOpen,
-    doClose,
-    doAfterOpen,
-    doAfterClose,
-    restoreBodyStyle,
     broadcast,
     handleCancel: handleCancel({ api: api2, emit }),
     handleConfirm: handleConfirm({ api: api2, emit }),
@@ -134,7 +131,6 @@ const renderless = (props, { computed, onBeforeUnmount, onMounted, toRefs, react
     onMounted,
     props,
     reactive,
-    state,
     toRefs,
     vm,
     watch

package/dialog-select/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { arrayEach, findIndexOf, find } from "../grid/static";
 const computedGridColumns = (props) => () => {
   const { popseletor, gridOp, multi, valueField, textField } = props;

package/dialog-select/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   computedGridColumns,
   queryGridData,

package/divider/vue.js

@@ -0,0 +1,9 @@
+import "../chunk-G2ADBYYC.js";
+const api = [];
+const renderless = () => {
+  return api;
+};
+export {
+  api,
+  renderless
+};

package/drawer/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import debounce from "../common/deps/debounce";
 import { addClass, removeClass } from "../common/deps/dom";
 const close = ({ emit, state }) => () => {
@@ -13,7 +13,7 @@ const watchVisible = ({ state }) => (bool) => {
 const watchToggle = ({ emit }) => (bool) => {
   setTimeout(() => {
     emit("update:visible", bool);
-  }, 200);
+  }, 0);
 };
 const confirm = ({ emit, state }) => () => {
   state.toggle = false;

package/drawer/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   close,
   watchVisible,

package/drop-roles/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const init = ({ state, service, emit }) => () => {
   let promise;
   const { textField, valueField } = service.fields;

package/drop-roles/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { init, change, initService } from "./index";
 const api = ["state", "change"];
 const renderless = (props, { onMounted, reactive, watch }, { parent, emit, service }) => {

package/drop-times/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { format } from "../common/date";
 const init = ({ state, props }) => () => {
   let list = [];

package/drop-times/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { init, change } from "./index";
 const api = ["state", "change"];
 const renderless = (props, { onMounted, reactive, watch }, { emit }) => {

package/dropdown/index.js

@@ -1,11 +1,11 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { KEY_CODE } from "../common";
 import { addClass, removeClass, on, off } from "../common/deps/dom";
 const watchVisible = ({ broadcast, emit, nextTick }) => (value) => {
   broadcast("TinyDropdownMenu", "visible", value);
   nextTick(() => emit("visible-change", value));
 };
-const watchFocusing = ({ parent }) => (value) => {
+const watchFocusing = (parent) => (value) => {
   const selfDefine = parent.$el.querySelector(".tiny-dropdown-selfdefine");
   if (selfDefine) {
     value ? addClass(selfDefine, "focusing") : removeClass(selfDefine, "focusing");
@@ -15,7 +15,7 @@ const show = ({ props, state }) => () => {
   if (props.disabled) {
     return;
   }
-  clearTimeout(state.timeout);
+  clearTimeout(Number(state.timeout));
   state.timeout = setTimeout(
     () => {
       state.visible = true;
@@ -28,10 +28,10 @@ const hide = ({ api, props, state }) => () => {
     return;
   }
   api.removeTabindex();
-  if (props.tabindex >= 0) {
+  if (props.tabindex >= 0 && state.triggerElm) {
     api.resetTabindex(state.triggerElm);
   }
-  clearTimeout(state.timeout);
+  clearTimeout(Number(state.timeout));
   state.timeout = setTimeout(
     () => {
       state.visible = false;
@@ -50,8 +50,10 @@ const handleTriggerKeyDown = ({ api, state }) => (event) => {
   const keyCode = event.keyCode;
   if (~[KEY_CODE.ArrowUp, KEY_CODE.ArrowDown].indexOf(keyCode)) {
     api.removeTabindex();
-    api.resetTabindex(state.menuItems[0]);
-    state.menuItems[0].focus();
+    if (state.menuItems) {
+      api.resetTabindex(state.menuItems[0]);
+      state.menuItems[0].focus();
+    }
     event.preventDefault();
     event.stopPropagation();
   } else if (keyCode === KEY_CODE.Enter) {
@@ -73,13 +75,15 @@ const handleItemKeyDown = ({ api, props, state }) => (event) => {
       nextIndex = currentIndex < max ? currentIndex + 1 : max;
     }
     api.removeTabindex();
-    api.resetTabindex(state.menuItems[nextIndex]);
-    state.menuItems[nextIndex].focus();
+    if (state.menuItems) {
+      api.resetTabindex(state.menuItems[nextIndex]);
+      state.menuItems[nextIndex].focus();
+    }
     event.preventDefault();
     event.stopPropagation();
   } else if (keyCode === KEY_CODE.Enter) {
     api.triggerElmFocus();
-    target.click();
+    target == null ? void 0 : target.click();
     if (props.hideOnClick) {
       state.visible = false;
     }
@@ -88,23 +92,25 @@ const handleItemKeyDown = ({ api, props, state }) => (event) => {
     api.triggerElmFocus();
   }
 };
-const resetTabindex = ({ api }) => (el) => {
+const resetTabindex = (api) => (el) => {
   api.removeTabindex();
   el.setAttribute("tabindex", "0");
 };
-const removeTabindex = ({ state }) => () => {
-  state.triggerElm.setAttribute("tabindex", "-1");
-  state.menuItemsArray.forEach((item) => {
+const removeTabindex = (state) => () => {
+  var _a, _b;
+  (_a = state.triggerElm) == null ? void 0 : _a.setAttribute("tabindex", "-1");
+  (_b = state.menuItemsArray) == null ? void 0 : _b.forEach((item) => {
     item.setAttribute("tabindex", "-1");
   });
 };
 const initAria = ({ state, props }) => () => {
-  state.dropdownElm.setAttribute("id", state.listId);
-  state.triggerElm.setAttribute("aria-haspopup", "list");
-  state.triggerElm.setAttribute("aria-controls", state.listId);
+  var _a, _b, _c, _d, _e;
+  (_a = state.dropdownElm) == null ? void 0 : _a.setAttribute("id", state.listId);
+  (_b = state.triggerElm) == null ? void 0 : _b.setAttribute("aria-haspopup", "list");
+  (_c = state.triggerElm) == null ? void 0 : _c.setAttribute("aria-controls", state.listId);
   if (!props.splitButton || !props.singleButton) {
-    state.triggerElm.setAttribute("role", "button");
-    state.triggerElm.setAttribute("tabindex", props.tabindex);
+    (_d = state.triggerElm) == null ? void 0 : _d.setAttribute("role", "button");
+    (_e = state.triggerElm) == null ? void 0 : _e.setAttribute("tabindex", String(props.tabindex));
     addClass(state.triggerElm, "tiny-dropdown-selfdefine");
   }
 };
@@ -112,10 +118,11 @@ const toggleFocus = ({ state, value }) => () => {
   state.focusing = value;
 };
 const initEvent = ({ api, props, state, vm, mode }) => () => {
+  var _a;
   let buttonValue = props.splitButton || props.singleButton;
   state.triggerElm = buttonValue ? vm.$refs.trigger.$el : props.border ? vm.$refs.trigger.$el : vm.$refs.trigger;
   on(state.triggerElm, "keydown", api.handleTriggerKeyDown);
-  state.dropdownElm.addEventListener("keydown", api.handleItemKeyDown, true);
+  (_a = state.dropdownElm) == null ? void 0 : _a.addEventListener("keydown", api.handleItemKeyDown, true);
   if (!props.splitButton || !props.singleButton) {
     on(state.triggerElm, "focus", toggleFocus({ state, value: true }));
     on(state.triggerElm, "blur", toggleFocus({ state, value: false }));
@@ -144,12 +151,14 @@ const handleMenuItemClick = ({ props, state, emit }) => ({ itemData, vm, disable
     emit("item-click", data);
   }
 };
-const triggerElmFocus = ({ state }) => () => {
-  state.triggerElm.focus && state.triggerElm.focus();
+const triggerElmFocus = (state) => () => {
+  var _a;
+  ((_a = state.triggerElm) == null ? void 0 : _a.focus) && state.triggerElm.focus();
 };
 const initDomOperation = ({ api, state, vm }) => () => {
+  var _a;
   state.dropdownElm = vm.popperElm;
-  state.menuItems = state.dropdownElm.querySelectorAll('[tabindex="-1"]');
+  state.menuItems = (_a = state.dropdownElm) == null ? void 0 : _a.querySelectorAll('[tabindex="-1"]');
   state.menuItemsArray = [].slice.call(state.menuItems);
   api.initEvent();
   api.initAria();
@@ -187,7 +196,7 @@ const beforeDistory = ({ api, state }) => () => {
     state.dropdownElm = null;
   }
 };
-const clickOutside = ({ props, api }) => (disabled) => {
+const clickOutside = ({ props, api, state }) => (disabled) => {
   if (props.hideOnClick) {
     disabled ? api.show() : api.hide();
   }

package/dropdown/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { guid } from "../common/string";
 import {
   watchVisible,
@@ -27,8 +27,8 @@ const renderless = (props, { reactive, watch, provide, onMounted }, { emit, pare
     visible: false,
     timeout: null,
     focusing: false,
-    menuItems: null,
-    menuItemsArray: null,
+    menuItems: [],
+    menuItemsArray: [],
     triggerElm: null,
     dropdownElm: null,
     listId: `dropdown-menu-${guid()}`,
@@ -40,23 +40,23 @@ const renderless = (props, { reactive, watch, provide, onMounted }, { emit, pare
   Object.assign(api2, {
     state,
     watchVisible: watchVisible({ broadcast, emit, nextTick }),
-    watchFocusing: watchFocusing({ parent }),
+    watchFocusing: watchFocusing(parent),
     show: show({ props, state }),
     hide: hide({ api: api2, props, state }),
     mounted: mounted({ api: api2, vm, state, broadcast }),
     handleClick: handleClick({ api: api2, props, state, emit }),
     handleTriggerKeyDown: handleTriggerKeyDown({ api: api2, state }),
     handleItemKeyDown: handleItemKeyDown({ api: api2, props, state }),
-    resetTabindex: resetTabindex({ api: api2 }),
-    removeTabindex: removeTabindex({ state }),
+    resetTabindex: resetTabindex(api2),
+    removeTabindex: removeTabindex(state),
     initAria: initAria({ state, props }),
     initEvent: initEvent({ api: api2, props, state, vm, mode }),
     handleMenuItemClick: handleMenuItemClick({ props, state, emit }),
     handleMainButtonClick: handleMainButtonClick({ api: api2, emit }),
-    triggerElmFocus: triggerElmFocus({ state }),
+    triggerElmFocus: triggerElmFocus(state),
     initDomOperation: initDomOperation({ api: api2, state, vm }),
     beforeDistory: beforeDistory({ api: api2, state }),
-    clickOutside: clickOutside({ props, api: api2 })
+    clickOutside: clickOutside({ state, props, api: api2 })
   });
   watch(() => state.visible, api2.watchVisible);
   watch(() => state.focusing, api2.watchFocusing);

package/dropdown-item/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { on, off } from "../common/deps/dom";
 const getTitle = (props) => () => {
   if (props.title) {

package/dropdown-item/mf.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { omitText } from "../common/string";
 const api = ["dataStore", "handleClick", "dataStore", "mouseEnter", "mouseLeave"];
 const renderless = (props, { reactive, inject }, { dispatch, vm }) => {

package/dropdown-item/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   tagClick,
   confirm,
@@ -84,8 +84,8 @@ const initApi = ({ api: api2, state, emit, props, parent, dispatch, vm, constant
 };
 const renderless = (props, { computed, reactive, watch, inject }, { parent, emit, vm, dispatch, mode, constants, designConfig }) => {
   const api2 = {};
-  const dropdownMenuVm = inject("dropdownMenuVm", null);
-  if (mode === "mobile") {
+  const dropdownMenuVm = inject("dropdownMenuVm");
+  if (mode === "mobile" && dropdownMenuVm) {
     dropdownMenuVm.state.children = [...dropdownMenuVm.state.children, vm];
   }
   parent = parent.$parent;

package/dropdown-menu/index.js

@@ -1,6 +1,6 @@
 import {
   __spreadValues
-} from "../chunk-PKUHTIDK.js";
+} from "../chunk-G2ADBYYC.js";
 import userPopper from "../common/deps/vue-popper";
 const toggleItem = (state) => (active, item) => {
   if (item.disabled) {
@@ -62,7 +62,7 @@ const getScroller = (el, root) => {
     }
     node = node.parentNode;
   }
-  return root;
+  return root || null;
 };
 const useVuePopper = ({ api, props, hooks, instance, state, dropdownVm }) => {
   const { nextTick, onBeforeUnmount, onDeactivated, onMounted, reactive, toRefs, watch } = hooks;
@@ -84,6 +84,8 @@ const useVuePopper = ({ api, props, hooks, instance, state, dropdownVm }) => {
     watch
   });
   onMounted(() => {
+    if (!dropdownVm)
+      return;
     dropdownVm.popperElm = popper.popperElm.value = vm.$el;
     nextTick(() => popper.referenceElm.value = dropdownVm.$el);
     !props.multiStage && dropdownVm.initDomOperation();
@@ -97,7 +99,7 @@ const useVuePopper = ({ api, props, hooks, instance, state, dropdownVm }) => {
     popper.referenceElm = null;
   });
   api.doDestroy = popper.doDestroy;
-  state.size = dropdownVm.size;
+  state.size = (dropdownVm == null ? void 0 : dropdownVm.size) || "";
   state.showPopper = popper.showPopper.value;
   parent.$on("updatePopper", () => {
     if (state.showPopper) {
@@ -135,10 +137,10 @@ const handleMenuItemClick = ({ state, dispatch }) => ({ itemData, vm, label, sho
   const data = { itemData, vm, disabled };
   dispatch("TinyDropdown", "current-item-click", data);
 };
-const handleMouseenter = ({ emit }) => ($event) => {
+const handleMouseenter = (emit) => ($event) => {
   emit("mouseenter", $event);
 };
-const handleMouseleave = ({ emit }) => ($event) => {
+const handleMouseleave = (emit) => ($event) => {
   emit("mouseleave", $event);
 };
 export {

package/dropdown-menu/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   toggleItem,
   updateOffset,
@@ -50,8 +50,8 @@ const renderless = (props, hooks, instance) => {
     clickOutside: clickOutside({ props, state }),
     updateOffset: updateOffset({ props, state, vm }),
     mounted: mounted({ api: api2, parent, state }),
-    handleMouseenter: handleMouseenter({ emit }),
-    handleMouseleave: handleMouseleave({ emit }),
+    handleMouseenter: handleMouseenter(emit),
+    handleMouseleave: handleMouseleave(emit),
     handleMenuItemClick: handleMenuItemClick({ dispatch, state })
   });
   onMounted(api2.mounted);

package/dynamic-scroller/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const computedItemsWithSize = ({ props, state }) => () => {
   const result = [];
   const { items, keyField } = props;

package/dynamic-scroller/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   computedItemsWithSize,
   onScrollerResize,

package/dynamic-scroller-item/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const computedId = ({ props, state }) => () => {
   if (state.vscrollData.simpleArray)
     return props.index;

package/dynamic-scroller-item/vue.js

@@ -1,6 +1,6 @@
 import {
   __spreadValues
-} from "../chunk-PKUHTIDK.js";
+} from "../chunk-G2ADBYYC.js";
 import {
   computedId,
   computedSize,

package/espace/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { xss } from "../common";
 const getUserHref = ({ api, props }) => (item) => {
   const type = item.type ? String(item.type).toLocaleLowerCase() : "";

package/espace/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { init } from "../common/deps/eSpaceCtrl";
 import { getUserHref, getUserTitle, doUserAction, initEspaceLink, openEspace, testUID, soundEspace } from "./index";
 const api = [

package/exception/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const create = (emit) => () => emit("btn-click");
 const getMessage = ({ props, t }) => () => {
   const types = ["build", "weaknet", "pcview", "busy", "noperm"];

package/exception/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { create, getMessage } from "./index";
 const api = ["state", "create"];
 const renderless = (props, { computed, reactive }, { t, emit }, { images }) => {

package/fall-menu/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { REFRESH_INTERVAL } from "../common";
 import { on, off } from "../common/deps/dom";
 import PopupManager from "../common/deps/popup-manager";

package/fall-menu/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   mouseover,
   mouseout,