frame-editor-preview 1.0.0

package/dist/index.css

@@ -0,0 +1 @@
+.splitpanes{display:flex;width:100%;height:100%}.splitpanes--vertical{flex-direction:row}.splitpanes--horizontal{flex-direction:column}.splitpanes--dragging .splitpanes__pane,*:has(.splitpanes--dragging){-webkit-user-select:none;user-select:none;pointer-events:none}.splitpanes__pane{width:100%;height:100%;overflow:hidden}.splitpanes--vertical .splitpanes__pane{transition:width .2s ease-out;will-change:width}.splitpanes--horizontal .splitpanes__pane{transition:height .2s ease-out;will-change:height}.splitpanes--dragging .splitpanes__pane{transition:none}.splitpanes__splitter{touch-action:none}.splitpanes--vertical>.splitpanes__splitter{min-width:1px;cursor:col-resize}.splitpanes--horizontal>.splitpanes__splitter{min-height:1px;cursor:row-resize}.default-theme.splitpanes .splitpanes__pane{background-color:#f2f2f2}.default-theme.splitpanes .splitpanes__splitter{background-color:#fff;box-sizing:border-box;position:relative;flex-shrink:0}.default-theme.splitpanes .splitpanes__splitter:before,.default-theme.splitpanes .splitpanes__splitter:after{content:"";position:absolute;top:50%;left:50%;background-color:#00000026;transition:background-color .3s}.default-theme.splitpanes .splitpanes__splitter:hover:before,.default-theme.splitpanes .splitpanes__splitter:hover:after{background-color:#00000040}.default-theme.splitpanes .splitpanes__splitter:first-child{cursor:auto}.default-theme.splitpanes .splitpanes .splitpanes__splitter{z-index:1}.default-theme.splitpanes--vertical>.splitpanes__splitter,.default-theme .splitpanes--vertical>.splitpanes__splitter{width:7px;border-left:1px solid #eee;margin-left:-1px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{transform:translateY(-50%);width:1px;height:30px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:before{margin-left:-2px}.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{margin-left:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter,.default-theme .splitpanes--horizontal>.splitpanes__splitter{height:7px;border-top:1px solid #eee;margin-top:-1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{transform:translate(-50%);width:30px;height:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before{margin-top:-2px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{margin-top:1px}.arrow-line-widget[data-v-f6688de1]{transform-origin:left top}.arrow-line-widget .arrow-line-widget-inner[data-v-f6688de1]{display:flex;align-items:center;transform:translateY(-50%)}.arrow-line-widget .arrow-line-widget-inner .line[data-v-f6688de1]{flex:1;border-top:1px solid #ff0000;border-left:none!important;border-right:none!important;border-top:none!important}.arrow-line-widget .arrow-line-widget-inner .arrow[data-v-f6688de1]{width:0;height:0;border-left:12px solid #ff0000;border-top-width:6px;border-bottom-width:6px;border-top-style:solid;border-bottom-style:solid;border-top-color:transparent!important;border-bottom-color:transparent!important;border-right:none!important}.circle-widget[data-v-f634a654]{width:100%;height:100%;box-sizing:border-box;overflow:hidden;border-radius:50%}.clock-widget[data-v-c8e615f1]{width:100%;height:100%;overflow:hidden}.digital-clock-container[data-v-c8e615f1]{width:100%;height:100%;overflow:hidden;white-space:pre;-webkit-user-select:none;user-select:none}.tip[data-v-eb404351]{font-size:12px;color:gray}.resizable-table[data-v-5c70c8e3]{width:100%;height:100%;border:none;box-sizing:border-box}.resizable-table .tr[data-v-5c70c8e3]{display:flex;border:none;box-sizing:border-box}.resizable-table .tr:first-child .td[data-v-5c70c8e3]{margin-top:0!important}.resizable-table .td[data-v-5c70c8e3]{position:relative;display:inline-block;box-sizing:border-box}.resizable-table .td[data-v-5c70c8e3]:first-child{margin-left:0!important}.resizable-table .td .text-image[data-v-5c70c8e3]{width:100%;height:100%;overflow:hidden;white-space:pre;-webkit-user-select:none;user-select:none}.resizable-table .resize-handle-col[data-v-5c70c8e3],.resizable-table .resize-handle-row[data-v-5c70c8e3]{position:absolute;top:0;left:0;z-index:1}.resizable-table .resize-handle-row[data-v-5c70c8e3]{width:100%;min-height:6px;max-height:12px;transform:translateY(-50%);cursor:row-resize}.resizable-table .resize-handle-col[data-v-5c70c8e3]{min-width:6px;max-width:12px;height:100%;transform:translate(-50%);cursor:col-resize}.data-table-widget[data-v-06b452c4]{width:100%;height:100%;overflow:hidden}.source-label[data-v-f4e0b6c9]{position:absolute;max-width:100%;top:50%;left:50%;padding:8px;box-sizing:border-box;color:red;font-size:16px;font-weight:400;font-family:SimSun;text-align:center;overflow:hidden;text-overflow:ellipsis;font-style:normal;white-space:nowrap;transform:translate(-50%,-50%);background:#393939;border-radius:4px;z-index:10}.vue-office-docx{height:100%;overflow-y:auto}.vue-office-docx .docx-wrapper>section.docx{margin-bottom:5px}@media screen and (max-width: 800px){.vue-office-docx .docx-wrapper{padding:10px}.vue-office-docx .docx-wrapper>section.docx{padding:10px!important;width:100%!important}}.flex[data-v-6dc73490]{--scale: 1;display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none}.flex>img[data-v-6dc73490],.flex>video[data-v-6dc73490]{width:100%;height:100%}.flex[data-v-6dc73490] .vue-office-docx,.flex[data-v-6dc73490] .vue-office-pptx{width:100%!important;height:100%!important;overflow:hidden auto!important}.flex[data-v-6dc73490] .vue-office-docx-main,.flex[data-v-6dc73490] .vue-office-pptx-main{width:max-content!important;height:100%!important;transform:scale(var(--scale));transform-origin:top left}.flex[data-v-6dc73490] .pptx-preview-wrapper{width:max-content!important;height:max-content!important;overflow:initial!important}.image-widget[data-v-2f32312a]{width:100%;height:100%;overflow:hidden;-webkit-user-select:none;user-select:none}.line-widget[data-v-c724f697]{transform-origin:left top}.line-widget .line-widget-inner[data-v-c724f697]{display:flex;align-items:center;transform:translateY(-50%)}.line-widget .line-widget-inner .line[data-v-c724f697]{flex:1;border-top:1px solid #ff0000;border-left:none!important;border-right:none!important;border-top:none!important}.ppt-widget[data-v-187900d9]{width:100%;height:100%;overflow:hidden;-webkit-user-select:none;user-select:none}.rectangle-widget[data-v-41a4fad0]{width:100%;height:100%;box-sizing:border-box;overflow:hidden}.rich-text-widget[data-v-abb83169]{--white-space: pre-wrap;width:100%;height:100%;overflow:hidden;-webkit-user-select:none;user-select:none}.rich-text-widget *[data-v-abb83169]{white-space:var(--white-space)}.table-widget[data-v-b7b5d60e]{width:100%;height:100%;overflow:hidden}.text-widget[data-v-6a5503a9]{width:100%;height:100%;overflow:hidden;white-space:pre;-webkit-user-select:none;user-select:none}.video-widget[data-v-6cc7fa30],.word-widget[data-v-f433cbf4]{width:100%;height:100%;overflow:hidden;-webkit-user-select:none;user-select:none}.frame-widget .widget-title[data-v-85483ddd]{font-weight:600;font-size:14px;padding:12px;margin:0;white-space:nowrap}.frame-widget .widget-list[data-v-85483ddd]{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px;margin:0 6px}.frame-widget .widget-item[data-v-85483ddd]{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;min-width:60px;padding:6px;transition:all .3s ease;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:2px}.frame-widget .widget-item .widget-icon[data-v-85483ddd]{font-size:24px}.frame-widget .widget-item .widget-name[data-v-85483ddd]{font-size:12px;margin-top:6px;white-space:nowrap}.frame-widget .widget-item[data-v-85483ddd]:hover{background:#409eff;color:#fff}.frame-structure[data-v-b4aee5d3]{display:flex;flex-direction:column}.frame-structure .structure-list[data-v-b4aee5d3]{margin:0 5px}.frame-structure .structure-list .sortable-ghost[data-v-b4aee5d3]{color:#fff!important;background-color:#409eff!important}.frame-structure .structure-list .sortable-ghost .item-icon[data-v-b4aee5d3]{color:#fff!important}.frame-structure .list-item[data-v-b4aee5d3]{display:flex;align-items:center;height:30px;border-radius:2px;outline:none;white-space:nowrap;margin-top:5px;padding:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none}.frame-structure .list-item[data-v-b4aee5d3]:hover{background-color:#f5f7fa}.frame-structure .list-item.selected[data-v-b4aee5d3],.frame-structure .list-item.selected .item-icon[data-v-b4aee5d3]{color:#409eff}.frame-structure .item-drag[data-v-b4aee5d3]{cursor:move;margin-right:6px;font-size:16px;display:flex;justify-content:center;align-items:center}.frame-structure .item-content[data-v-b4aee5d3]{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 22px);height:26px;line-height:26px;padding-right:5px}.frame-structure .item-content .item-name[data-v-b4aee5d3]{width:100%;margin-right:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block}.frame-toolbar-scroll[data-v-d94b2344]{width:100%;height:42px;overflow-y:hidden}.frame-toolbar[data-v-d94b2344]{padding:8px 16px;display:flex;gap:10px;min-width:fit-content;align-items:center;justify-content:space-between;white-space:nowrap;border-bottom:1px solid #dcdfe6;background-color:#fff}.frame-toolbar[data-v-d94b2344] .el-button+.el-button{margin-left:0}.frame-toolbar .tool-left[data-v-d94b2344],.frame-toolbar .tool-right[data-v-d94b2344]{display:flex;align-items:center;gap:5px}.frame-toolbar .zoom[data-v-d94b2344]{font-size:20px}.contextmenu[data-v-2b6c3473]{position:fixed;top:0;left:0;z-index:999;min-width:100px;margin:3px;padding:5px 0;font-size:14px;color:#303133;list-style:none;background-color:#fff;border-radius:4px;box-shadow:0 2px 8px #00000026;transition:opacity .2s ease}.contextmenu>li[data-v-2b6c3473]{display:flex;padding:8px 12px;cursor:pointer;align-items:center}.contextmenu>li[data-v-2b6c3473]:hover,.contextmenu>li[data-v-2b6c3473]:focus{color:#409eff;background-color:#ecf5ff;outline:none}.contextmenu-enter-active[data-v-2b6c3473],.contextmenu-leave-active[data-v-2b6c3473]{opacity:1;transform:scaleY(1);transform-origin:center top;transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1)}.contextmenu-enter-from[data-v-2b6c3473],.contextmenu-leave-to[data-v-2b6c3473]{opacity:0;transform:scaleY(0)}.frame-canvas[data-v-2f90716e]{margin:16px;overflow:auto;height:calc(100% - 72px)}.frame-canvas .frame-stage[data-v-2f90716e]{position:relative;overflow:hidden;background:linear-gradient(-90deg,#dedede 1px,#efefef00 1px) 0% 0%/32px 32px,linear-gradient(#dedede 1px,#efefef 1px) 0% 0%/32px 32px;background-position:1px 0;outline:none}.frame-canvas .element-item[data-v-2f90716e]{position:absolute;left:0;right:0;width:0;height:0;transform-origin:left top;box-sizing:border-box}.frame-canvas .element-item.active[data-v-2f90716e]{outline:1px dashed blue}.frame-canvas .element-item.locked[data-v-2f90716e]{border:1px dashed red}.frame-canvas .box-selector[data-v-2f90716e]{position:absolute;left:0;top:0;width:0;height:0;transform-origin:left top;background-color:#00f3}.frame-canvas .stick-point[data-v-2f90716e]{position:absolute;top:0;left:0;width:6px;height:6px;transform-origin:left top;margin-top:-3px;margin-left:-3px;border:1px solid blue;box-shadow:0 0 2px #00f;background:#fff}.frame-canvas .stick-point.stick-point-left-top[data-v-2f90716e],.frame-canvas .stick-point.stick-point-right-bottom[data-v-2f90716e]{cursor:nwse-resize}.frame-canvas .stick-point.stick-point-top[data-v-2f90716e],.frame-canvas .stick-point.stick-point-bottom[data-v-2f90716e]{cursor:ns-resize}.frame-canvas .stick-point.stick-point-right-top[data-v-2f90716e],.frame-canvas .stick-point.stick-point-left-bottom[data-v-2f90716e]{cursor:nesw-resize}.frame-canvas .stick-point.stick-point-left[data-v-2f90716e],.frame-canvas .stick-point.stick-point-right[data-v-2f90716e]{cursor:ew-resize}.frame-canvas .stick-line[data-v-2f90716e]{position:absolute;left:0;top:0;width:0;height:0;transform-origin:left top;border:0px dashed blue}.frame-canvas .stick-line.stick-line-left[data-v-2f90716e],.frame-canvas .stick-line.stick-line-right[data-v-2f90716e]{width:0px;margin-left:0;border-left-width:1px}.frame-canvas .stick-line.stick-line-top[data-v-2f90716e],.frame-canvas .stick-line.stick-line-bottom[data-v-2f90716e]{height:0px;margin-top:0;border-top-width:1px}.frame-canvas .auxiliary-line[data-v-2f90716e]{position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:left top;border:0px dashed blue}.frame-canvas .auxiliary-line.auxiliary-line-left[data-v-2f90716e],.frame-canvas .auxiliary-line.auxiliary-line-right[data-v-2f90716e]{width:0px;margin-left:0;border-left-width:1px}.frame-canvas .auxiliary-line.auxiliary-line-top[data-v-2f90716e],.frame-canvas .auxiliary-line.auxiliary-line-bottom[data-v-2f90716e]{height:0px;margin-top:0;border-top-width:1px}.color-picker .el-color-predefine .el-color-predefine__color-selector{border:1px solid gray;box-sizing:border-box}.popup-provider .el-dialog__body,.popup-provider .el-drawer__body{padding:8px 16px 16px;font-size:14px;overflow:auto}.popup-provider .el-dialog__body{max-height:75vh}.name-select[data-v-b75b0d63]{width:100%}.cond-select[data-v-b75b0d63]{width:45%}.setting-row[data-v-b75b0d63]{margin:8px 12px;display:flex;align-items:center}.setting-row .row-label[data-v-b75b0d63]{margin-right:6px}.setting-row .row-editor[data-v-b75b0d63]{position:relative;flex:1;text-align:left;display:flex;align-items:center;gap:12px}[data-v-daa125a3] .el-form-item{margin-bottom:16px}.format-description[data-v-daa125a3]{font-size:12px;color:#666;margin-top:5px;word-break:break-word;overflow:hidden;text-overflow:ellipsis;min-height:32px}.preview[data-v-daa125a3]{margin-top:20px;padding:10px;border:1px dashed #ddd;border-radius:4px;background-color:#f9f9f9}.input-number[data-v-28c9d5a9]{width:100%}.input-number[data-v-28c9d5a9] input.el-input__inner{text-align:left}.list-item[data-v-6b6e1d92]{min-width:120px;height:100px;text-align:center;cursor:pointer;text-overflow:ellipsis;overflow:hidden;padding-top:8px;padding-bottom:24px;margin-bottom:4px}.list-item.active[data-v-6b6e1d92]{box-shadow:0 0 2px 1px #00f}.number-popover[data-v-fb1101e1]{max-height:306px;overflow:auto}.number-popover .item[data-v-fb1101e1]{display:flex;justify-content:center;align-items:center;gap:12px;padding:6px 0}.number-popover .input-number[data-v-fb1101e1]{flex:1}.number-popover .input-number[data-v-fb1101e1] input.el-input__inner{text-align:left}.list-item[data-v-b945d8c4]{min-width:120px;height:260px;text-align:center;cursor:pointer;text-overflow:ellipsis;overflow:hidden;padding-top:8px;padding-bottom:24px;margin-bottom:4px}.list-item.active[data-v-b945d8c4]{box-shadow:0 0 2px 1px #00f}.single-select[data-v-58a90895]{width:100%}.table-setting[data-v-76958dce]{height:100%}.table-setting .table-col[data-v-76958dce]{display:flex;flex-direction:column;height:100%;border:1px solid #dcdfe6;border-radius:4px}.table-setting .setting-add[data-v-76958dce]{text-align:right;padding:6px 12px}.table-setting .setting-list[data-v-76958dce]{display:flex;flex-direction:column;height:100%;overflow:auto}.table-setting .list-item[data-v-76958dce]{display:flex;align-items:center;padding:3px 12px;gap:5px;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #f2f2f2}.table-setting .list-item[data-v-76958dce]:hover{background-color:#f5f7fa}.table-setting .list-item.selected[data-v-76958dce]{background-color:#ecf5ff;color:#409eff}.table-setting .list-item .item-drag[data-v-76958dce]{cursor:move;margin-top:2px}.table-setting .list-item .item-content[data-v-76958dce]{flex:1;display:flex;justify-content:space-between;align-items:center;padding:6px 0;overflow:hidden}.table-setting .list-item .item-content .item-name[data-v-76958dce]{margin-right:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.table-setting .list-item .item-content .item-icon[data-v-76958dce]{color:#f89898}.table-setting .setting-row[data-v-76958dce]{margin:8px 12px;display:flex;align-items:center}.table-setting .setting-row .row-label[data-v-76958dce]{margin-right:12px;width:74px;text-align:right;white-space:nowrap}.table-setting .setting-row .row-label .tip-icon[data-v-76958dce]{margin-top:-3px;vertical-align:middle;color:gray}.table-setting .setting-row .row-editor[data-v-76958dce]{position:relative;flex:1;text-align:left;display:flex;align-items:center;gap:12px}.frame-setting[data-v-46ebd3ac]{font-size:14px}.frame-setting .setting-row[data-v-46ebd3ac]{margin:8px 12px;display:flex;align-items:center}.frame-setting .setting-row .row-label[data-v-46ebd3ac]{margin-right:12px;width:74px;text-align:right;white-space:nowrap}.frame-setting .setting-row .row-editor[data-v-46ebd3ac]{position:relative;flex:1;text-align:left;display:flex;align-items:center;gap:12px}.frame-empty[data-v-46ebd3ac]{padding:10px}.tip-icon[data-v-46ebd3ac]{margin-top:-3px;vertical-align:middle;color:gray}.frame-paste[data-v-07274a24]{margin:0 10px}.frame-paste[data-v-07274a24] .el-link{font-size:12px}.frame-editor[data-v-e303ba54]{position:relative;width:100%;height:100%;border:1px solid #dcdfe6;border-radius:4px}.frame-editor[data-v-e303ba54] .el-tabs{height:100%}.frame-editor[data-v-e303ba54] .el-tabs .el-tabs__content{height:calc(100% - 67px);overflow:auto}.frame-editor[data-v-e303ba54] .el-tabs .el-tabs__nav-scroll{padding:0 10px}.frame-editor[data-v-e303ba54] .el-tabs .el-tabs__nav-wrap:after{height:1px}.frame-editor[data-v-e303ba54] .splitpanes__pane{position:relative;background-color:#fff}.frame-editor[data-v-e303ba54] .splitpanes__pane:first-child,.frame-editor[data-v-e303ba54] .splitpanes__pane:last-child{background-color:#fff;overflow:hidden}.frame-editor[data-v-e303ba54] .splitpanes__splitter{border-left:1px solid #dcdfe6;border-right:1px solid #dcdfe6}.frame-editor .left-collapse[data-v-e303ba54],.frame-editor .right-collapse[data-v-e303ba54]{position:absolute;width:16px;z-index:1;top:50%;padding:0;margin-top:-16px;border-radius:2px}.frame-view[data-v-b89d4c7c]{position:relative;width:100%;height:100%;overflow:hidden;outline:none}.frame-view .element-item[data-v-b89d4c7c]{position:absolute;left:0;right:0;width:0;height:0;transform-origin:left top;box-sizing:border-box}.frame-view .element-item.active[data-v-b89d4c7c]{outline:1px dashed blue}.frame-view .element-item.outline[data-v-b89d4c7c]{outline:1px dashed rgba(255,0,0,.3)}.frame-preview[data-v-28ecdf03]{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:row;justify-content:center;align-items:center}.frame-preview .preview-stage[data-v-28ecdf03]{margin:0 auto;flex:1;align-self:stretch;display:flex;justify-content:center;align-items:center}.frame-preview .preview-stage .preview-screen[data-v-28ecdf03]{background:linear-gradient(-90deg,rgba(0,0,0,.1) 1px,transparent 1px) 0% 0%/4px 4px,linear-gradient(rgba(0,0,0,.1) 1px,transparent 1px) 0% 0%/4px 4px;background-position:1px 0;box-shadow:0 0 4px #000;overflow:hidden;-webkit-user-select:none;user-select:none}.frame-preview .prev-frame[data-v-28ecdf03],.frame-preview .next-frame[data-v-28ecdf03]{font-size:28px}.frame-preview .prev-frame[data-v-28ecdf03]{margin-right:16px}.frame-preview .next-frame[data-v-28ecdf03]{margin-left:16px}

package/dist/index.d.ts

@@ -0,0 +1,153 @@
+import { AllowedComponentProps } from 'vue';
+import { ComponentCustomProps } from 'vue';
+import { ComponentOptionsMixin } from 'vue';
+import { CSSProperties } from 'vue';
+import { DefineComponent } from 'vue';
+import { Plugin as Plugin_2 } from 'vue';
+import { PropType } from 'vue';
+import { VNodeProps } from 'vue';
+
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+
+declare type __VLS_NonUndefinedable_2<T> = T extends undefined ? never : T;
+
+declare type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
+
+declare type __VLS_PrettifyLocal_2<T> = {
+    [K in keyof T]: T[K];
+} & {};
+
+declare type __VLS_Props = {
+    style?: CSSProperties;
+    className?: string;
+    frameName?: string;
+    screenTypeID?: string;
+    duration?: number;
+    width?: number;
+    height?: number;
+    bgcolor?: string;
+    xmlString?: string;
+    dataSource?: OptionSource;
+    fileSource?: FileSource;
+    fileBuffer?: FileBuffer;
+};
+
+declare type __VLS_Props_2 = {
+    style?: CSSProperties;
+    className?: string;
+    bgcolor?: string;
+    xmlString?: string;
+    useLiveData?: boolean;
+    selectedData?: PreviewSelectedData;
+    autoPlay?: boolean;
+    autoScale?: boolean;
+    showElBorder?: boolean;
+    fileBuffer?: FileBuffer;
+};
+
+declare type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
+declare type __VLS_TypePropsToOption_2<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_2<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
+declare type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+
+declare type __VLS_WithDefaults_2<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal_2<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+frameName: () => "";
+screenTypeID: () => "";
+duration: () => 0;
+width: () => 641;
+height: () => 481;
+bgcolor: () => "#ffffff";
+xmlString: () => "";
+dataSource: () => {};
+fileSource: () => {};
+}>, {
+clone: (xmlString: string) => string;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, any, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, any, {
+width: number;
+height: number;
+bgcolor: string;
+fileSource: FileSource;
+duration: number;
+frameName: string;
+screenTypeID: string;
+xmlString: string;
+dataSource: OptionSource;
+}, {}>;
+
+declare const _default_2: DefineComponent<__VLS_WithDefaults_2<__VLS_TypePropsToOption_2<__VLS_Props_2>, {
+bgcolor: () => "#393939";
+xmlString: () => "";
+useLiveData: () => false;
+autoPlay: () => false;
+autoScale: () => false;
+showElBorder: () => false;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, any, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, any, {
+bgcolor: string;
+xmlString: string;
+showElBorder: boolean;
+useLiveData: boolean;
+autoPlay: boolean;
+autoScale: boolean;
+}, {}>;
+
+declare type FileBuffer = (f?: string) => Promise<ArrayBuffer>;
+
+declare type FileSource = Record<string, OFile[]>;
+
+export declare const FrameEditor: typeof _default & Plugin_2;
+
+export declare const FramePreview: typeof _default_2 & Plugin_2;
+
+declare type OFile = {
+    name: string;
+    url: string;
+};
+
+declare type Option_2 = {
+    label: string;
+    value: string | number;
+    innerType?: number;
+    width?: number | null;
+    height?: number | null;
+};
+
+declare type OptionSource = Record<string, Option_2[]>;
+
+declare type PreviewSelectedData = {
+    id: string;
+    key: string;
+    seq: number;
+    type: string;
+    source: string | number | boolean;
+};
+
+export declare const version = "1.0.0";
+
+export { }