@ohu-mobile/core
Version:
182 lines (181 loc) • 5.15 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.Timeout = exports.SuccessAndFail = exports.Position = exports.Loading = exports.Info = exports.Icon = exports.Basic = void 0;
var _CheckboxCircleOutlined2 = _interopRequireDefault(require("@ohu-mobile/icons/lib/CheckboxCircleOutlined"));
var _vue = _interopRequireDefault(require("vue"));
var _index = _interopRequireDefault(require("./index"));
require("./style");
var _Card = _interopRequireDefault(require("../Card"));
require("../Card/style");
var _Button = _interopRequireDefault(require("../Button"));
require("../Button/style");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _default = exports.default = {
title: 'Components/FeedBack/Toast',
parameters: {
component: _index.default,
options: {
showPanel: true
}
}
};
var Basic = exports.Basic = function Basic() {
return _vue.default.extend({
render: function render() {
var _this = this;
var h = arguments[0];
return h("div", {
"style": "height: 1300px;"
}, [h(_Card.default, [h(_Button.default, {
"on": {
"click": function click() {
return _index.default.open({
parent: _this,
content: '这是个友好的提示'
});
}
}
}, ["open"])])]);
}
});
};
var Info = exports.Info = function Info() {
return _vue.default.extend({
render: function render() {
var h = arguments[0];
return h(_Card.default, [h(_Button.default, {
"on": {
"click": function click() {
return _index.default.info('info');
}
}
}, ["info"])]);
}
});
};
var Timeout = exports.Timeout = function Timeout() {
return _vue.default.extend({
render: function render() {
var _this2 = this;
var h = arguments[0];
return h(_Card.default, [h(_Button.default, {
"attrs": {
"type": "primary"
},
"on": {
"click": function click() {
return _index.default.open({
parent: _this2,
content: 'Disappear in 5s',
duration: 5000
});
}
}
}, ["disappear in 5s"])]);
}
});
};
var Loading = exports.Loading = function Loading() {
return _vue.default.extend({
render: function render() {
var h = arguments[0];
return h(_Card.default, [h(_Button.default, {
"on": {
"click": function click() {
var l = _index.default.loading('加载中...');
setTimeout(function () {
if (l.visible) {
l.close();
_index.default.info('loading finished.');
}
}, 1000000);
}
}
}, ["loading"])]);
}
});
};
var SuccessAndFail = exports.SuccessAndFail = function SuccessAndFail() {
return _vue.default.extend({
render: function render() {
var h = arguments[0];
return h(_Card.default, [h(_Button.default, {
"on": {
"click": function click() {
_index.default.success('成功', 100000);
}
}
}, ["success"]), h(_Button.default, {
"on": {
"click": function click() {
_index.default.fail('失败了');
}
}
}, ["fail"])]);
}
});
};
var Icon = exports.Icon = function Icon() {
return _vue.default.extend({
render: function render() {
var h = arguments[0];
return h(_Card.default, [h(_Button.default, {
"on": {
"click": function click() {
_index.default.open({
duration: 100000,
icon: {
type: _CheckboxCircleOutlined2.default
},
content: '操作成功'
// vertical: true,
});
}
}
}, ["Icon"])]);
}
});
};
var Position = exports.Position = function Position() {
return _vue.default.extend({
data: function data() {
return {
positions: ['center', 'left', 'right', 'top', 'bottom', {
horizontal: 'left',
vertical: 'top'
}, {
horizontal: 'left',
vertical: 'bottom'
}, {
horizontal: 'right',
vertical: 'top'
}, {
horizontal: 'right',
vertical: 'bottom'
}]
};
},
render: function render() {
var h = arguments[0];
return h(_Card.default, [this.positions.map(function (pos, index) {
var content = typeof pos === 'string' ? pos : Object.values(pos).join('-');
return h(_Button.default, {
"style": "margin-top: 10px; margin-bottom: 10px;",
"attrs": {
"type": index % 2 ? 'default' : 'primary'
},
"on": {
"click": function click() {
_index.default.open({
content: content,
position: pos
});
}
}
}, [content]);
})]);
}
});
};