@opentiny/vue-renderless 3.11.1 → 3.11.3

package/image-viewer/index.js

@@ -344,9 +344,12 @@ const getImageWidth = ({ state, parent, props, vm, mode }) => () => {
       imageW = vm.$refs.canvasBox && vm.$refs.canvasBox.offsetWidth;
     }
     state.imageList = vm.$refs.viewerItem;
-  } else {
+  } else if (mode === "mobile") {
     imageW = parent.$el.querySelector(".tiny-mobile-image-viewer__canvas").offsetWidth;
     state.imageList = parent.$el.querySelectorAll(".tiny-mobile-image-viewer__item");
+  } else {
+    imageW = parent.$el.querySelector(".tiny-image-viewer__canvas").offsetWidth;
+    state.imageList = parent.$el.querySelectorAll(".tiny-image-viewer__img");
   }
   state.imageItemWidth = imageW;
   state.imageAllWidth = state.urlList.length * imageW;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-renderless",
-  "version": "3.11.1",
+  "version": "3.11.3",
   "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/rich-text-edtior/vue.js

@@ -32,10 +32,6 @@ const api = [
 ];
 const renderless = (props, { computed, onMounted, onBeforeUnmount, reactive, ref }, { vm, emit, parent }, {
   Editor,
-  Collaboration,
-  CodehighComp,
-  Y,
-  WebrtcProvider,
   StarterKit,
   Table,
   TableCell,
@@ -57,9 +53,10 @@ const renderless = (props, { computed, onMounted, onBeforeUnmount, reactive, ref
   CodeBlockLowlight,
   lowlight,
   VueNodeViewRenderer,
-  NodeViewContent,
-  nodeViewProps,
-  NodeViewWrapper,
+  // CodehighComp,
+  // NodeViewContent,
+  // nodeViewProps,
+  // NodeViewWrapper,
   Placeholder,
   codeHighlight
 }) => {
@@ -98,8 +95,6 @@ const renderless = (props, { computed, onMounted, onBeforeUnmount, reactive, ref
   if (props.customToolBar) {
     toolBar = props.customToolBar;
   }
-  let ydoc = null;
-  let provider = null;
   const CustomImage = Image.extend({
     addAttributes() {
       var _a2;
@@ -197,7 +192,7 @@ const renderless = (props, { computed, onMounted, onBeforeUnmount, reactive, ref
     extensions: [
       StarterKit == null ? void 0 : StarterKit.configure({
         // 开启多人协作功能要关闭默认的history模式
-        history: false
+        history: true
       }),
       Table.configure({
         resizable: true
@@ -267,19 +262,8 @@ const renderless = (props, { computed, onMounted, onBeforeUnmount, reactive, ref
       emit("destroy");
     }
   }, props.options);
-  if (props.Collaboration) {
-    if (!window._yDoc) {
-      window._yDoc = new Y.Doc();
-    }
-    ydoc = window._yDoc;
-    provider = new WebrtcProvider("tiny-examsple-document", ydoc);
-    defaultOptions.extensions.push(
-      Collaboration == null ? void 0 : Collaboration.configure({
-        document: ydoc
-      })
-    );
-  }
-  const editor = new Editor(props.options ? props.options : defaultOptions);
+  let options = props.options ? Object.assign(defaultOptions, props.options) : defaultOptions;
+  const editor = new Editor(options);
   const box = ref(null);
   const fontSize = ref("16px");
   const state = reactive({

package/types/checkbox.type.d.mts

@@ -18,10 +18,10 @@ declare const checkboxProps: {
         };
     };
     modelValue: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
     };
     label: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: string;
     };
     indeterminate: BooleanConstructor;

package/types/collapse.type.d.mts

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

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

@@ -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-b934f279.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-aa21a42e.js';
 import './shared.type.mjs';

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

@@ -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-1e2e9272.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-004ecf93.js';
 import './shared.type.mjs';

package/types/{form.type-1e2e9272.d.ts → form.type-004ecf93.d.ts}

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

package/types/form.type.d.mts

@@ -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-1e2e9272.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-004ecf93.js';
 import './shared.type.mjs';

package/types/milestone.type.d.mts

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

package/types/popeditor.type.d.mts

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

package/types/popover.type.d.mts

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

package/types/progress.type.d.mts

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

package/types/steps.type.d.mts

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

package/types/switch.type.d.mts

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

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

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

package/types/{upload-list.type-b934f279.d.ts → upload-list.type-aa21a42e.d.ts}

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

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

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

package/types/upload.type.d.mts

@@ -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-b934f279.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-aa21a42e.js';
 import './shared.type.mjs';