This commit is contained in:
maplemei
2019-11-26 12:20:02 +08:00
parent 3fcd41969c
commit c604a398ff
14 changed files with 239 additions and 113 deletions

View File

@@ -218,36 +218,19 @@ button, input, select, textarea {
}
}
.demo-ZM03{
table{
margin-bottom: -1px !important;
border-collapse: unset !important;
line-height: unset !important;
font-size: unset !important;
background-color: unset !important;
th, td{
padding: 5px 0 !important;
}
}
}
.ly-label-center.layui-form-pane .layui-form-label{
display: flex;
align-items: center;
justify-content: center;
}
.demo-ZP01{
.demo-customer{
.xm-body-custom{
padding: 0 10px;
}
table{
margin-bottom: -1px !important;
}
}
.demo-ZP03, .demo-ZP04{
.demo-laydate, .demo-panel{
xm-select .scroll-body{
margin-top: -5px;
}
@@ -258,11 +241,14 @@ button, input, select, textarea {
box-shadow: none;
}
}
.demo-ZP05{
.demo-transfer{
xm-select .scroll-body{
padding-left: 10px;
overflow: hidden;
}
.layui-transfer-data{
overflow: hidden;
}
}
.tool_bar{

View File

@@ -22,10 +22,10 @@ var demo2 = xmSelect.render({
{name: '王五1', value: 3, disabled: true},
]},
{name: '奖品', children: [
{name: '苹果2', value: 4, selected: true, disabled: true},
{name: '苹果2', value: 4, selected: true, disabled: true, children: []},
{name: '香蕉2', value: 5},
{name: '葡萄2', value: 6},
]},
]},
]
})
</script>
@@ -45,8 +45,10 @@ var demo4 = xmSelect.render({
toolbar:{
show: true,
},
height: '500px',
data: [
height: '300px',
data: [
{name: '开始无分组1', value: 11, children: []},
{name: '开始无分组2', value: 12, children: []},
{name: '选中', optgroup: true, click: 'SELECT', children: [
{name: '张三', value: 1},
{name: '李四', value: 2, disabled: true},
@@ -58,11 +60,15 @@ var demo4 = xmSelect.render({
{name: '自动', optgroup: true, click: 'AUTO', children: [
{name: '香蕉', value: 5},
{name: '葡萄', value: 6},
]},
]},
{name: '中间无分组1', value: 21, children: []},
{name: '中间无分组2', value: 22, children: []},
{name: '自定义', optgroup: true, click: function(item){ alert('自定义的, 想干嘛干嘛') }, children: [
{name: '小米', value: 7},
{name: '华为', value: 8},
]},
]},
{name: '结尾无分组1', value: 31, children: []},
{name: '结尾无分组2', value: 32, children: []},
]
})
</script>

View File

@@ -10,8 +10,8 @@ var demo1 = xmSelect.render({
autoRow: true,
filterable: true,
tree: {
strict: false,
show: true,
strict: true,
show: false,
showFolderIcon: true,
showLine: true,
indent: 20,
@@ -25,23 +25,26 @@ var demo1 = xmSelect.render({
{name: item.name + 2, value: item.value + '2' },
])
}, 500)
}
},
},
toolbar: {
show: true
},
height: 'auto',
data(){
return [
{name: '销售员', value: -1, children: [
{name: '张三1', value: 100, selected: true, children: []},
{name: '李四1', value: 2, selected: true},
{name: '王五1', value: 3, disabled: true},
{name: '销售员', value: -1, selected: true, children: [
{name: '张三1', value: 100, selected: false, children: []},
{name: '李四1', value: 2, selected: false},
{name: '王五1', value: 3, disabled: false},
]},
{name: '奖品', value: -2, children: [
{name: '奖品3', value: -3, children: [
{name: '苹果3', value: 14, selected: true},
{name: '苹果3', value: 14, selected: false},
{name: '香蕉3', value: 15},
{name: '葡萄3', value: 16},
]},
{name: '苹果2', value: 4, selected: true, disabled: true},
{name: '苹果2', value: 4, selected: false, disabled: true},
{name: '香蕉2', value: 5},
{name: '葡萄2', value: 6},
]},

View File

@@ -42,65 +42,65 @@ export default [{
component: importMd('/options'),
}]
}, {
path: '/example',
path: '/basic',
name: '示例',
redirect: '/example/XM01',
redirect: '/basic/base',
component: Component,
children: [
{ path: '/example/XM01', name: 'Base 基础使用', component: importMd('/XM01') },
{ path: '/example/XM02', name: 'Language 国际化', component: importMd('/XM02') },
{ path: '/example/XM03', name: 'InitValue 默认选中', component: importMd('/XM03') },
{ path: '/example/XM04', name: 'Tips 修改提示', component: importMd('/XM04') },
{ path: '/example/XM05', name: 'Filterable 搜索模式', component: importMd('/XM05') },
{ path: '/example/XM06', name: 'Direction 下拉方向', component: importMd('/XM06') },
{ path: '/example/XM07', name: 'Style 自定义样式', component: importMd('/XM07') },
{ path: '/example/XM08', name: 'Paging 分页', component: importMd('/XM08') },
{ path: '/example/XM09', name: 'Radio 单选', component: importMd('/XM09') },
{ path: '/example/XM10', name: 'Repeat 重复选', component: importMd('/XM10') },
{ path: '/example/XM11', name: 'Prop 自定义属性', component: importMd('/XM11') },
{ path: '/example/XM12', name: 'Theme 主题', component: importMd('/XM12') },
{ path: '/example/XM13', name: 'Show 显示与隐藏', component: importMd('/XM13') },
{ path: '/example/XM14', name: 'Model 显示方式', component: importMd('/XM14') },
{ path: '/example/XM15', name: 'Template 构建选项', component: importMd('/XM15') },
{ path: '/example/XM16', name: 'On 监听选择', component: importMd('/XM16') },
{ path: '/example/XM17', name: 'Test 性能测试', component: importMd('/XM17') },
{ path: '/example/XM18', name: 'Max 多选上限', component: importMd('/XM18') },
{ path: '/example/XM19', name: 'Toolbar 工具条', component: importMd('/XM19') },
{ path: '/example/XM20', name: 'ShowCount 选项数量', component: importMd('/XM20') },
{ path: '/example/XM21', name: 'Optgroup 分组', component: importMd('/XM21') },
{ path: '/example/XM22', name: 'AutoRow 自动换行', component: importMd('/XM22') },
{ path: '/example/XM23', name: 'HiddenIcon 隐藏图标', component: importMd('/XM23') },
{ path: '/example/XM24', name: 'Size 尺寸', component: importMd('/XM24') },
{ path: '/example/XM25', name: 'Warning 警告', component: importMd('/XM25') },
{ path: '/example/XM26', name: 'Disabled 禁用', component: importMd('/XM26') },
{ path: '/example/XM27', name: 'Create 创建条目', component: importMd('/XM27') },
{ path: '/basic/use', name: 'Base 基础使用', component: importMd('/XM01') },
{ path: '/basic/language', name: 'Language 国际化', component: importMd('/XM02') },
{ path: '/basic/initValue', name: 'InitValue 默认选中', component: importMd('/XM03') },
{ path: '/basic/tips', name: 'Tips 修改提示', component: importMd('/XM04') },
{ path: '/basic/filter', name: 'Filterable 搜索模式', component: importMd('/XM05') },
{ path: '/basic/direction', name: 'Direction 下拉方向', component: importMd('/XM06') },
{ path: '/basic/style', name: 'Style 自定义样式', component: importMd('/XM07') },
{ path: '/basic/paging', name: 'Paging 分页', component: importMd('/XM08') },
{ path: '/basic/radio', name: 'Radio 单选', component: importMd('/XM09') },
{ path: '/basic/repeat', name: 'Repeat 重复选', component: importMd('/XM10') },
{ path: '/basic/prop', name: 'Prop 自定义属性', component: importMd('/XM11') },
{ path: '/basic/theme', name: 'Theme 主题', component: importMd('/XM12') },
{ path: '/basic/show', name: 'Show 显示与隐藏', component: importMd('/XM13') },
{ path: '/basic/model', name: 'Model 显示方式', component: importMd('/XM14') },
{ path: '/basic/template', name: 'Template 构建选项', component: importMd('/XM15') },
{ path: '/basic/on', name: 'On 监听选择', component: importMd('/XM16') },
{ path: '/basic/test', name: 'Test 性能测试', component: importMd('/XM17') },
{ path: '/basic/max', name: 'Max 多选上限', component: importMd('/XM18') },
{ path: '/basic/toolbar', name: 'Toolbar 工具条', component: importMd('/XM19') },
{ path: '/basic/showCount', name: 'ShowCount 选项数量', component: importMd('/XM20') },
{ path: '/basic/optgroup', name: 'Optgroup 分组', component: importMd('/XM21') },
{ path: '/basic/autoRow', name: 'AutoRow 自动换行', component: importMd('/XM22') },
{ path: '/basic/hiddenIcon',name: 'HiddenIcon 隐藏图标', component: importMd('/XM23') },
{ path: '/basic/size', name: 'Size 尺寸', component: importMd('/XM24') },
{ path: '/basic/warning', name: 'Warning 警告', component: importMd('/XM25') },
{ path: '/basic/disabled', name: 'Disabled 禁用', component: importMd('/XM26') },
{ path: '/basic/create', name: 'Create 创建条目', component: importMd('/XM27') },
]
}, {
path: '/example-custom',
path: '/c',
name: '进阶示例',
redirect: '/example-custom/ZM01',
redirect: '/senior/getValue',
component: Component,
children: [
{ path: '/example-custom/ZM01', name: '赋值与取值', component: importMd('/ZM01') },
{ path: '/example-custom/ZM02', name: '表单提交', component: importMd('/ZM02') },
{ path: '/example-custom/ZM03', name: '表格中多选', component: importMd('/ZM03') },
{ path: '/example-custom/ZM04', name: '远程搜索', component: importMd('/ZM04') },
{ path: '/example-custom/ZM05', name: '动态数据', component: importMd('/ZM05') },
{ path: '/example-custom/ZM06', name: '弹框中的多选', component: importMd('/ZM06') },
{ path: '/example-custom/ZM07', name: '获取实例对象', component: importMd('/ZM07') },
{ path: '/example-custom/ZM08', name: '批量操作', component: importMd('/ZM08') },
{ path: '/senior/getValue', name: '赋值与取值', component: importMd('/ZM01') },
{ path: '/senior/form', name: '表单提交', component: importMd('/ZM02') },
{ path: '/senior/table', name: '表格中多选', component: importMd('/ZM03') },
{ path: '/senior/remoteSearch', name: '远程搜索', component: importMd('/ZM04') },
{ path: '/senior/update', name: '动态数据', component: importMd('/ZM05') },
{ path: '/senior/alert', name: '弹框中的多选', component: importMd('/ZM06') },
{ path: '/senior/get', name: '获取实例对象', component: importMd('/ZM07') },
{ path: '/senior/batch', name: '批量操作', component: importMd('/ZM08') },
]
}, {
path: '/example-plugin',
path: '/plugin',
name: '拓展中心',
redirect: '/example-plugin/ZP01',
redirect: '/plugin/customer',
component: Component,
children: [
{ path: '/example-plugin/ZP01', name: '下拉自定义', component: importMd('/ZP01') },
{ path: '/example-plugin/ZP02', name: '下拉树 Tree', component: importMd('/ZP02') },
{ path: '/example-plugin/ZP03', name: '下拉日期多选', component: importMd('/ZP03') },
{ path: '/example-plugin/ZP04', name: '下拉折叠面板', component: importMd('/ZP04') },
{ path: '/example-plugin/ZP05', name: '下拉穿梭框', component: importMd('/ZP05') },
{ path: '/plugin/customer', name: '下拉自定义', component: importMd('/ZP01') },
{ path: '/plugin/tree', name: '下拉树 Tree', component: importMd('/ZP02') },
{ path: '/plugin/laydate', name: '下拉日期多选', component: importMd('/ZP03') },
{ path: '/plugin/panel', name: '下拉折叠面板', component: importMd('/ZP04') },
{ path: '/plugin/transfer', name: '下拉穿梭框', component: importMd('/ZP05') },
]
}, {
path: '/question',
@@ -113,8 +113,8 @@ export default [{
}, {
path: '/test',
name: '测试',
// hidden: true,
hidden: false,
hidden: true,
// hidden: false,
component: importMd('/ZTEST'),
},