@opentiny/vue-renderless 3.18.5 → 3.19.0

package/action-menu/index.js

@@ -9,14 +9,14 @@ const computedMaxShowNum = ({ props, state }) => () => {
     return 2;
   }
 };
-const computedSpacing = ({ props, state }) => () => {
+const computedSpacing = ({ props, state, designConfig }) => () => {
   if (props.spacing !== void 0) {
     return String(props.spacing).includes("px") ? props.spacing : props.spacing + "px";
   }
   if (state.isCardMode) {
     return "10px";
   } else {
-    return "5px";
+    return (designConfig == null ? void 0 : designConfig.props.spacing) || "8px";
   }
 };
 const computedMoreText = ({ props, state, t }) => () => {

package/action-menu/vue.js

@@ -9,7 +9,7 @@ import {
   computedSuffixIcon
 } from "./index";
 const api = ["state", "handleMoreClick", "handleItemClick", "visibleChange"];
-const renderless = (props, { computed, reactive }, { emit, t }) => {
+const renderless = (props, { computed, reactive }, { emit, t, designConfig }) => {
   const api2 = {};
   const state = reactive({
     visibleOptions: computed(() => props.options.slice(0, state.maxShowNum)),
@@ -26,7 +26,7 @@ const renderless = (props, { computed, reactive }, { emit, t }) => {
     handleItemClick: handleItemClick(emit),
     visibleChange: visibleChange(emit),
     computedMaxShowNum: computedMaxShowNum({ props, state }),
-    computedSpacing: computedSpacing({ props, state }),
+    computedSpacing: computedSpacing({ props, state, designConfig }),
     computedMoreText: computedMoreText({ props, state, t }),
     computedSuffixIcon: computedSuffixIcon({ props, state })
   });

package/anchor/index.js

@@ -94,7 +94,7 @@ const setChildOffsetTop = ({ state, props }) => {
   if (!((_a = props.links) == null ? void 0 : _a.length)) {
     return;
   }
-  state.offsetTop = ((_b = document.querySelector(props.links[0].link)) == null ? void 0 : _b.offsetTop) || 0;
+  state.childOffsetTop = ((_b = document.querySelector(props.links[0].link)) == null ? void 0 : _b.offsetTop) || 0;
 };
 const getContainer = ({ props }) => () => props.containerId && document.querySelector(props.containerId) || document.body;
 const mounted = ({ state, api, props, nextTick }) => () => {
@@ -118,12 +118,14 @@ const unmounted = ({ state, api }) => () => {
   }
 };
 const onItersectionObserver = ({ state, props, api, vm, emit }) => () => {
-  const { expandLink, scrollContainer } = state;
+  const { expandLink, scrollContainer, childOffsetTop } = state;
+  const { offsetTop } = props;
   state.currentLink && updateSkidPosition({ vm, state, emit });
+  const rootMargin = offsetTop ? `${-offsetTop}px 0px 0px 0px` : "";
   state.intersectionObserver = new IntersectionObserver(
     (entries) => {
       const { top } = scrollContainer.getBoundingClientRect();
-      const scrollStartTop = top + state.offsetTop;
+      const scrollStartTop = top + childOffsetTop + offsetTop;
       entries.forEach((item) => {
         const key = item.target.id;
         state.observerLinks[key] = item;
@@ -141,7 +143,7 @@ const onItersectionObserver = ({ state, props, api, vm, emit }) => () => {
       for (let key in state.observerLinks) {
         if (Object.prototype.hasOwnProperty.call(state.observerLinks, key)) {
           const item = state.observerLinks[key];
-          if (item.isIntersecting && item.intersectionRatio >= 0 && item.target.getBoundingClientRect().top < scrollStartTop) {
+          if (item.isIntersecting && item.intersectionRatio >= 0 && item.target.getBoundingClientRect().top <= scrollStartTop) {
             const link = `#${item.target.id}`;
             if (!expandLink[link].children) {
               api.getCurrentAnchor(link);
@@ -153,7 +155,7 @@ const onItersectionObserver = ({ state, props, api, vm, emit }) => () => {
         }
       }
     },
-    { root: scrollContainer, threshold: [0, 0.25, 0.5, 1] }
+    { root: scrollContainer, threshold: [0, 0.25, 0.5, 1], rootMargin }
   );
   addObserver({ props, state });
 };
@@ -169,7 +171,7 @@ const linkClick = ({ state, vm, emit, props, api }) => (e, item) => {
   setMarkClass({ state, props });
   if (scrollContainer && scrollContainer !== document.body && !isChangeHash) {
     const linkEl = scrollContainer.querySelector(item.link);
-    const top = (linkEl == null ? void 0 : linkEl.offsetTop) - scrollContainer.offsetTop;
+    const top = (linkEl == null ? void 0 : linkEl.getBoundingClientRect().top) - scrollContainer.getBoundingClientRect().top + scrollContainer.scrollTop - props.offsetTop;
     const param = { top, left: 0, behavior: "smooth" };
     scrollContainer == null ? void 0 : scrollContainer.scrollTo(param);
     scrollContainer == null ? void 0 : scrollContainer.addEventListener("scroll", api.handleScroll());

package/anchor/vue.js

@@ -30,7 +30,7 @@ const renderless = (props, { onMounted, onUnmounted, onUpdated, reactive, watch
     currentHash: "",
     isScroll: false,
     scrollTimer: 0,
-    offsetTop: 0
+    childOffsetTop: 0
   });
   Object.assign(api2, {
     state,

package/badge/index.js

@@ -1,10 +1,11 @@
 import "../chunk-G2ADBYYC.js";
-const computedContent = ({ props, state }) => () => typeof state.valueRef === "number" && typeof props.max === "number" ? props.max < state.valueRef ? `${props.max}+` : state.valueRef : state.valueRef;
+const computedContent = ({ props, state }) => () => (typeof props.value === "number" || typeof props.value === "string") && typeof props.max === "number" ? props.max < Number(state.valueRef) ? `${props.max}+` : state.valueRef : state.valueRef;
 const computedValueRef = ({ props }) => () => {
-  if (typeof props.value === "number") {
+  if (typeof props.value === "number" || typeof props.value === "string") {
     return props.value;
+  } else {
+    return void 0;
   }
-  return typeof props.modelValue === "number" ? props.modelValue : void 0;
 };
 const computedTransform = ({ designConfig, props }) => () => {
   if ((designConfig == null ? void 0 : designConfig.transform) === "unset") {

package/base-select/index.js

@@ -420,7 +420,7 @@ const resetInputHeight = ({ constants, nextTick, props, vm, state, api, designCo
     if (!state.isDisplayOnly && (props.hoverExpand || props.clickExpand) && !props.disabled) {
       api.calcCollapseTags();
     }
-    const sizeInMap = (designConfig == null ? void 0 : designConfig.state.initialInputHeight) || state.initialInputHeight || (state.isSaaSTheme ? 28 : 30);
+    const sizeInMap = (designConfig == null ? void 0 : designConfig.state.initialInputHeight) || state.initialInputHeight || 32;
     const noSelected = state.selected.length === 0;
     const spacingHeight = designConfig ? (_a = designConfig.state) == null ? void 0 : _a.spacingHeight : constants.SPACING_HEIGHT;
     if (!state.isDisplayOnly) {
@@ -1198,7 +1198,7 @@ const mounted = ({ api, parent, state, props, vm, designConfig }) => () => {
     document.activeElement.blur();
   }
   state.completed = true;
-  const defaultSizeMap = { default: 28, mini: 24, small: 32, medium: 40 };
+  const defaultSizeMap = { default: 32, mini: 24, small: 36, medium: 40 };
   const sizeMap = ((_a = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _a.sizeMap) || defaultSizeMap;
   if (props.multiple && Array.isArray(props.modelValue) && props.modelValue.length > 0) {
     state.currentPlaceholder = "";
@@ -1249,7 +1249,7 @@ const optmzApis = {
       vm.$refs.scrollbar.$el.querySelectorAll(
         '.tiny-recycle-scroller__slot, .tiny-recycle-scroller__item-view:not([style*="transform: translateY(-9999px) translateX(0px)"])'
       )
-    ).map((item) => item.querySelector(`[data-tag="tiny-select-dropdown-item"]:not(${querySelectKey})`)).filter((v) => v);
+    ).map((item) => item.querySelector(`[data-tag="tiny-option"]:not(${querySelectKey})`)).filter((v) => v);
   },
   setScrollTop: ({ refs, state }) => {
     const { optimizeStore } = state;

package/breadcrumb-item/vue.js

@@ -7,7 +7,7 @@ const renderless = (props, { reactive, inject, computed }, { refs, router, emit,
   const constants = breadcrumb._constants;
   const state = reactive({
     size: inject("size", null),
-    separator: computed(() => breadcrumb.separator || (designConfig == null ? void 0 : designConfig.separator) || ">")
+    separator: computed(() => breadcrumb.separator || (designConfig == null ? void 0 : designConfig.separator) || "/")
   });
   const api2 = {
     state,

package/bulletin-board/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { xss } from "../common/xss.js";
+import { xss } from "../common/xss";
 const getRoute = (route) => `/${route || ""}`.replace(/^\/+/, "/");
 const computedDataList = ({ props, state }) => () => {
   const list = props.data[Number(state.actName) - 1] || [];

package/button/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { xss } from "../common";
+import { xss } from "../common/xss";
 const handleClick = ({ emit, props, state }) => (event) => {
   const urlHref = xss.filterUrl(props.href);
   if (urlHref) {

package/button-group/index.js

@@ -23,7 +23,12 @@ const getItemClass = ({ props, state }) => (node) => {
   if (state.disabled || node.disabled) {
     return { disabled: true };
   }
-  return props.plain ? { plain: props.plain } : {};
+  return props.plain ? {
+    plain: props.plain,
+    medium: props.size === "medium",
+    small: props.size === "small",
+    mini: props.size === "mini"
+  } : {};
 };
 export {
   getItemClass,

package/carousel-item/index.js

@@ -46,7 +46,7 @@ const translateItem = ({ api, CARD_SCALE, parent, state, carouselParent }) => ({
   } else {
     state.active = index === activeIndex;
     if (length === 2 && !state.active) {
-      state.translate = vnode.type === TYPE_VERTICAL ? -parentHeight : -parentWidth;
+      state.translate = vnode.type === TYPE_VERTICAL ? parentHeight : parentWidth;
     } else {
       state.translate = vnode.type === TYPE_VERTICAL ? parentHeight * (index - activeIndex) : parentWidth * (index - activeIndex);
     }

package/cascader/vue.js

@@ -68,7 +68,8 @@ const initState = ({
   t,
   constants,
   vm,
-  inject
+  inject,
+  designConfig
 }) => {
   const state = reactive({
     showAutoWidth: inject("showAutoWidth", null),
@@ -102,7 +103,8 @@ const initState = ({
     collapseTagsLength: 0,
     isHidden: false,
     tooltipVisible: false,
-    tooltipContent: ""
+    tooltipContent: "",
+    tagTypeWhenMultiple: (designConfig == null ? void 0 : designConfig.tagTypeWhenMultiple) || ""
   });
   return state;
 };
@@ -206,7 +208,7 @@ const renderless = (props, {
   toRefs,
   watch,
   inject
-}, { t, emit, nextTick, constants, parent, slots, dispatch, vm }) => {
+}, { t, emit, nextTick, constants, parent, slots, dispatch, vm, designConfig }) => {
   parent.tinyForm = parent.tinyForm || inject("form", null);
   const { updatePopper } = userPopper({
     reactive,
@@ -228,7 +230,18 @@ const renderless = (props, {
     onDeactivated
   });
   const api2 = {};
-  const state = initState({ reactive, props, computed, parent, api: api2, t, constants, vm, inject });
+  const state = initState({
+    reactive,
+    props,
+    computed,
+    parent,
+    api: api2,
+    t,
+    constants,
+    vm,
+    inject,
+    designConfig
+  });
   initApi({ api: api2, state, constants, dispatch, emit, vm, props, updatePopper, nextTick, parent, t });
   initWatch({ watch, state, api: api2, props, nextTick, updatePopper });
   onBeforeUpdate(api2.handleBeforeUpdate);

package/chart-core/deps/utils.js

@@ -7,7 +7,7 @@ import { isObject, typeOf as getType, isNull } from "../../common/type";
 import _debounce from "../../common/deps/debounce";
 import _numerify from "./numerify";
 import { escapeHtml } from "../../common/string";
-import { xss } from "../../common";
+import { xss } from "../../common/xss";
 import { setObj, getObj, isEqual } from "../../common/object";
 import { typeOf, isObject as isObject2 } from "../../common/type";
 const debounce = (callback, delay) => _debounce(delay, false, callback);

package/checkbox/index.js

@@ -111,7 +111,7 @@ const computedIsGroupDisplayOnly = ({ state }) => () => state.isGroup && (state.
 const computedDisplayLabel = ({ state, props, t }) => () => {
   state.showLabel = true;
   if (props.trueLabel !== void 0 && props.falseLabel !== void 0) {
-    return props.modelValue ? String(props.trueLabel) : String(props.falseLabel);
+    return props.modelValue;
   } else {
     return props.modelValue ? t("yes") : t("no");
   }

package/common/deps/dom.js

@@ -170,6 +170,13 @@ const getScrollParent = (el, root = defaultRoot) => {
   }
   return root;
 };
+const useScrollParent = ({ onMounted, ref, watch }) => (elRef, root = defaultRoot) => {
+  const scrollParent = ref();
+  const setScrollParent = () => scrollParent.value = getScrollParent(elRef.value, root);
+  watch(elRef, setScrollParent);
+  onMounted(() => elRef.value && setScrollParent());
+  return scrollParent;
+};
 const isDisplayNone = (elm) => {
   if (isServer)
     return false;
@@ -205,5 +212,6 @@ export {
   preventDefault,
   removeClass,
   setStyle,
-  stopPropagation
+  stopPropagation,
+  useScrollParent
 };

package/common/deps/useWindowSize.js

@@ -0,0 +1,23 @@
+import "../../chunk-G2ADBYYC.js";
+import { on, isServer } from "./dom";
+let width;
+let height;
+const useWindowSize = (ref) => () => {
+  if (!width) {
+    width = ref(0);
+    height = ref(0);
+    if (!isServer) {
+      const update = () => {
+        width.value = window.innerWidth;
+        height.value = window.innerHeight;
+      };
+      update();
+      on(window, "resize", update, { passive: true });
+      on(window, "orientationchange", update, { passive: true });
+    }
+  }
+  return { width, height };
+};
+export {
+  useWindowSize
+};

package/common/deps/vue-popper.js

@@ -138,7 +138,7 @@ var vue_popper_default = (options) => {
   };
   const destroyPopper = (remove) => {
     if (remove) {
-      if (state.popperElm) {
+      if (state.popperElm && state.popperElm.parentNode === document.body) {
         off(state.popperElm, "click", stop);
         state.popperElm.remove();
       }

package/common/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { log as uLog, xss } from "./xss.js";
+import { log as uLog, xss } from "./xss";
 const KEY_CODE = {
   Backspace: 8,
   Tab: 9,
@@ -237,7 +237,7 @@ const CASCADER = {
   PropsHover: "hoverThreshold",
   MenuConnector: "cascader-menu-"
 };
-const version = "3.18.5";
+const version = "3.19.0";
 const log = (data, type = "log") => {
   uLog.logger[type](data);
 };

package/common/prop-util.js

@@ -0,0 +1,43 @@
+import "../chunk-G2ADBYYC.js";
+const unknownProp = null;
+const numericProp = [Number, String];
+const truthProp = {
+  type: Boolean,
+  default: true
+};
+const makeRequiredProp = (type) => ({
+  type,
+  required: true
+});
+const makeArrayProp = () => ({
+  type: Array,
+  default: () => []
+});
+const makeNumberProp = (defaultVal) => ({
+  type: Number,
+  default: defaultVal
+});
+const makeNumericProp = (defaultVal) => ({
+  type: numericProp,
+  default: defaultVal
+});
+const makeStringProp = (defaultVal) => ({
+  type: String,
+  default: defaultVal
+});
+const makeStringValidProp = (defaultVal, optionals = []) => ({
+  type: String,
+  default: defaultVal,
+  validator: (val) => optionals.includes(val)
+});
+export {
+  makeArrayProp,
+  makeNumberProp,
+  makeNumericProp,
+  makeRequiredProp,
+  makeStringProp,
+  makeStringValidProp,
+  numericProp,
+  truthProp,
+  unknownProp
+};

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.18.5";
+const version = "3.19.0";
 const Renderless = {
   browser,
   array,

package/crop/index.js

@@ -1,9 +1,7 @@
 import "../chunk-G2ADBYYC.js";
 import { on, off } from "../common/deps/dom";
 import { toFileSize } from "../common/string";
-const computedCropImages = ({ constants, t }) => () => t(constants.CROP_IMAGE);
 const watchImageSrc = (state) => (value) => state.src = value;
-const watchAlt = (state) => (value) => state.alt = value || "image";
 const watchVisible = ({ api, state }) => (value) => {
   if (value) {
     on(document.body, "keydown", api.shortcutKeys);
@@ -13,35 +11,38 @@ const watchVisible = ({ api, state }) => (value) => {
   state.cropvisible = value;
 };
 const shortcutKeys = (api) => (e) => {
-  if (e.keyCode == 187 && e.ctrlKey) {
+  if (e.keyCode === 187 && e.ctrlKey) {
     e.preventDefault();
     api.zoom(0.1);
   }
-  if (e.keyCode == 189 && e.ctrlKey) {
+  if (e.keyCode === 189 && e.ctrlKey) {
     e.preventDefault();
     api.zoom(-0.1);
   }
-  if (e.keyCode == 38 && e.ctrlKey) {
+  if (e.keyCode === 38 && e.ctrlKey) {
     e.preventDefault();
     api.move(0, 1);
   }
-  if (e.keyCode == 40 && e.ctrlKey) {
+  if (e.keyCode === 40 && e.ctrlKey) {
     e.preventDefault();
     api.move(0, -1);
   }
-  if (e.keyCode == 37 && e.ctrlKey) {
+  if (e.keyCode === 37 && e.ctrlKey) {
     e.preventDefault();
     api.move(1, 0);
   }
-  if (e.keyCode == 39 && e.ctrlKey) {
+  if (e.keyCode === 39 && e.ctrlKey) {
     e.preventDefault();
     api.move(-1, 0);
   }
+  if (e.keyCode === 27) {
+    e.preventDefault();
+    api.closeCrop();
+  }
 };
 const closeCrop = ({ emit, state }) => () => {
   emit("update:cropvisible", false);
   emit("update:visible", false);
-  state.cropImg = "";
 };
 const createCrop = ({ emit, props, refs, state }) => () => {
   const Cropper = props.plugin;
@@ -67,7 +68,6 @@ const createCrop = ({ emit, props, refs, state }) => () => {
     minCropBoxHeight: props.minCropBoxHeight,
     minContainerWidth: props.minContainerWidth,
     minContainerHeight: props.minContainerHeight,
-    preview: document.querySelectorAll(".croppreview"),
     ready() {
       emit("ready");
     },
@@ -88,19 +88,13 @@ const createCrop = ({ emit, props, refs, state }) => () => {
 const closeCropArea = (api) => () => api.clear();
 const clear = (state) => () => state.cropper.clear();
 const cropImage = ({ api, emit, props, state }) => () => {
-  state.cropImg = api.getCroppedCanvas().toDataURL("image/jpeg", props.quality);
+  const canvas = api.getCroppedCanvas();
   if (props.cropType.toLowerCase() === "base64") {
-    emit("cropdata", api.getCroppedCanvas().toDataURL("image/jpeg", props.quality));
+    emit("cropdata", canvas.toDataURL("image/jpeg", props.quality));
   } else if (props.cropType.toLowerCase() === "blob") {
-    let canvas = api.getCroppedCanvas();
-    canvas.toBlob(
-      (blobObj) => {
-        emit("cropdata", blobObj);
-      },
-      "image/jpeg",
-      props.quality
-    );
+    canvas.toBlob((blobObj) => emit("cropdata", blobObj), "image/jpeg", props.quality);
   }
+  api.closeCrop();
 };
 const getCroppedCanvas = (state) => () => state.cropper.getCroppedCanvas();
 const getCropBoxData = (state) => () => state.cropper.getCropBoxData();
@@ -144,7 +138,6 @@ export {
   clear,
   closeCrop,
   closeCropArea,
-  computedCropImages,
   createCrop,
   cropImage,
   destroy,
@@ -171,7 +164,6 @@ export {
   setImage,
   shortcutKeys,
   showFileChooser,
-  watchAlt,
   watchImageSrc,
   watchVisible,
   zoom

package/crop/vue.js

@@ -5,8 +5,6 @@ import {
   watchVisible,
   clear,
   replace,
-  computedCropImages,
-  watchAlt,
   getCroppedCanvas,
   setCanvasData,
   setDragMode,
@@ -66,62 +64,70 @@ const api = [
   "cropImage",
   "zoom"
 ];
-const initRenderIcon = (api2) => {
+const initRenderIcon = (api2, t) => {
   const renderIcon = [
     {
       method: () => api2.showFileChooser(),
-      icon: "IconNew"
+      icon: "IconNew",
+      title: t("ui.crop.choose")
     },
+    { split: true },
     {
-      method: () => api2.zoom(0.1),
-      icon: "IconZoomIn"
+      method: () => api2.zoom(-0.1),
+      icon: "IconZoomOut",
+      title: t("ui.crop.zoomOut")
     },
     {
-      method: () => api2.zoom(-0.1),
-      icon: "IconZoomOut"
+      method: () => api2.zoom(0.1),
+      icon: "IconZoomIn",
+      title: t("ui.crop.zoomIn")
     },
     {
       method: () => api2.rotate(-45),
-      icon: "IconRepeat"
+      icon: "IconRepeat",
+      title: t("ui.crop.rotate_45")
     },
     {
       method: () => api2.rotate(45),
-      icon: "IconRefres"
+      icon: "IconRefres",
+      title: t("ui.crop.rotate45")
     },
+    { split: true },
     {
       method: () => api2.closeCropArea(),
-      icon: "IconCrop"
+      icon: "IconCrop",
+      title: t("ui.crop.closeCropArea")
     },
     {
       method: () => api2.reset(),
-      icon: "IconConmentRefresh"
+      icon: "IconConmentRefresh",
+      title: t("ui.crop.reset")
     },
+    { split: true },
     {
-      method: () => api2.cropImage(),
-      icon: "IconYes"
+      method: () => api2.closeCrop(),
+      icon: "IconClose",
+      title: t("ui.crop.closeCrop")
     },
     {
-      method: () => api2.closeCrop(),
-      icon: "IconClose"
+      method: () => api2.cropImage(),
+      icon: "IconYes",
+      title: t("ui.crop.cropImage")
     }
   ];
   return renderIcon;
 };
-const initState = ({ reactive, props, computed, api: api2 }) => {
+const initState = ({ reactive, props, api: api2, t }) => {
   const state = reactive({
     src: props.src,
-    cropImg: "",
     cropper: "",
-    alt: props.alt,
     data: null,
     cropvisible: props.cropvisible,
-    renderIcon: initRenderIcon(api2),
-    previewShow: props.previewShow,
-    cropImages: computed(() => api2.computedCropImages())
+    renderIcon: initRenderIcon(api2, t)
   });
   return state;
 };
-const initApi = ({ api: api2, state, emit, refs, props, constants, t }) => {
+const initApi = ({ api: api2, state, emit, refs, props }) => {
   Object.assign(api2, {
     state,
     zoom: zoom(state),
@@ -138,7 +144,6 @@ const initApi = ({ api: api2, state, emit, refs, props, constants, t }) => {
     getData: getData(state),
     disable: disable(state),
     destroy: destroy(state),
-    watchAlt: watchAlt(state),
     setDragMode: setDragMode(state),
     getImageData: getImageData(state),
     watchImageSrc: watchImageSrc(state),
@@ -152,7 +157,7 @@ const initApi = ({ api: api2, state, emit, refs, props, constants, t }) => {
     getCroppedCanvas: getCroppedCanvas(state),
     getContainerData: getContainerData(state),
     createCrop: createCrop({ emit, props, refs, state }),
-    computedCropImages: computedCropImages({ constants, t }),
+    // computedCropImages: computedCropImages({ constants, t }),
     shortcutKeys: shortcutKeys(api2),
     closeCropArea: closeCropArea(api2),
     setImage: setImage({ api: api2, state, props }),
@@ -163,12 +168,11 @@ const initApi = ({ api: api2, state, emit, refs, props, constants, t }) => {
 const initWatch = ({ watch, props, api: api2 }) => {
   watch(() => props.cropvisible, api2.watchVisible);
   watch(() => props.src, api2.watchImageSrc, { immediate: true });
-  watch(() => props.alt, api2.watchAlt, { immediate: true });
 };
-const renderless = (props, { computed, onMounted, reactive, watch }, { t, emit, refs, constants }) => {
+const renderless = (props, { onMounted, reactive, watch }, { emit, refs, t }) => {
   const api2 = {};
-  const state = initState({ reactive, props, computed, api: api2 });
-  initApi({ api: api2, state, emit, refs, props, constants, t });
+  const state = initState({ reactive, props, api: api2, t });
+  initApi({ api: api2, state, emit, refs, props });
   onMounted(api2.createCrop);
   initWatch({ watch, props, api: api2 });
   return api2;

package/date-panel/index.js

@@ -219,8 +219,18 @@ const dateToLocaleStringForIE = (timezone, value) => {
   const offsetTime = new Date(value).getTime() + offsetTimezone * 36e5;
   return new Date(offsetTime);
 };
-const changeToNow = ({ api, state }) => () => {
-  const now = /* @__PURE__ */ new Date();
+const getNowTime = ({ props }) => () => {
+  return new Promise((resolve) => {
+    resolve(props.nowClick());
+  }).then((res) => {
+    return res;
+  });
+};
+const changeToNow = ({ api, state, props }) => async () => {
+  let now = /* @__PURE__ */ new Date();
+  if (props.nowClick !== void 0) {
+    now = await api.getNowTime();
+  }
   const timezone = state.timezone;
   const isServiceTimezone = timezone.isServiceTimezone;
   let disabledDate = !state.disabledDate;
@@ -442,6 +452,7 @@ export {
   getDefaultValue,
   getDisabledConfirm,
   getDisabledNow,
+  getNowTime,
   getRenderTz,
   getYearLabel,
   handleClear,