@wya/assist-vm v1.0.18

Playgroud

npm install @wya/vue-cli -g

• npm run dev

注意

• 目前 Portal 只能单独用 js 包裹一层
• @wya/sass 编译上 rollup 和 webpack 存在差异， 暂时不使用
• vc的包只能这么引入: import Portal from '@wya/vc/lib/portal';

Sortable模块

用法

import { createVMDrags } from '@wya/vm';
import { Sorts } from '@wya/assist-vm';

const Modules = {
	...Sorts.modules, 
	// custom
};
let { Combo, Preview } = createVMDrags(Modules, { mode: 'sortable' });

Sorts 参数说明

默认模块

• Sorts.keys

Draggable模块

暂无

公共模块

Viewer

components

• 用法

import { Viewer } from '@wya/assist-vm';

export default {
	components: {
		'vm-viewer-layout': Viewer.Layout
	}
};

• Layout

mixins

• 用法

import { Viewer } from '@wya/assist-vm';

export default {
	// 前者无参数的写法，后者带参数的写法
	mixins: [Viewer.mixins(['layout-style', { name: 'rebuild-index', prefix: 'q-' }])],
	components: {
		'vm-viewer-layout': Viewer.Layout
	}
};

• layout-style

在不使用View.Layout时，使用此项可快捷自定义, 参数： layoutStyle.wrapper、layoutStyle.content

• rebuild-index

用于处理同一分类下index重新排序，默认值 prefix: 'q-', 参数： rebuildIndex

Editor

components

• 用法

import { Editor } from '@wya/assist-vm';

export default {
	components: {
		'vm-editor-layout': Editor.Layout,
		'vm-editor-slider': Editor.Slider,
		'vm-editor-add': Editor.Add,
		'vm-editor-cell': Editor.Cell,
		// ...
	}
};

• Layout

项目移植而来，可能有些不完善，及时PR

• Add
• Cell
• Checkbox
• Color
• Header
• ImgsPicker
• InputNumber
• LabelTitle
• Radio
• Slider
• SortList
• Tip
• Title