Skip to content

wya-team/wya-vm

Repository files navigation

基于Vue@3.x的组件库移步@wya/vm.next

DEMO

历史原因保持: closeable(vm中使用), closable(vc中使用)

Draggable

Sortable

基本组件

Draggable

  • api
属性 说明 类型 默认值
disabled - any -
handles - any -
w - any -
h - any -
r - any -
minW - any -
minH - any -
x - any -
y - any -
z - any -
scale - any -
grid - any -
guides - any -
restrain - any -
parent - any -
entryRegExp - any -
editorRegExp - any -
prevent - any -
preventRegExp - any -
preventRegExp - any -
closeable - any -
draggable - any -
resizable - any -
rotatable - any -
active - any -
  • 事件
属性 说明 类型 默认值
activated - any -
deactivated - any -
resizing - any -
rotating - any -
dragging - any -
resize-end - any -
rotate-end - any -
drag-end - any -
end - any -
delete - any -

Sortable

  • api
属性 说明 类型 默认值
index - any -
type - any -
disabled - any -
entryRegExp - any -
editorRegExp - any -
prevent - any -
preventRegExp - any -
closeable - any -
  • 事件
属性 说明 类型 默认值
activated - any -
deactivated - any -
sorting - any -
sort-end - any -
highlight-change - any -
delete - any -

Widget

  • api
属性 说明 类型 默认值
index - any -
module - any -
draggable - any -
  • 事件
属性 说明 类型 默认值
click 待开发 any -

组合组件

root

属性 说明 类型 默认值
module 模块,必须是连字符xx-xx any -
type 类型 any -
name 名称 any -
Viewer 展示视图 any -
Editor 编辑(需要特定的事件) any -
Widget 组件/控件 any -
widgets 组件/控件展开 any -
showWidget 是否显示控件按钮 any -
max - any -
insertion first/last/every String -
data 编辑的数据,一部分需要配合CORE的API参数 Object Function -
dataValidity 数据校验 Function -
rebuilder 针对data补全数据用 Object Function -

Viewer 组件会提供一个参数vm, vm.type用来告知当前是frame还是preview下的内容 Viewer, Editor 均是通过$emit('change', {})修改值,id: 指定数据块, recordHistory控制是否记录历史 Widget的组件通过$emit('change', {})向外发数据,可以通过组件Combo绑定widget-change来相应要修改的任务

data

为函数时,参数1(index)表示展开组件拖动的索引

Draggable
属性 说明 类型 默认值
...Draggbale组件上的参数和Viewer上 - any -
Sortable
属性 说明 类型 默认值
wrapperStyle - Object, Function -
...Sortable组件上的参数和Viewer上 - any -

TODO

  • 集成vc-scroller去除滚动条占位的影响