@opentiny/vue-renderless 3.28.1 → 3.29.0

package/select/vue.js

@@ -116,10 +116,10 @@ import {
   computedCurrentSizeMap,
   watchOptionsWhenAutoSelect
 } from "./index";
-import { debounce, nanoid } from "@opentiny/utils";
+import { debounce } from "@opentiny/utils";
 import { isNumber } from "@opentiny/utils";
 import { useUserAgent } from "@opentiny/vue-hooks";
-import { isServer } from "@opentiny/utils";
+import { isServer, nanoid } from "@opentiny/utils";
 const api = [
   "state",
   "nodeCollapse",
@@ -288,7 +288,8 @@ const initState = ({
     currentSizeMap: computed(() => api2.computedCurrentSizeMap()),
     rootAutoTipConfig: computed(() => __spreadValues({
       content: state.displayOnlyContent,
-      always: !!state.displayOnlyContent
+      always: !!state.displayOnlyContent,
+      popperClass: "tiny-select__popper-maxh-50"
     }, props.tooltipConfig)),
     ariaListId: "tiny-select-" + nanoid.api.nanoid(8)
   }));
@@ -506,7 +507,7 @@ const addApi = ({
     debouncRquest: debouncRquest({ api: api2, state, props }),
     defaultOnQueryChange: defaultOnQueryChange({ props, state, constants, api: api2, nextTick, vm }),
     queryChange: queryChange({ props, state, constants, api: api2, nextTick, vm }),
-    mounted: mounted({ api: api2, parent, state, props, vm, designConfig }),
+    mounted: mounted({ api: api2, parent, state, props, vm, designConfig, nextTick }),
     unMount: unMount({ api: api2, parent, vm, state }),
     watchOptimizeOpts: watchOptimizeOpts({ props, state }),
     handleDropdownClick: handleDropdownClick({ props, vm, state, emit }),

package/statistic/index.js

@@ -8,7 +8,7 @@ const getIntegerAndDecimal = ({ props }) => () => {
   if (isFunction(props.formatter)) {
     return props.formatter(props.value);
   }
-  if (!isNumber(props.value)) {
+  if (typeof props.value !== "number") {
     return props.value;
   }
   let displayValue = String(props.value).split(".");
@@ -26,7 +26,54 @@ const getIntegerAndDecimal = ({ props }) => () => {
   }
   return [integer, decimal].join(decimal ? "." : "");
 };
+const animateValue = ({ props, state }) => () => {
+  if (!props.useAnimation)
+    return;
+  let AnimationId = null;
+  const start = props.startValue;
+  const end = Number(props.value);
+  const duration = props.duration;
+  if (Number.isNaN(end)) {
+    state.animatingValue = props.value;
+    return;
+  }
+  const startTime = performance.now();
+  const cancel = () => {
+    if (AnimationId) {
+      cancelAnimationFrame(AnimationId);
+      AnimationId = null;
+    }
+  };
+  if (AnimationId) {
+    cancel();
+  }
+  const getDecimalPlaces = (num) => {
+    if (Math.floor(num) === num)
+      return 0;
+    const decimalPart = num.toString().split(".")[1];
+    return decimalPart ? decimalPart.length : 0;
+  };
+  const decimalPlaces = getDecimalPlaces(end);
+  const multiplier = 10 ** decimalPlaces;
+  const animate = (currentTime) => {
+    const elapsed = currentTime - startTime;
+    const progress = Math.min(elapsed / duration, 1);
+    const easeOutExpo = (t) => t === 1 ? 1 : 1 - 2 ** (-10 * t);
+    const current = start + (end - start) * easeOutExpo(progress);
+    state.animatingValue = Math.round(current * multiplier) / multiplier;
+    if (progress < 1) {
+      AnimationId = requestAnimationFrame(animate);
+    } else {
+      state.animatingValue = end;
+      AnimationId = null;
+    }
+  };
+  AnimationId = requestAnimationFrame(() => {
+    AnimationId = requestAnimationFrame(animate);
+  });
+};
 export {
+  animateValue,
   getIntegerAndDecimal,
   isNumber
 };

package/statistic/vue.js

@@ -1,17 +1,37 @@
-import "../chunk-G2ADBYYC.js";
-import { getIntegerAndDecimal } from "./index";
-const api = ["state", "getIntegerAndDecimal"];
+import {
+  __spreadProps,
+  __spreadValues
+} from "../chunk-G2ADBYYC.js";
+import { getIntegerAndDecimal, animateValue } from "./index";
+const api = ["state", "getIntegerAndDecimal", "animateValue"];
 const renderless = (props, hooks) => {
-  const api2 = {
-    getIntegerAndDecimal: getIntegerAndDecimal({ props })
-  };
-  const { reactive, computed } = hooks;
+  const { reactive, computed, watch } = hooks;
   const state = reactive({
-    value: computed(() => api2.getIntegerAndDecimal(props))
-  });
-  Object.assign(api2, {
-    state
+    value: computed(() => api2.getIntegerAndDecimal(props)),
+    animatingValue: props.value,
+    displayValue: computed(() => {
+      if (props.useAnimation) {
+        const tempProps = __spreadProps(__spreadValues({}, props), { value: state.animatingValue });
+        return getIntegerAndDecimal({ props: tempProps })();
+      }
+      return state.value;
+    })
   });
+  const api2 = {
+    state,
+    getIntegerAndDecimal: getIntegerAndDecimal({ props }),
+    animateValue: animateValue({ props, state })
+  };
+  watch(
+    () => props.value,
+    (newVal) => {
+      if (props.useAnimation) {
+        state.animatingValue = props.startValue;
+        api2.animateValue();
+      }
+    },
+    { immediate: true }
+  );
   return api2;
 };
 export {

package/tag-group/index.js

@@ -26,6 +26,9 @@ const getHiddenTags = ({ props, vm, state }) => () => {
   Array.from(tags).forEach((el, index) => {
     const item = props.data[index];
     const element = el;
+    if (element.offsetHeight === 0) {
+      return;
+    }
     if (element.offsetTop >= element.offsetHeight && item) {
       state.hiddenTags.push(__spreadValues({}, item));
     }

package/tag-input/index.js

@@ -0,0 +1,91 @@
+import "../chunk-G2ADBYYC.js";
+const addTag = ({ emit, props, state }) => () => {
+  const value = state.currentValue.trim();
+  if (!value) {
+    return;
+  }
+  if (state.tagList.length >= props.max) {
+    state.currentValue = "";
+    return;
+  }
+  const tags = [...state.tagList || []];
+  let newTags = [value];
+  if (props.separator !== void 0) {
+    newTags = value.split(props.separator).filter((val) => val);
+  }
+  tags.push(...newTags);
+  state.tagList = tags;
+  emit("update:modelValue", tags);
+  state.currentValue = "";
+};
+const removeTag = ({ emit, props, state }) => (index) => {
+  state.tagList.splice(index, 1);
+  emit("update:modelValue", state.tagList);
+};
+const handleBackspace = ({ emit, props, state }) => () => {
+  if (state.currentValue === "") {
+    state.tagList.pop();
+    emit("update:modelValue", state.tagList);
+  }
+};
+const handleClear = ({ emit, props, state }) => () => {
+  state.tagList = [];
+  emit("update:modelValue", state.tagList);
+  state.currentValue = "";
+};
+const handleMouseOver = ({ state }) => (event) => {
+  state.isHovering = true;
+};
+const handleMouseLeave = ({ state }) => () => {
+  state.isHovering = false;
+};
+const handleInputFocus = ({ state }) => () => {
+  state.isFocused = true;
+};
+const handleInputBlur = ({ state }) => () => {
+  state.isFocused = false;
+};
+const handleDragStart = ({ state }) => (index, event) => {
+  var _a;
+  state.draggingIndex = index;
+  if (event.target) {
+    (_a = event.dataTransfer) == null ? void 0 : _a.setData("text/plain", event.target);
+    event.dataTransfer.effectAllowed = "move";
+  }
+};
+const handleDragOver = () => (index, event) => {
+  event.preventDefault();
+  event.dataTransfer.dropEffect = "move";
+};
+const handleDragEnter = ({ state, emit }) => (index, event) => {
+  event.preventDefault();
+  if (index === state.draggingIndex)
+    return;
+  state.dragTargetIndex = index;
+};
+const handleDrop = ({ emit, props, state }) => (index, event) => {
+  var _a;
+  event.preventDefault();
+  const newTags = [...(_a = state.tagList) != null ? _a : []];
+  const draggingTag = newTags[state.draggingIndex];
+  newTags.splice(state.draggingIndex, 1);
+  newTags.splice(state.dragTargetIndex, 0, draggingTag);
+  state.draggingIndex = null;
+  state.dragTargetIndex = null;
+  state.tagList = newTags;
+  emit("update:modelValue", newTags);
+};
+export {
+  addTag,
+  handleBackspace,
+  handleClear,
+  handleDragEnter,
+  handleDragOver,
+  handleDragStart,
+  handleDrop,
+  handleInputBlur,
+  handleInputFocus,
+  handleMouseLeave,
+  handleMouseOver,
+  removeTag
+};

package/tag-input/vue.js

@@ -0,0 +1,72 @@
+import "../chunk-G2ADBYYC.js";
+import {
+  addTag,
+  removeTag,
+  handleBackspace,
+  handleClear,
+  handleMouseLeave,
+  handleMouseOver,
+  handleInputFocus,
+  handleInputBlur,
+  handleDragEnter,
+  handleDragStart,
+  handleDragOver,
+  handleDrop
+} from "./index";
+const api = [
+  "addTag",
+  "removeTag",
+  "state",
+  "handleBackspace",
+  "handleClear",
+  "handleMouseLeave",
+  "handleMouseOver",
+  "handleInputFocus",
+  "handleInputBlur",
+  "handleDragStart",
+  "handleDragOver",
+  "handleDragEnter",
+  "handleDrop"
+];
+const renderless = (props, { reactive, computed, ref }, { emit, parent }) => {
+  const state = reactive({
+    currentValue: "",
+    tagList: props.modelValue || [],
+    disabled: computed(() => props.disabled),
+    closeable: computed(() => !props.readonly && !props.disabled),
+    showClearIcon: computed(() => {
+      return props.clearable && !props.readonly && !props.disabled && (state.isHovering || state.isFocused) && ((props.modelValue || []).length > 0 || state.currentValue);
+    }),
+    showTagList: computed(() => {
+      const limit = props.minCollapsedNum < props.max ? props.minCollapsedNum : props.max;
+      return (state.tagList || []).slice(0, limit);
+    }),
+    collapsedTagList: computed(() => {
+      return props.minCollapsedNum < props.max ? (state.tagList || []).slice(props.minCollapsedNum) : [];
+    }),
+    isHovering: false,
+    isFocused: false,
+    draggingIndex: null,
+    dragTargetIndex: null
+  });
+  const api2 = {
+    state,
+    addTag: addTag({ emit, props, state }),
+    removeTag: removeTag({ emit, props, state }),
+    handleBackspace: handleBackspace({ emit, props, state }),
+    handleClear: handleClear({ emit, props, state }),
+    handleMouseLeave: handleMouseLeave({ state }),
+    handleMouseOver: handleMouseOver({ state }),
+    handleInputBlur: handleInputBlur({ state }),
+    handleInputFocus: handleInputFocus({ state }),
+    handleDragStart: handleDragStart({ emit, props, state }),
+    handleDragOver: handleDragOver(),
+    handleDragEnter: handleDragEnter({ emit, state }),
+    handleDrop: handleDrop({ emit, props, state })
+  };
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/time/index.js

@@ -19,11 +19,32 @@ const watchVisible = ({ nextTick, vm, state, api }) => (value) => {
       state.oldValue = state.value;
       vm.$refs.spinner.emitSelectRange("hours");
       api.adjustSpinners();
+      api.adjustPosition();
     });
   } else {
     state.needInitAdjust = true;
   }
 };
+const adjustPosition = ({ vm, state }) => () => {
+  const panel = vm.$el;
+  if (!panel)
+    return;
+  const parentElement = panel.parentElement;
+  if (!parentElement)
+    return;
+  const parentRect = parentElement.getBoundingClientRect();
+  const viewportWidth = window.innerWidth || document.documentElement.clientWidth;
+  const panelWidth = panel.offsetWidth || 240;
+  const wouldOverflowRight = parentRect.left + panelWidth > viewportWidth;
+  const wouldOverflowLeft = parentRect.right - panelWidth < 0;
+  if (wouldOverflowRight && !wouldOverflowLeft) {
+    state.alignDirection = "right";
+  } else if (wouldOverflowLeft && !wouldOverflowRight) {
+    state.alignDirection = "left";
+  } else {
+    state.alignDirection = "";
+  }
+};
 const handleCancel = ({ state, emit }) => () => {
   emit("pick", state.oldValue, false);
 };
@@ -75,6 +96,7 @@ const displayValue = ({ state, t }) => () => {
   return formattedValue;
 };
 export {
+  adjustPosition,
   adjustSpinners,
   changeSelectionRange,
   displayValue,

package/time/vue.js

@@ -10,11 +10,20 @@ import {
   handleChange,
   setSelectionRange,
   displayValue,
-  handleConfirm
+  handleConfirm,
+  adjustPosition
 } from "./index";
 import { compuAmPmMode } from "../time-range";
 import { isDate1 as isDate } from "@opentiny/utils";
-const api = ["state", "handleChange", "setSelectionRange", "handleCancel", "handleConfirm", "adjustSpinners"];
+const api = [
+  "state",
+  "handleChange",
+  "setSelectionRange",
+  "handleCancel",
+  "handleConfirm",
+  "adjustSpinners",
+  "adjustPosition"
+];
 const initState = ({ reactive, props, computed, api: api2 }) => {
   const state = reactive({
     popperClass: "",
@@ -30,6 +39,8 @@ const initState = ({ reactive, props, computed, api: api2 }) => {
     visible: false,
     showTimePickerButton: false,
     needInitAdjust: true,
+    alignDirection: "",
+    // 对齐方向: 'left', 'right', 或 '' (默认)
     displayValue: computed(() => api2.displayValue()),
     showSeconds: computed(() => (state.format || "").includes("ss")),
     useArrow: computed(() => state.arrowControl || props.timeArrowControl || false),
@@ -48,6 +59,7 @@ const renderless = (props, { computed, onMounted, reactive, watch, nextTick }, {
     state,
     compuAmPmMode: compuAmPmMode(state),
     adjustSpinners: adjustSpinners(vm),
+    adjustPosition: adjustPosition({ vm, state }),
     handleCancel: handleCancel({ state, emit }),
     setSelectionRange: setSelectionRange({ state, emit }),
     watchVisible: watchVisible({ nextTick, vm, state, api: api2 }),

package/types/alert.type.d.ts

@@ -113,6 +113,8 @@ interface IAlertState {
     contentDefaultHeight: number;
     contentMaxHeight: number;
     scrollStatus: boolean;
+    titleId: string;
+    contentId: string;
 }
 type IAlertProps = ExtractPropTypes<typeof alertProps>;
 type IAlertConstants = typeof $constants;

package/types/button-group.type.d.ts

@@ -33,6 +33,11 @@ declare const buttonGroupProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    displayMode: {
+        type: PropType<"default" | "merged">;
+        default: string;
+        validator: (val: string) => boolean;
+    };
     tiny_mode: StringConstructor;
     tiny_mode_root: BooleanConstructor;
     tiny_template: (FunctionConstructor | ObjectConstructor)[];

package/types/date-picker.type.d.ts

@@ -120,7 +120,7 @@ declare const datePickerProps: {
             underlay: {
                 type: ObjectConstructor;
             };
-        }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        }, () => _opentiny_vue_common.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<_opentiny_vue_common.ExtractPropTypes<{
             shape: {

package/types/dialog-box.type.d.ts

@@ -208,6 +208,8 @@ interface IDialogBoxState {
     rendered?: boolean;
     mouseUpWrapperFlag: boolean;
     mouseDownWrapperFlag: boolean;
+    titleId: string;
+    contentId: string;
 }
 interface IDialogBoxApi {
     state: IDialogBoxState;

package/types/drawer.type.d.ts

@@ -80,6 +80,7 @@ declare const computedWidth: ({ state, designConfig, props, constants }: Pick<ID
 declare const close: ({ api }: {
     api: IDrawerApi;
 }) => (force?: boolean) => void;
+declare const closed: ({ state, emit }: Pick<IDrawerRenderlessParams, 'state' | 'emit'>) => () => void;
 declare const watchVisible: ({ state, api }: Pick<IDrawerRenderlessParams, 'state' | 'api'>) => (value: boolean) => void;
 declare const open: ({ state, emit, vm }: Pick<IDrawerRenderlessParams, 'state' | 'emit' | 'vm'>) => () => void;
 declare const confirm: ({ api }: {
@@ -124,6 +125,7 @@ interface IDrawerApi {
     open: ReturnType<typeof open>;
     confirm: ReturnType<typeof confirm>;
     close: ReturnType<typeof close>;
+    closed: ReturnType<typeof closed>;
     mousemove: ReturnType<typeof mousemove>;
     mouseup: ReturnType<typeof mouseup>;
     mousedown: ReturnType<typeof mousedown>;

package/types/{dropdown-item.type-b3ced3ce.d.ts → dropdown-item.type-f83b014f.d.ts}

@@ -82,7 +82,7 @@ declare const dropdownItemProps: {
         type: StringConstructor;
         default: string;
     };
-    effect: {
+    tipEffect: {
         type: StringConstructor;
         default: string;
     };

package/types/dropdown-item.type.d.ts

@@ -1,4 +1,4 @@
 import 'vue';
-export { k as IDropdownItemApi, i as IDropdownItemConstants, q as IDropdownItemMfDataStore, p as IDropdownItemOptionStyle, h as IDropdownItemProps, m as IDropdownItemRenderlessParamUtils, l as IDropdownItemRenderlessParams, j as IDropdownItemState, n as IDropdownItemStyle, o as IDropdownItemTag, g as IDropdownItemVm } from './dropdown-item.type-b3ced3ce.js';
+export { k as IDropdownItemApi, i as IDropdownItemConstants, q as IDropdownItemMfDataStore, p as IDropdownItemOptionStyle, h as IDropdownItemProps, m as IDropdownItemRenderlessParamUtils, l as IDropdownItemRenderlessParams, j as IDropdownItemState, n as IDropdownItemStyle, o as IDropdownItemTag, g as IDropdownItemVm } from './dropdown-item.type-f83b014f.js';
 import './shared.type.js';
 import './dropdown.type.js';

package/types/dropdown-menu.type.d.ts

@@ -1,4 +1,4 @@
 import 'vue';
-export { b as IDropdownMenuApi, e as IDropdownMenuPopperParams, I as IDropdownMenuProps, d as IDropdownMenuRenderlessParamUtils, c as IDropdownMenuRenderlessParams, a as IDropdownMenuState, f as IDropdownMenuVm } from './dropdown-item.type-b3ced3ce.js';
+export { b as IDropdownMenuApi, e as IDropdownMenuPopperParams, I as IDropdownMenuProps, d as IDropdownMenuRenderlessParamUtils, c as IDropdownMenuRenderlessParams, a as IDropdownMenuState, f as IDropdownMenuVm } from './dropdown-item.type-f83b014f.js';
 import './shared.type.js';
 import './dropdown.type.js';

package/types/file-upload.type.d.ts

@@ -1,3 +1,3 @@
 import 'vue';
-export { C as IFileUploadAfterDownload, m as IFileUploadApi, D as IFileUploadBatchSegmentDownload, y as IFileUploadBatchSegmentUpload, a as IFileUploadConstants, w as IFileUploadDownloadFileInner, x as IFileUploadDownloadFileSingle, u as IFileUploadDownloadFileSingleInner, t as IFileUploadEdmDownload, s as IFileUploadFile, A as IFileUploadGetFormData, v as IFileUploadLargeDocumentDownload, r as IFileUploadModalVm, o as IFileUploadProps, p as IFileUploadRenderlessParamUtils, q as IFileUploadRenderlessParams, z as IFileUploadSegmentUploadInner, n as IFileUploadService, B as IFileUploadSetWriterFile, E as IFileUploadSliceDownloadChunk, l as IFileUploadState, F as IFileUploadStreamsaver, I as IFileUploadVm } from './upload-list.type-36a8374a.js';
+export { C as IFileUploadAfterDownload, m as IFileUploadApi, D as IFileUploadBatchSegmentDownload, y as IFileUploadBatchSegmentUpload, a as IFileUploadConstants, w as IFileUploadDownloadFileInner, x as IFileUploadDownloadFileSingle, u as IFileUploadDownloadFileSingleInner, t as IFileUploadEdmDownload, s as IFileUploadFile, A as IFileUploadGetFormData, v as IFileUploadLargeDocumentDownload, r as IFileUploadModalVm, o as IFileUploadProps, p as IFileUploadRenderlessParamUtils, q as IFileUploadRenderlessParams, z as IFileUploadSegmentUploadInner, n as IFileUploadService, B as IFileUploadSetWriterFile, E as IFileUploadSliceDownloadChunk, l as IFileUploadState, F as IFileUploadStreamsaver, I as IFileUploadVm } from './upload-list.type-d5ff675d.js';
 import './shared.type.js';

package/types/form-item.type.d.ts

@@ -1,3 +1,3 @@
 import 'vue';
-export { i as IFormItemApi, f as IFormItemConstants, I as IFormItemDisplayedValueParam, k as IFormItemInstance, c as IFormItemLabelStyle, g as IFormItemProps, j as IFormItemRenderlessParamUtils, h as IFormItemRenderlessParams, d as IFormItemRule, e as IFormItemState, b as IFormItemTrigger, a as IFormItemValidateStatus } from './form.type-a54e1c06.js';
+export { i as IFormItemApi, f as IFormItemConstants, I as IFormItemDisplayedValueParam, k as IFormItemInstance, c as IFormItemLabelStyle, g as IFormItemProps, j as IFormItemRenderlessParamUtils, h as IFormItemRenderlessParams, d as IFormItemRule, e as IFormItemState, b as IFormItemTrigger, a as IFormItemValidateStatus } from './form.type-e0db2f7c.js';
 import './shared.type.js';

package/types/{form.type-a54e1c06.d.ts → form.type-e0db2f7c.d.ts}

@@ -137,6 +137,10 @@ declare const formItemProps: {
     };
     messageType: StringConstructor;
     label: StringConstructor;
+    labelLine: {
+        type: NumberConstructor;
+        default: number;
+    };
     labelWidth: StringConstructor;
     manual: BooleanConstructor;
     popperOptions: {
@@ -293,6 +297,10 @@ interface IFormItemState {
     isErrorBlock: boolean;
     tooltipType: string;
     isMultiple: boolean;
+    errorId: string;
+    labelId: string;
+    disabled?: boolean;
+    inlineMessage?: boolean | string;
 }
 type IFormItemConstants = typeof $constants;
 type IFormItemProps = ExtractPropTypes<typeof formItemProps>;
@@ -332,6 +340,7 @@ interface IFormItemApi {
     onFieldChange: ReturnType<typeof onFieldChange>;
     addValidateEvents: ReturnType<typeof addValidateEvents>;
     validate: ReturnType<typeof validate$1>;
+    validateOrigin: ReturnType<typeof validate$1>;
     getDisplayedValue: ReturnType<typeof getDisplayedValue>;
     clearDisplayedValue: ReturnType<typeof clearDisplayedValue>;
     handleMouseenter: ReturnType<typeof handleMouseenter>;

package/types/form.type.d.ts

@@ -1,3 +1,3 @@
 import 'vue';
-export { p as IFormApi, r as IFormInstance, n as IFormProps, q as IFormRenderlessParamUtils, o as IFormRenderlessParams, l as IFormRules, m as IFormState } from './form.type-a54e1c06.js';
+export { p as IFormApi, r as IFormInstance, n as IFormProps, q as IFormRenderlessParamUtils, o as IFormRenderlessParams, l as IFormRules, m as IFormState } from './form.type-e0db2f7c.js';
 import './shared.type.js';

package/types/input.type.d.ts

@@ -248,7 +248,7 @@ declare const calculateNodeStyling: () => (targetElement: HTMLElement) => {
     borderSize: number;
     boxSizing: string;
 };
-declare const calcTextareaHeight: ({ api, hiddenTextarea, props, state, mode, constants }: Pick<IInputRenderlessParams, "mode" | "props" | "state" | "api" | "constants"> & {
+declare const calcTextareaHeight: ({ api, hiddenTextarea, props, state, mode, constants }: Pick<IInputRenderlessParams, "state" | "props" | "mode" | "api" | "constants"> & {
     hiddenTextarea: HTMLTextAreaElement | null;
 }) => (targetElement: HTMLTextAreaElement, minRows?: number, maxRows?: null) => {
     minHeight?: string | undefined;

package/types/modal.type.d.ts

@@ -190,6 +190,8 @@ interface IModalState {
     prevEvent: null | Event;
     options: any[];
     theme: string | undefined;
+    titleId: string;
+    contentId: string;
 }
 type IModalProps = ExtractPropTypes<typeof modalProps>;
 type IModalConstants = typeof $constants;

package/types/popeditor.type.d.ts

@@ -94,7 +94,7 @@ declare const popeditorProps: {
             underlay: {
                 type: ObjectConstructor;
             };
-        }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        }, () => _opentiny_vue_common.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<_opentiny_vue_common.ExtractPropTypes<{
             shape: {
@@ -136,7 +136,7 @@ declare const popeditorProps: {
             underlay: {
                 type: ObjectConstructor;
             };
-        }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        }, () => _opentiny_vue_common.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<_opentiny_vue_common.ExtractPropTypes<{
             shape: {

package/types/popover.type.d.ts

@@ -93,7 +93,7 @@ declare const popoverProps: {
  *
  */
 
-declare const mounted: ({ api, state, constants, props, nextTick, mode }: Pick<IPopoverRenderlessParams, "mode" | "props" | "state" | "api" | "nextTick"> & {
+declare const mounted: ({ api, state, constants, props, nextTick, mode }: Pick<IPopoverRenderlessParams, "state" | "props" | "nextTick" | "mode" | "api"> & {
     constants: {
         IDPREFIX: string;
     };

package/types/rate.type.d.ts

@@ -99,6 +99,10 @@ declare const rateProps: {
         type: StringConstructor;
         default: string;
     };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     tiny_mode: StringConstructor;
     tiny_mode_root: BooleanConstructor;
     tiny_template: (FunctionConstructor | ObjectConstructor)[];

package/types/search.type.d.ts

@@ -100,6 +100,7 @@ interface ISearchState {
     showClear: boolean;
     formItemSize: string;
     searchSize: string;
+    instanceId: string;
 }
 type ISearchProps = ExtractPropTypes<typeof searchProps>;
 type ISearchRenderlessParams = ISharedRenderlessFunctionParams<never> & {

package/types/statistic.type.d.ts

@@ -27,6 +27,18 @@ declare const statisticProps: {
         type: StringConstructor;
         default: string;
     };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    startValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    useAnimation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     tiny_mode: StringConstructor;
     tiny_mode_root: BooleanConstructor;
     tiny_template: (FunctionConstructor | ObjectConstructor)[];
@@ -39,10 +51,14 @@ declare const statisticProps: {
 type IStatisticProps = ExtractPropTypes<typeof statisticProps>;
 type IStatisticConstants = typeof $constants;
 interface IStatisticState {
-    getIntegerAndDecimal: number | string;
+    value: string | number;
+    animatingValue: number | string;
+    IStatisticState: number | string;
 }
 interface IStatisticApi {
+    state: IStatisticState;
     getIntegerAndDecimal: (value: string | number) => string | undefined;
+    animateValue: () => void;
 }
 type IStatisticPcRenderlessParams = ISharedRenderlessFunctionParams<never> & {
     state: IStatisticState;