### 安装：

```javascript
npm i dl-components
```



#### 注册公共组件：

```js
// main.ts 中
import dlComs from 'dl-components'
import 'dl-components/dist/style.css';
app.use(dlComs)
```



### 本公共组件库包含：

- dl-table
- dl-detail
- dl-edit
- dl-sort
- dl-tree
- dl-file-upload



#### 使用：

```vue
 <dl-table
  ref="viewTable"
  :title="params.title"
  :columns="params.columns"
  :searchList="params.searchList"
  :btnList="params.btnList"
  :getDataFn="params.getDataFn"
  :getTreeDataFn="selectTreeList"
  :tagId="priAssumVer"
  @add="add"
  @edit="edit"
  @del="del"
  @sort="sort"
  @import="importExcel"
  />
```

```vue
<dl-detail
  ref="viewDetail"
  show
  width="80vw"
  :title="title"
  @fullscreen="changeFullscreen"
  @cancel="cancel">
  <div class="spread-host">
  </div>
</dl-detail>
```

```vue
<dl-edit
  ref="viewEdit"
  :show="show"
  width="80vw"
  :title="title"
  @fullscreen="changeFullscreen"
  @cancel="cancel"
  @save="save">
  <div class="spread-host">
  </div>
</dl-edit>
```

```vue
<dl-sort
  :columns="params.columns"
  :getDataFn="sortData"
  :saveFn="saveSortData"
  :show="state.sortShow"
  @canceled="canceled"
  @saved="saved"
/>
```

```vue
<dl-file-upload
  v-model="form.filePath"
  :limit="1"
  accept=".xlsx,.xlsm"
  product="pricing/priModel"
  @onChange="save"
></dl-file-upload>
```