@opentiny/vue-renderless 3.17.1 → 3.17.3

package/common/deps/popper.js

@@ -1,7 +1,7 @@
 import {
   __spreadValues
 } from "../../chunk-G2ADBYYC.js";
-import { on, off, isDisplayNone } from "./dom";
+import { on, off, isDisplayNone, isServer } from "./dom";
 import PopupManager from "./popup-manager";
 import globalConfig from "../global";
 import { typeOf } from "../type";
@@ -186,13 +186,16 @@ const getOffsetRect = (el) => {
 const stopFn = (ev) => {
   ev.stopPropagation();
 };
-const resizeOb = new ResizeObserver((entries) => {
-  entries.forEach((entry) => {
-    if (entry.target.popperVm && entry.contentRect.height > 50) {
-      entry.target.popperVm.update();
-    }
+let resizeOb;
+if (!isServer) {
+  resizeOb = new ResizeObserver((entries) => {
+    entries.forEach((entry) => {
+      if (entry.target.popperVm && entry.contentRect.height > 50) {
+        entry.target.popperVm.update();
+      }
+    });
   });
-});
+}
 class Popper {
   constructor(reference, popper, options) {
     this.modifiers = {};
@@ -210,7 +213,7 @@ class Popper {
     setStyle(this._popper, { position: this.state.position, top: 0 });
     if (this._popper) {
       this._popper.popperVm = this;
-      resizeOb.observe(this._popper);
+      resizeOb && resizeOb.observe(this._popper);
     }
     this.update();
     this._setupEventListeners();

package/common/index.js

@@ -237,7 +237,7 @@ const CASCADER = {
   PropsHover: "hoverThreshold",
   MenuConnector: "cascader-menu-"
 };
-const version = "3.17.1";
+const version = "3.17.3";
 const log = (data, type = "log") => {
   uLog.logger[type](data);
 };

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

package/dropdown-menu/index.js

@@ -99,10 +99,16 @@ const useVuePopper = ({
   onMounted(() => {
     if (!dropdownVm)
       return;
-    dropdownVm.popperElm = popper.popperElm.value = vm.$el;
-    nextTick(() => popper.referenceElm.value = dropdownVm.$el);
-    !props.multiStage && dropdownVm.initDomOperation();
-    if (dropdownVm.inheritWidth) {
+    if (popper.popperElm) {
+      dropdownVm.popperElm = popper.popperElm.value = vm.$el;
+      nextTick(() => {
+        if (popper.referenceElm) {
+          popper.referenceElm.value = dropdownVm.$el;
+        }
+      });
+      !props.multiStage && dropdownVm.initDomOperation();
+    }
+    if (dropdownVm.inheritWidth && popper.popperElm) {
       dropdownVm.popperElm.style.minWidth = dropdownVm.$el.clientWidth + "px";
     }
   });

package/package.json

@@ -1,8 +1,17 @@
 {
   "name": "@opentiny/vue-renderless",
-  "version": "3.17.1",
+  "version": "3.17.3",
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
+  "author": "OpenTiny Team",
+  "license": "MIT",
   "homepage": "https://opentiny.design/tiny-vue",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:opentiny/tiny-vue.git"
+  },
+  "bugs": {
+    "url": "https://github.com/opentiny/tiny-vue/issues"
+  },
   "keywords": [
     "vue",
     "vue3",
@@ -14,19 +23,10 @@
     "renderless-components",
     "headless-components"
   ],
-  "author": "OpenTiny Team",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "git@github.com:opentiny/tiny-vue.git"
-  },
-  "bugs": {
-    "url": "https://github.com/opentiny/tiny-vue/issues"
-  },
   "sideEffects": false,
   "dependencies": {
-    "xss": "1.0.11",
-    "color": "4.2.3"
+    "color": "4.2.3",
+    "xss": "1.0.11"
   },
   "devDependencies": {
     "esno": "^0.16.3",

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-023fd6e9.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-02a1effb.js';
 import './shared.type.js';

package/types/input.type.d.ts

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

package/types/popover.type.d.ts

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

package/types/transfer.type.d.ts

@@ -108,14 +108,14 @@ declare const getSourceData: ({ props, Tree }: Pick<ITransferRenderlessParams, "
     Tree: string;
 }) => () => unknown[];
 /** 返回右边的数据项 */
-declare const getTargetData: ({ props, state, Tree, Table }: Pick<ITransferRenderlessParams, "state" | "props"> & {
+declare const getTargetData: ({ props, state, Tree, Table }: Pick<ITransferRenderlessParams, "props" | "state"> & {
     Tree: string;
     Table: string;
 }) => () => unknown;
 declare const onSourceCheckedChange: ({ emit, state }: Pick<ITransferRenderlessParams, 'emit' | 'state'>) => (val: string[], movedKeys: string[]) => void;
 declare const onTargetCheckedChange: ({ emit, state }: Pick<ITransferRenderlessParams, 'emit' | 'state'>) => (val: string[], movedKeys: string[]) => void;
 declare const addToLeft: ({ emit, props, state }: Pick<ITransferRenderlessParams, 'emit' | 'props' | 'state'>) => (value: undefined | 'all') => void;
-declare const addToRight: ({ emit, refs, props, state, Tree }: Pick<ITransferRenderlessParams, "state" | "props" | "refs" | "emit"> & {
+declare const addToRight: ({ emit, refs, props, state, Tree }: Pick<ITransferRenderlessParams, "emit" | "props" | "state" | "refs"> & {
     Tree: string;
 }) => (value: undefined | 'all') => void;
 declare const clearQuery: (refs: ITransferRenderlessParams['refs']) => (which: 'left' | 'right') => void;
@@ -126,7 +126,7 @@ declare const logicFun: ({ props, emit, state }: Pick<ITransferRenderlessParams,
     pullMode?: "sort" | undefined;
 }) => void;
 /** 组件加载后，给左右面板初始化Sortable的功能 */
-declare const sortableEvent: ({ api, droppanel, props, queryDom, refs }: Pick<ITransferRenderlessParams, "props" | "refs" | "api"> & {
+declare const sortableEvent: ({ api, droppanel, props, queryDom, refs }: Pick<ITransferRenderlessParams, "props" | "api" | "refs"> & {
     droppanel: string;
     queryDom: string;
 }) => () => void;

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

@@ -1,6 +1,6 @@
 import { ExtractPropTypes } from 'vue';
 import { ISharedRenderlessParamUtils, ISharedRenderlessFunctionParams } from './shared.type.js';
-import { I as IFileUploadVm, a as IFileUploadConstants } from './upload-list.type-023fd6e9.js';
+import { I as IFileUploadVm, a as IFileUploadConstants } from './upload-list.type-02a1effb.js';
 
 declare const UploadDraggerProps: {
     disabled: BooleanConstructor;

package/types/{upload-list.type-023fd6e9.d.ts → upload-list.type-02a1effb.d.ts}

@@ -404,7 +404,7 @@ declare const beforeUpload: ({ props, api, Modal, constants, t, state }: Pick<IF
 declare const startUpload: ({ state, constants, vm, Modal, api, t }: Pick<IFileUploadRenderlessParams, 'state' | 'constants' | 'vm' | 'api' | 't'> & IFileUploadModalVm) => (file: IFileUploadFile, isList: boolean) => void;
 declare const properFileSize: ({ props, state, api, constants, Modal, t }: Pick<IFileUploadRenderlessParams, 'props' | 'state' | 'constants' | 'api' | 't'> & IFileUploadModalVm) => (file: IFileUploadFile) => boolean;
 declare const addFileToList: ({ api, constants, emit, props, state, mode }: Pick<IFileUploadRenderlessParams, 'api' | 'constants' | 'emit' | 'props' | 'state' | 'mode'>) => (rawFile: IFileUploadFile, updateId: string, reUpload: boolean) => void;
-declare const getFileHash: ({ emit, Modal, constants, t, CryptoJS, state }: Pick<IFileUploadRenderlessParams, "state" | "emit" | "t" | "constants"> & IFileUploadModalVm & {
+declare const getFileHash: ({ emit, Modal, constants, t, CryptoJS, state }: Pick<IFileUploadRenderlessParams, "emit" | "state" | "t" | "constants"> & IFileUploadModalVm & {
     CryptoJS: object;
 }) => ({ file, chunkSize, showTips }: {
     file: IFileUploadFile;
@@ -484,13 +484,13 @@ declare const sliceDownloadChunk: ({ state }: Pick<IFileUploadRenderlessParams,
 declare const batchSegmentDownload: ({ state, api }: Pick<IFileUploadRenderlessParams, 'state' | 'api'>) => ({ batchIndex, batches, docId, isBatch, isLessThan17G }: IFileUploadBatchSegmentDownload) => void;
 declare const downloadFileInner: ({ api, props, state }: Pick<IFileUploadRenderlessParams, 'api' | 'props' | 'state'>) => ({ batchIndex, file, range, isBatch, isChunk, isLessThan17G }: IFileUploadDownloadFileInner) => void;
 declare const afterDownload: ({ api, state }: Pick<IFileUploadRenderlessParams, 'api' | 'state'>) => ({ batchIndex, range, data, file, isBatch, isChunk, isLessThan17G }: IFileUploadAfterDownload) => void;
-declare const setWriterFile: ({ state, emit, Streamsaver }: Pick<IFileUploadRenderlessParams, "state" | "emit"> & {
+declare const setWriterFile: ({ state, emit, Streamsaver }: Pick<IFileUploadRenderlessParams, "emit" | "state"> & {
     Streamsaver: IFileUploadStreamsaver;
 }) => ({ data, index, isLessThan17G, file }: IFileUploadSetWriterFile) => Function;
 declare const getFormData$1: ({ constants, props, state }: Pick<IFileUploadRenderlessParams, 'constants' | 'props' | 'state'>) => ({ formData, file, type }: IFileUploadGetFormData) => IUploadFormData;
 declare const largeDocumentUpload: ({ api, Modal, state, t, emit, constants }: Pick<IFileUploadRenderlessParams, 'api' | 'state' | 't' | 'emit' | 'constants'> & IFileUploadModalVm) => (file: IFileUploadFile) => void;
 declare const segmentUploadInit: ({ api, props, service, state, constants }: Pick<IFileUploadRenderlessParams, 'api' | 'props' | 'service' | 'state' | 'constants'>) => (file: IFileUploadFile) => Promise<unknown>;
-declare const segmentUpload: ({ api, props, service, state, emit, constants, CryptoJS }: Pick<IFileUploadRenderlessParams, "state" | "props" | "emit" | "api" | "constants" | "service"> & {
+declare const segmentUpload: ({ api, props, service, state, emit, constants, CryptoJS }: Pick<IFileUploadRenderlessParams, "emit" | "props" | "state" | "api" | "constants" | "service"> & {
     CryptoJS: object;
 }) => (batchIndex: number, file: IFileUploadFile, progress: {
     file: IFileUploadFile;

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-023fd6e9.js';
+export { H as IUploadListApi, J as IUploadListProps, K as IUploadListRenderlessParamUtils, L as IUploadListRenderlessParams, G as IUploadListState, M as IUploadListVideoParam } from './upload-list.type-02a1effb.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-023fd6e9.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-02a1effb.js';
 import './shared.type.js';