# previewmore

> > ` ` ### 组件参数 > dataSource: { type: Blob, description: "需要展示文件的Blob格式", } >dataUrl: { type: String, description: "文件地址", } >displayBar:{ type: Boolean, description: "功能栏显示", default:true } // 已弃用 > sho

Latest version **0.1.1** (published 2022-11-13) · MIT license · 0 weekly downloads

## Install

```sh
npm install previewmore
pnpm add previewmore
yarn add previewmore
bun add previewmore
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.1 |
| Published | 2022-11-13 |
| First published | 2022-11-06 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 9 |
| Unpacked size | 6.2 MB |
| Known vulnerabilities | 0 (+23 in 1 direct dependencies) |
| Install scripts | no |
| Author | LinMJ |
| Maintainers | linmingjian1 |

## Links

- npm: https://www.npmjs.com/package/previewmore
- Repository: https://github.com/occpy/previewmore
- Homepage: https://github.com/occpy/previewmore#readme
- Issues: https://github.com/occpy/previewmore/issues
- npm.io page: https://npm.io/package/previewmore

## Dependencies (9)

- [vue](https://npm.io/package/vue.md) ^3.2.37
- [mime](https://npm.io/package/mime.md) ^3.0.0
- [axios](https://npm.io/package/axios.md) ^0.24.0
- [jszip](https://npm.io/package/jszip.md) ^3.10.1
- [exceljs](https://npm.io/package/exceljs.md) ^4.3.0
- [docx-preview](https://npm.io/package/docx-preview.md) ^0.1.13
- [handsontable](https://npm.io/package/handsontable.md) ^12.2.0
- [vue3-print-nb](https://npm.io/package/vue3-print-nb.md) ^0.1.4
- [@handsontable/vue3](https://npm.io/package/@handsontable/vue3.md) ^12.2.0

## Recent versions

- 0.1.1 (latest) — 2022-11-13
- 0.1.0 — 2022-11-06

## README

# 组件 : CoderPreview
## 使用:
### 组件标签
>  ` <PreviewMore></PreviewMore>` 
### 组件参数
>   dataSource: {
type: Blob,
description: "需要展示文件的Blob格式",
}<br />
>dataUrl: {
type: String,
description: "文件地址",
} <br />
>displayBar:{
type: Boolean,
description: "功能栏显示",
default:true
} // 已弃用 <br />
>   showDownLoad: {
type: Boolean,
default: true,
description: "下载按钮显示",
}<br />
> showPrint: {
type: Boolean,
default: true,
description: "打印按钮显示",
}<br />
> LocalViews: {
type: Boolean,
default: true,
description: "打印按钮显示",
}<br />
> height: {
type: Number,
default: 528,
description: "组件高度",
}
### 方法
```
######    src/main.ts  #####

//组件引入

import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
// @ts-ignore
import {PreviewMore} from "PreviewMore";
import "PreviewMore/style.css"
createApp(App).component('PreviewMore',PreviewMore).mount('#app')

#####     业务文件   ########

// 组件使用

<template>
  <div>
      <PreviewMore></PreviewMore>
  </div>
</template>

<script setup>
</script>

```
### 注意
> 直接使用url作为参数传入可能存在跨域问题

---
_Source: https://npm.io/package/previewmore · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._