@ohu-mobile/core
Version:
225 lines (224 loc) • 6.43 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.Basic = void 0;
var _MapPinOutlined2 = _interopRequireDefault(require("@ohu-mobile/icons/lib/MapPinOutlined"));
var _vueTsxSupport = require("vue-tsx-support");
var _index = _interopRequireDefault(require("./index"));
require("./style");
var _Icon = _interopRequireDefault(require("../Icon"));
require("../Icon/style");
var _Dialog = _interopRequireDefault(require("../Dialog"));
require("../Dialog/style");
var _Checkbox = _interopRequireDefault(require("../Checkbox"));
require("../Checkbox/style");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _default = exports.default = {
title: 'Components/Navigation/IndexList',
parameters: {
component: _index.default,
options: {
showPanel: true
}
}
};
var Basic = exports.Basic = function Basic() {
return (0, _vueTsxSupport.component)({
data: function data() {
return {
data: [{
text: '人工智能',
minorText: '南京大学',
key: '1'
}, {
text: '科技与创新设计试验班',
minorText: '浙江大学',
key: '2'
}, {
text: '经济管理试验班',
minorText: '南京大学',
key: '3'
}, {
text: '国际经济与贸易',
minorText: '上海财经大学',
key: '4'
}, {
text: '软件工程',
minorText: '南京大学',
key: '5'
}, {
text: '建筑学',
minorText: '华南理工大学',
key: '6'
}, {
text: '会计学',
minorText: '厦门大学',
key: '7'
}, {
text: '社会科学试验班',
minorText: '浙江大学',
key: '8'
}, {
text: '法学',
minorText: '武汉大学',
key: '9'
}, {
text: '人工智能',
minorText: '南京大学',
key: '10'
}, {
text: '科技与创新设计试验班',
minorText: '浙江大学',
key: '11'
}, {
text: '经济管理试验班',
minorText: '南京大学',
key: '12'
}, {
text: '国际经济与贸易',
minorText: '上海财经大学',
key: '13'
}, {
text: '软件工程',
minorText: '南京大学',
key: '14'
}, {
text: '建筑学',
minorText: '华南理工大学',
key: '15'
}, {
text: '会计学',
minorText: '厦门大学',
key: '16'
}, {
text: '社会科学试验班',
minorText: '浙江大学',
key: '17'
}, {
text: '法学',
minorText: '武汉大学',
key: '18'
}, {
text: '人工智能',
minorText: '南京大学',
key: '19'
}, {
text: '科技与创新设计试验班',
minorText: '浙江大学',
key: '20'
}, {
text: '经济管理试验班',
minorText: '南京大学',
key: '21'
}, {
text: '国际经济与贸易',
minorText: '上海财经大学',
key: '22'
}, {
text: '软件工程',
minorText: '南京大学',
key: '23'
}, {
text: '建筑学',
minorText: '华南理工大学',
key: '24'
}, {
text: '会计学',
minorText: '厦门大学',
key: '25'
}, {
text: '社会科学试验班',
minorText: '浙江大学',
key: '26'
}, {
text: '法学',
minorText: '武汉大学',
key: '27'
}],
enableIndex: true
};
},
methods: {
remove: function remove(index) {
this.data.splice(index, 1);
}
},
render: function render() {
var _this = this;
var h = arguments[0];
var chunks = Math.ceil(this.data.length / 5);
return h("div", {
"class": "demo"
}, [h(_Checkbox.default, {
"model": {
value: _this.enableIndex,
callback: function callback($$v) {
_this.enableIndex = $$v;
}
}
}, ["enableIndex"]), h(_index.default, {
"on": {
"select": function select(_ref) {
var index = _ref.index,
group = _ref.group;
console.log(index, group);
}
},
"attrs": {
"barClass": "custom-bar",
"enableIndex": this.enableIndex
},
"scopedSlots": {
anchor: function anchor(_ref2) {
var index = _ref2.index;
if (index === -1) {
return h(_Icon.default, {
"attrs": {
"type": _MapPinOutlined2.default
}
});
}
return index.toString();
}
}
}, [h(_index.default.Group, {
"attrs": {
"subheader": false,
"index": -1,
"title": "快速定位"
}
}, [h("p", ["\u524D\u7F6E\u5185\u5BB9"])]), new Array(chunks).fill(0).map(function (_, index) {
var currentIndex = index * 5 + 1;
var currentStr = currentIndex.toString().padStart(2, '0');
var endIndex = currentIndex + 4;
var endStr = endIndex.toString().padStart(2, '0');
return h(_index.default.Group, {
"attrs": {
"index": currentStr,
"title": currentStr + '-' + endStr
}
}, [_this.data.slice(currentIndex - 1, currentIndex + 4).map(function (item, index) {
return h(_index.default.Item, {
"key": item.key,
"on": {
"click": function click() {
_Dialog.default.confirm({
title: '确认删除',
onOk: function onOk() {
_this.remove(currentIndex - 1);
}
});
}
},
"attrs": {
"button": true,
"text": item.text,
"minorText": item.minorText
}
});
})]);
})])]);
}
});
};