v1.1.1
This commit is contained in:
@@ -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{
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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},
|
||||
]},
|
||||
|
||||
@@ -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'),
|
||||
},
|
||||
|
||||
|
||||
Reference in New Issue
Block a user