智能窗口小部件是一个灵活且可扩展的内容容器组件。它包括页眉和正文部分，小部件正文包括编辑框，内容，页脚。如果与grid一起使用，它还具有基于Vue2.5。+和vue-grid-layout的可拖动和可调整大小的网格布局。

安装和下载：

# NPM
$ npm install vue-smart-widget --save

基本用法：

导入组件。

import VueSmartWidget from 'vue-smart-widget'
Vue.use(VueSmartWidget)

智能小部件的HTML。

<smart-widget title="My Widget">
  <p>
    它是默认的小部件。
  </p>
</smart-widget>

可用的props。

// 小部件的唯一标识符
slot: 0,
// 小部件标题
title: String,
// 副标题
subTitle: String,
// 设置 `widget-body__content` 填充样式
padding: { type: [Number, Array], default: () => [12, 20] },
// 切换小部件模式
simple: { type: Boolean, default: false },
// 显示快速Masktoggle加载掩码
loading: { type: Boolean, default: false },
// 切换全屏按钮
fullscreen: { type: Boolean, default: false },
// 切换折叠按钮
collapse: { type: Boolean, default: false },
// 切换刷新按钮
refresh: { type: Boolean, default: false },
// 切换 `widget-body__content` 固定高度
fixedHeight: { type: Boolean, default: false },
// 何时显示卡片阴影
shadow: { type: String, default: 'always' },
// 卡片翻页风格
translateY: { type: Number, default: 0 }

SmartWidget Props

SmartWidget 方法

SmartWidget中的CSS选择器