@opentiny/vue-renderless 3.10.7 → 3.11.0

package/image-viewer/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   computedIsSingle,
   watchVisible,
@@ -25,7 +25,16 @@ import {
   touchstart,
   touchmove,
   touchend,
-  computeZIndex
+  computeZIndex,
+  activeItems,
+  imagePreview,
+  initPage,
+  beforeDestroy,
+  itemClick,
+  selectOption,
+  langClick,
+  getLastPrev,
+  getDefaultPrev
 } from "./index";
 const api = [
   "state",
@@ -45,7 +54,12 @@ const api = [
   "handleVisible",
   "swipeLeft",
   "swipeRight",
-  "handleDelete"
+  "handleDelete",
+  "activeItems",
+  "imagePreview",
+  "itemClick",
+  "selectOption",
+  "langClick"
 ];
 const initState = ({ reactive, computed, api: api2, mode, props, constants, inject }) => {
   const state = reactive({
@@ -58,7 +72,7 @@ const initState = ({ reactive, computed, api: api2, mode, props, constants, inje
     mfPreviewVisible: inject("mfPreviewVisible", null),
     scale: 1,
     time: null,
-    index: mode === "pc" || mode === "mobile-first" ? 0 : props.startPosition,
+    index: mode == "pc" || mode == "mobile-first" ? 0 : props.startPosition,
     imageName: "",
     isShow: false,
     infinite: true,
@@ -82,22 +96,37 @@ const initState = ({ reactive, computed, api: api2, mode, props, constants, inje
     isSingle: computed(() => api2.computedIsSingle()),
     imgStyle: computed(() => api2.computedImgStyle()),
     currentImg: computed(() => api2.computedCurrentImg()),
-    zIndex: computed(() => api2.computeZIndex())
+    zIndex: computed(() => api2.computeZIndex()),
+    currentIndex: 0,
+    mobileCurrentIndex: -1,
+    isImagePreview: false,
+    hiddenThumbnail: false,
+    firstX: 0,
+    endX: 0,
+    showImageViewer: true,
+    isThumbnail: props.isThumbnail,
+    isMenuView: props.isMenuView,
+    showFlag: 0,
+    boxVisibility: false,
+    fileName: "",
+    scrollTop: 0,
+    thumbnailTop: constants.THUMBNAILTOP,
+    menuTop: constants.MENUTOP
   });
   return state;
 };
-const initApi = ({ api: api2, state, props, parent, nextTick, emit, t, constants }) => {
+const initApi = ({ api: api2, state, props, parent, nextTick, emit, t, constants, vm, mode }) => {
   Object.assign(api2, {
     state,
-    touchstart: touchstart(state),
+    touchstart: touchstart({ state, mode, api: api2 }),
     touchmove: touchmove(state),
     touchend: touchend(state),
     reset: reset(state),
-    prev: prev({ state, props }),
-    next: next({ state, props }),
-    getImageWidth: getImageWidth({ state, parent, props, nextTick }),
+    prev: prev({ state, api: api2, vm }),
+    next: next({ state, api: api2, vm }),
+    getImageWidth: getImageWidth({ state, parent, props, nextTick, vm, mode }),
     handleVisible: handleVisible({ state, emit, props }),
-    handleActions: handleActions(state),
+    handleActions: handleActions(state, props, emit),
     handleImgLoad: handleImgLoad(state),
     handleMouseDown: handleMouseDown(state),
     computedIsFirst: computedIsFirst(state),
@@ -105,16 +134,25 @@ const initApi = ({ api: api2, state, props, parent, nextTick, emit, t, constants
     handleImgError: handleImgError({ state, t }),
     computedIsLast: computedIsLast({ state, props }),
     watchVisible: watchVisible(state),
-    deviceSupportUninstall: deviceSupportUninstall(state),
-    computedCurrentImg: computedCurrentImg({ state, props }),
+    deviceSupportUninstall: deviceSupportUninstall({ state, mode }),
+    computedCurrentImg: computedCurrentImg(state),
     computedImgStyle: computedImgStyle({ state, constants }),
     computeZIndex: computeZIndex({ constants, props }),
-    hide: hide({ props, api: api2 }),
-    deviceSupportInstall: deviceSupportInstall({ state, api: api2 }),
+    hide: hide({ props, api: api2, state }),
+    deviceSupportInstall: deviceSupportInstall({ state, api: api2, mode }),
     toggleMode: toggleMode({ state, constants, api: api2 }),
     swipeRight: swipeRight({ api: api2, state, emit }),
     swipeLeft: swipeLeft({ api: api2, state, emit }),
-    handleDelete: handleDelete({ api: api2, state, emit })
+    handleDelete: handleDelete({ api: api2, state, emit }),
+    activeItems: activeItems(state),
+    imagePreview: imagePreview(state),
+    initPage: initPage({ state, nextTick, api: api2 }),
+    beforeDestroy: beforeDestroy({ api: api2, state }),
+    itemClick: itemClick({ state, vm, nextTick }),
+    selectOption: selectOption({ state, api: api2 }),
+    langClick: langClick(state),
+    getLastPrev: getLastPrev({ state, vm }),
+    getDefaultPrev: getDefaultPrev({ state, vm })
   });
 };
 const initWatch = ({ watch, state, api: api2, props, nextTick, vm }) => {
@@ -132,7 +170,6 @@ const initWatch = ({ watch, state, api: api2, props, nextTick, vm }) => {
       api2.watchVisible(value);
       if (props.previewVisible || state.mfPreviewVisible) {
         nextTick(() => {
-          state.urlList = props.urlList;
           api2.getImageWidth();
         });
       }
@@ -155,11 +192,17 @@ const initWatch = ({ watch, state, api: api2, props, nextTick, vm }) => {
     },
     { immediate: true }
   );
+  watch(
+    () => state.isImagePreview,
+    () => nextTick(() => {
+      api2.getImageWidth();
+    })
+  );
 };
-const renderless = (props, { computed, onMounted, onUpdated, reactive, watch, inject }, { t, parent, nextTick, emit, constants, vm, mode }) => {
+const renderless = (props, { computed, onMounted, onBeforeUnmount, onUpdated, reactive, watch, inject, provide }, { t, parent, nextTick, emit, constants, vm, mode }) => {
   const api2 = {};
   const state = initState({ reactive, computed, api: api2, mode, props, constants, inject });
-  initApi({ api: api2, state, props, parent, nextTick, emit, t, constants });
+  initApi({ api: api2, state, props, parent, nextTick, emit, t, constants, vm, mode });
   initWatch({ watch, state, api: api2, props, nextTick, vm });
   onMounted(api2.deviceSupportInstall);
   onUpdated(() => {
@@ -170,6 +213,8 @@ const renderless = (props, { computed, onMounted, onUpdated, reactive, watch, in
       }, 3e3);
     }
   });
+  onBeforeUnmount(api2.beforeDestroy);
+  provide("change-size", true);
   return api2;
 };
 export {

package/index-bar/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const switchIndex = (index, state, emit) => {
   if (index === state.index) {
     return;
@@ -14,7 +14,6 @@ const handleTouchDown = ({ state }) => () => {
   state.isMouseDown = true;
 };
 const handleTouchMove = ({ emit, state }) => (e) => {
-  console.log(e, state.isMouseDown);
   if (state.isMouseDown && e.target.id) {
     switchIndex(Number(e.target.id), state, emit);
   }

package/index-bar/vue.js

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

package/index-bar-anchor/vue.js

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

package/input/index.js

@@ -1,5 +1,4 @@
-import "../chunk-PKUHTIDK.js";
-import { isSame } from "../common/type";
+import "../chunk-G2ADBYYC.js";
 const HIDDEN_STYLE = `
 height:0 !important;visibility:hidden !important;overflow:hidden !important;
 position:absolute !important;z-index:-1000 !important;top:0 !important;right:0 !important
@@ -46,7 +45,12 @@ const calculateNodeStyling = () => (targetElement) => {
   const contextStyle = CONTEXT_STYLE.map((name) => `${name}:${style.getPropertyValue(name)}`).join(";");
   return { contextStyle, paddingSize, borderSize, boxSizing };
 };
-const calcTextareaHeight = ({ api, hiddenTextarea, props, state }) => (targetElement, minRows = 1, maxRows = null) => {
+const calcTextareaHeight = ({
+  api,
+  hiddenTextarea,
+  props,
+  state
+}) => (targetElement, minRows = 1, maxRows = null) => {
   if (!hiddenTextarea) {
     hiddenTextarea = document.createElement("textarea");
     document.body.appendChild(hiddenTextarea);
@@ -95,7 +99,14 @@ const getInput = (refs) => () => refs.input || refs.textarea;
 const blur = (api) => () => api.getInput().blur();
 const focus = (api) => () => api.getInput().focus();
 const select = (api) => () => api.getInput().select();
-const handleBlur = ({ api, componentName, eventName, emit, props, state }) => (event) => {
+const handleBlur = ({
+  api,
+  componentName,
+  eventName,
+  emit,
+  props,
+  state
+}) => (event) => {
   state.focused = false;
   emit("blur", event);
   api.isMemoryStorage.value = false;
@@ -144,7 +155,7 @@ const setNativeInputValue = ({ api, state }) => () => {
   if (!input) {
     return;
   }
-  if (isSame(input.value, state.nativeInputValue)) {
+  if (input.value === state.nativeInputValue) {
     return;
   }
   input.value = state.nativeInputValue;
@@ -162,7 +173,9 @@ const handleCompositionEnd = ({ api, state }) => (event) => {
   }
 };
 const calcIconOffset = ({ CLASS_PREFIX, parent }) => (place) => {
-  const elList = [].slice.call(parent.$el.querySelectorAll(`.${CLASS_PREFIX.Input}${place}`) || []);
+  const elList = [].slice.call(
+    parent.$el.querySelectorAll(`.${CLASS_PREFIX.Input}${place}`) || []
+  );
   if (!elList.length) {
     return;
   }

package/input/vue.js

@@ -1,7 +1,7 @@
 import {
   __spreadProps,
   __spreadValues
-} from "../chunk-PKUHTIDK.js";
+} from "../chunk-G2ADBYYC.js";
 import {
   blur,
   showBox,
@@ -65,7 +65,15 @@ const api = [
   "handleEnterDisplayOnlyContent",
   "hiddenPassword"
 ];
-const initState = ({ reactive, computed, mode, props, parent, constants, api: api2 }) => {
+const initState = ({
+  reactive,
+  computed,
+  mode,
+  props,
+  parent,
+  constants,
+  api: api2
+}) => {
   const state = reactive({
     mode,
     focused: false,
@@ -111,7 +119,17 @@ const initState = ({ reactive, computed, mode, props, parent, constants, api: ap
   });
   return state;
 };
-const initApi = ({ api: api2, state, dispatch, broadcast, emit, refs, props, CLASS_PREFIX, parent }) => {
+const initApi = ({
+  api: api2,
+  state,
+  dispatch,
+  broadcast,
+  emit,
+  refs,
+  props,
+  CLASS_PREFIX,
+  parent
+}) => {
   Object.assign(api2, {
     state,
     dispatch,
@@ -130,7 +148,18 @@ const initApi = ({ api: api2, state, dispatch, broadcast, emit, refs, props, CLA
     getDisplayedValue: getDisplayedValue({ state, props })
   });
 };
-const mergeApi = ({ storages, api: api2, componentName, props, emit, eventName, nextTick, parent, state, refs }) => {
+const mergeApi = ({
+  storages,
+  api: api2,
+  componentName,
+  props,
+  emit,
+  eventName,
+  nextTick,
+  parent,
+  state,
+  refs
+}) => {
   const { storageData, isMemoryStorage, addMemory, searchMemory, selectedMemory } = storages;
   return Object.assign(api2, {
     addMemory,
@@ -167,7 +196,16 @@ const mergeApi = ({ storages, api: api2, componentName, props, emit, eventName,
     hiddenPassword: hiddenPassword({ state, props })
   });
 };
-const initWatch = ({ watch, state, api: api2, props, nextTick, emit, componentName, eventName }) => {
+const initWatch = ({
+  watch,
+  state,
+  api: api2,
+  props,
+  nextTick,
+  emit,
+  componentName,
+  eventName
+}) => {
   watch(
     () => props.modelValue,
     (value) => {

package/ip-address/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { KEY_CODE, IPTHRESHOLD } from "../common";
 const isIP6 = (str) => /^IPv6$/i.test(str);
 const isIP4 = (str) => /^IPv4$/i.test(str);

package/ip-address/vue.js

@@ -1,7 +1,7 @@
 import {
   __spreadProps,
   __spreadValues
-} from "../chunk-PKUHTIDK.js";
+} from "../chunk-G2ADBYYC.js";
 import {
   isIP6,
   isIP4,

package/layout/vue.js

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

package/link/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const handleClick = ({ emit, props, state }) => (event) => {
   if (!state.disabled && !props.href) {
     emit("click", event);

package/link/vue.js

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

package/link-menu/index.js

@@ -1,7 +1,7 @@
 import {
   __spreadProps,
   __spreadValues
-} from "../chunk-PKUHTIDK.js";
+} from "../chunk-G2ADBYYC.js";
 import { mapTree } from "../grid/static";
 import { copyArray } from "../common/object";
 const dialogTitle = ({ constants, props, t }) => () => props.title || t(constants.DIALOG_TITLE);

package/link-menu/vue.js

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

package/list/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const clickList = ({ emit, props }) => () => {
   const list = {
     id: props.id,

package/list/vue.js

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

package/loading/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import afterLeave from "../common/deps/after-leave";
 import { removeClass } from "../common/deps/dom";
 const handleAfterLeave = (emit) => () => {

package/loading/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { handleAfterLeave, setText, close } from "./index";
 const api = ["state", "handleAfterLeave", "setText", "close"];
 const renderless = (props, { reactive }, { constants, vm, emit }) => {

package/locales/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { xss } from "../common";
 const getLocales = ({ api, service, state }) => () => {
   Promise.all([service.getLocale(), service.getCurrentLocale()]).then(([locales, current]) => {
@@ -17,7 +17,7 @@ const switchLanguage = ({ api, state, service }) => (lang) => {
   const domain = service.getDomain();
   const hasMultiLocale = state.locales.length === 2;
   state.current = hasMultiLocale ? state.current = locales.indexOf(current) === 0 ? locales[1] : locales[0] : lang;
-  const expires = new Date(new Date().getTime() + 36e5).toGMTString();
+  const expires = new Date((/* @__PURE__ */ new Date()).getTime() + 36e5).toGMTString();
   const currLang = state.current.substring(0, 2) === "zh" ? "zh" : "en";
   document.cookie = `lang=${currLang};expires=${expires};domain=${domain};path=/`;
   api.setText();

package/locales/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { getLocales, setText, switchLanguage, initService, changeLocale } from "./index";
 const api = ["state", "switchLanguage", "t", "changeLocale"];
 const renderless = (props, { reactive, watch }, { t, service }, vnode) => {

package/logon-user/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const init = ({ service, state }) => () => {
   const { getUserInfo } = service;
   getUserInfo().then((user) => {

package/logon-user/vue.js

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

package/logout/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { xss } from "../common";
 const logout = ({ service, state, props }) => () => {
   let { isMock, isLocal, redirectUrl = "", getLogoutUrl, showLogin } = service;

package/logout/vue.js

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

package/milestone/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const hexToRgb = (hex) => {
   if (hex.includes("var")) {
     hex = hex.replace(/var\(|\)/g, "");
@@ -17,7 +17,7 @@ const hexToRgb = (hex) => {
 const handleClick = ({ emit }) => ({ index, node }) => {
   emit("click", index, node);
 };
-const flagOprate = ({ constants, refs, state }) => ({ event, over, text }) => {
+const flagOperate = ({ constants, refs, state }) => ({ event, over, text }) => {
   const tooltip = refs.tooltip;
   if (over) {
     const textEl = event.target.querySelector(constants.FLAG_CONTENT_CLS);
@@ -65,7 +65,7 @@ const handleFlagClick = (emit) => ({ idx, flag }) => {
   emit("flag-click", idx, flag);
 };
 export {
-  flagOprate,
+  flagOperate,
   getLineColor,
   getMileContent,
   getMileIcon,

package/milestone/vue.js

@@ -1,11 +1,11 @@
-import "../chunk-PKUHTIDK.js";
-import { handleClick, flagOprate, getMileIcon, getMileContent, getLineColor, handleFlagClick } from "./index";
+import "../chunk-G2ADBYYC.js";
+import { handleClick, flagOperate, getMileIcon, getMileContent, getLineColor, handleFlagClick } from "./index";
 const api = [
   "state",
   "showTip",
   "handleClick",
   "handleFlagClick",
-  "flagOprate",
+  "flagOperate",
   "getMileIcon",
   "getMileContent",
   "getMileFlagStyle",
@@ -23,7 +23,7 @@ const renderless = (props, { reactive }, { emit, refs, constants }) => {
     handleFlagClick: handleFlagClick(emit),
     handleClick: handleClick({ emit }),
     getMileIcon: getMileIcon({ constants, props }),
-    flagOprate: flagOprate({ constants, refs, state })
+    flagOperate: flagOperate({ constants, refs, state })
   };
   return api2;
 };

package/mini-picker/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const visibleHandle = (emit) => () => emit("update:visible", false);
 const watchVisible = (emit) => ({ state, value }) => {
   setTimeout(() => {

package/mini-picker/vue.js

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