@opentiny/vue-renderless 3.13.0 → 3.13.1

package/cascader/index.js

@@ -268,7 +268,7 @@ const calcCollapseTags = ({ state, refs, nextTick }) => () => {
       const collapseTagWidth = tagsLength && parseFloat(collapseTagContentWidth) + parseFloat(marginRight) + parseFloat(marginLeft);
       const tags = Array.from(content.querySelectorAll(".tiny-tag"));
       let { total, dom, idx } = { total: collapseTagWidth, dom: null, idx: 0 };
-      tags.some((tag, index) => {
+      tags.forEach((tag, index) => {
         if (tag !== tagsLength) {
           const { width: tagContentWidth, marginRight: marginRight2, marginLeft: marginLeft2 } = tag && window.getComputedStyle(tag);
           total += parseFloat(tagContentWidth) + parseFloat(marginRight2) + parseFloat(marginLeft2);
@@ -399,7 +399,8 @@ const updateStyle = ({ parent, refs, state, updatePopper, nextTick, props }) =>
   }
   const tags = $el.querySelector(CASCADER.TagClass);
   let suggestionPanelEl = null;
-  if (suggestionPanel && (suggestionPanelEl = suggestionPanel.$el)) {
+  if (suggestionPanel) {
+    suggestionPanelEl = suggestionPanel.$el;
     const suggestionList = suggestionPanelEl.querySelector(CASCADER.ListClass);
     suggestionList.style.minWidth = inputInner.offsetWidth + "px";
   }

package/common/deps/popper.js

@@ -68,6 +68,22 @@ const isScrollElement = (el) => {
   const scrollTypes = ["scroll", "auto"];
   return scrollTypes.includes(getStyleComputedProperty(el, "overflow")) || scrollTypes.includes(getStyleComputedProperty(el, "overflow-x")) || scrollTypes.includes(getStyleComputedProperty(el, "overflow-y"));
 };
+const getAdjustOffset = (parent) => {
+  const placeholder = document.createElement("div");
+  setStyle(placeholder, {
+    opacity: 0,
+    position: "fixed",
+    width: 1,
+    height: 1,
+    top: 0,
+    left: 0,
+    "z-index": "-99"
+  });
+  parent.appendChild(placeholder);
+  const result = getBoundingClientRect(placeholder);
+  parent.removeChild(placeholder);
+  return result;
+};
 const getScrollParent = (el) => {
   let parent = el.parentNode;
   if (!parent) {
@@ -84,9 +100,14 @@ const getScrollParent = (el) => {
   }
   return getScrollParent(parent);
 };
-const getOffsetRectRelativeToCustomParent = (el, parent, fixed) => {
+const getOffsetRectRelativeToCustomParent = (el, parent, fixed, popper) => {
   let { top, left, width, height } = getBoundingClientRect(el);
   if (fixed) {
+    if (popper.parentElement) {
+      const { top: adjustTop, left: adjustLeft } = getAdjustOffset(popper.parentElement);
+      top -= adjustTop;
+      left -= adjustLeft;
+    }
     return {
       top,
       left,
@@ -429,7 +450,12 @@ class Popper {
     placement = placement.split("-")[0];
     let popperOffsets = { position: this.state.position };
     let isParentFixed = popperOffsets.position === "fixed";
-    let referenceOffsets = getOffsetRectRelativeToCustomParent(reference, getOffsetParent(popper), isParentFixed);
+    let referenceOffsets = getOffsetRectRelativeToCustomParent(
+      reference,
+      getOffsetParent(popper),
+      isParentFixed,
+      popper
+    );
     const { width, height } = this.popperOuterSize ? this.popperOuterSize : this.popperOuterSize = getOuterSizes(popper);
     if (~["right", "left"].indexOf(placement)) {
       popperOffsets.top = referenceOffsets.top + referenceOffsets.height / 2 - height / 2;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-renderless",
-  "version": "3.13.0",
+  "version": "3.13.1",
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "homepage": "https://opentiny.design/tiny-vue",
   "keywords": [

package/select/index.js

@@ -396,16 +396,16 @@ const blur = ({ vm, state }) => () => {
   (_a = vm.$refs.reference) == null ? void 0 : _a.blur();
 };
 const handleBlur = ({ constants, dispatch, emit, state }) => (event) => {
+  var _a;
   clearTimeout(state.timer);
   state.timer = setTimeout(() => {
-    var _a;
     if (state.isSilentBlur) {
       state.isSilentBlur = false;
     } else {
       emit("blur", event);
     }
-    dispatch(constants.COMPONENT_NAME.FormItem, constants.EVENT_NAME.formBlur, (_a = event == null ? void 0 : event.target) == null ? void 0 : _a.value);
   }, 200);
+  dispatch(constants.COMPONENT_NAME.FormItem, constants.EVENT_NAME.formBlur, (_a = event == null ? void 0 : event.target) == null ? void 0 : _a.value);
   state.softFocus = false;
 };
 const handleClearClick = (api) => (event) => {

package/types/alert.type.d.ts

@@ -76,7 +76,7 @@ declare const alertProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    customClass: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+    customClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
     offset: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;

package/types/checkbox.type.d.ts

@@ -20,10 +20,10 @@ declare const checkboxProps: {
         };
     };
     modelValue: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     };
     label: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: string;
     };
     indeterminate: BooleanConstructor;
@@ -40,7 +40,7 @@ declare const checkboxProps: {
     border: BooleanConstructor;
     size: StringConstructor;
     text: StringConstructor;
-    customClass: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+    customClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
     validateEvent: {
         type: BooleanConstructor;
         default: boolean;

package/types/collapse.type.d.ts

@@ -24,7 +24,7 @@ declare const collapseProps: {
     accordion: BooleanConstructor;
     beforeClose: FunctionConstructor;
     modelValue: {
-        type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | ArrayConstructor | NumberConstructor)[];
         default: () => never[];
     };
     tiny_mode: StringConstructor;

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-f76f2393.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-343e8c11.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-654dccd8.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-d0fd42f3.js';
 import './shared.type.js';

package/types/{form.type-654dccd8.d.ts → form.type-d0fd42f3.d.ts}

@@ -138,7 +138,7 @@ declare const formItemProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    rules: (ArrayConstructor | ObjectConstructor)[];
+    rules: (ObjectConstructor | ArrayConstructor)[];
     showMessage: {
         type: BooleanConstructor;
         default: boolean;

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-654dccd8.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-d0fd42f3.js';
 import './shared.type.js';

package/types/milestone.type.d.ts

@@ -69,7 +69,7 @@ declare const milestoneProps: {
         type: StringConstructor;
         default: string;
     };
-    data: (ArrayConstructor | ObjectConstructor)[];
+    data: (ObjectConstructor | ArrayConstructor)[];
     space: NumberConstructor;
     start: {
         type: NumberConstructor;

package/types/pager.type.d.ts

@@ -46,7 +46,7 @@ declare const pagerProps: {
         default: () => boolean;
     };
     customTotal: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor)[];
         default: () => boolean;
     };
     popperClass: StringConstructor;

package/types/popeditor.type.d.ts

@@ -60,7 +60,7 @@ declare const popeditorProps: {
         };
     };
     modelValue: {
-        type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | ArrayConstructor | NumberConstructor)[];
         default: string;
     };
     tabindex: {

package/types/popover.type.d.ts

@@ -67,7 +67,7 @@ declare const popoverProps: {
     maxHeight: {
         type: (StringConstructor | NumberConstructor)[];
     };
-    listData: (ArrayConstructor | ObjectConstructor)[];
+    listData: (ObjectConstructor | ArrayConstructor)[];
     genArrowByHtml: {
         type: BooleanConstructor;
         default: () => boolean;

package/types/progress.type.d.ts

@@ -92,7 +92,7 @@ declare const progressProps: {
         };
     };
     color: {
-        type: (ArrayConstructor | StringConstructor | FunctionConstructor)[];
+        type: (StringConstructor | FunctionConstructor | ArrayConstructor)[];
         default: string;
     };
     info: StringConstructor;

package/types/steps.type.d.ts

@@ -14,7 +14,7 @@ declare const stepsProps: {
         type: StringConstructor;
         default: string;
     };
-    data: (ArrayConstructor | ObjectConstructor)[];
+    data: (ObjectConstructor | ArrayConstructor)[];
     space: (StringConstructor | NumberConstructor)[];
     active: {
         type: NumberConstructor;

package/types/switch.type.d.ts

@@ -30,7 +30,7 @@ declare const switchProps: {
     };
     falseColor: StringConstructor;
     falseValue: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: boolean;
     };
     mini: {
@@ -38,7 +38,7 @@ declare const switchProps: {
         default: boolean;
     };
     modelValue: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: boolean;
     };
     size: (StringConstructor | NumberConstructor)[];
@@ -48,7 +48,7 @@ declare const switchProps: {
     };
     trueColor: StringConstructor;
     trueValue: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: boolean;
     };
     beforeChange: FunctionConstructor;

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

@@ -1,10 +1,10 @@
 import { ExtractPropTypes } from 'vue';
 import { ISharedRenderlessParamUtils, ISharedRenderlessFunctionParams } from './shared.type.js';
-import { I as IFileUploadVm, a as IFileUploadConstants } from './upload-list.type-f76f2393.js';
+import { I as IFileUploadVm, a as IFileUploadConstants } from './upload-list.type-343e8c11.js';
 
 declare const UploadDraggerProps: {
     disabled: BooleanConstructor;
-    customClass: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+    customClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
     tiny_mode: StringConstructor;
     tiny_mode_root: BooleanConstructor;
     tiny_template: (FunctionConstructor | ObjectConstructor)[];

package/types/{upload-list.type-f76f2393.d.ts → upload-list.type-343e8c11.d.ts}

@@ -322,7 +322,7 @@ declare const fileUploadProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    customClass: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+    customClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
     hwh5: ObjectConstructor;
     mode: {
         type: StringConstructor;
@@ -644,7 +644,7 @@ declare const uploadProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    customClass: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+    customClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
     handleTriggerClick: {
         type: FunctionConstructor;
         default: () => void;

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

@@ -1,3 +1,3 @@
 import 'vue';
-export { H as IUploadListApi, J as IUploadListProps, K as IUploadListRenderlessParamUtils, L as IUploadListRenderlessParams, G as IUploadListState, M as IUploadListVideoParam } from './upload-list.type-f76f2393.js';
+export { H as IUploadListApi, J as IUploadListProps, K as IUploadListRenderlessParamUtils, L as IUploadListRenderlessParams, G as IUploadListState, M as IUploadListVideoParam } from './upload-list.type-343e8c11.js';
 import './shared.type.js';

package/types/upload.type.d.ts

@@ -1,3 +1,3 @@
 import 'vue';
-export { d as IUploadApi, i as IUploadFormData, k as IUploadOptionsOfHwh5, j as IUploadOptionsOfPost, e as IUploadProps, h as IUploadRenderlessOtherParams, f as IUploadRenderlessParamUtils, g as IUploadRenderlessParams, c as IUploadState, b as IUploadStateHeader } from './upload-list.type-f76f2393.js';
+export { d as IUploadApi, i as IUploadFormData, k as IUploadOptionsOfHwh5, j as IUploadOptionsOfPost, e as IUploadProps, h as IUploadRenderlessOtherParams, f as IUploadRenderlessParamUtils, g as IUploadRenderlessParams, c as IUploadState, b as IUploadStateHeader } from './upload-list.type-343e8c11.js';
 import './shared.type.js';