@ohu-mobile/core
Version:
95 lines (94 loc) • 2.94 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.NoAction = exports.Basic = void 0;
var _QuestionOutlined2 = _interopRequireDefault(require("@ohu-mobile/icons/lib/QuestionOutlined"));
var _HomeOutlined2 = _interopRequireDefault(require("@ohu-mobile/icons/lib/HomeOutlined"));
var _CustomerServiceOutlined2 = _interopRequireDefault(require("@ohu-mobile/icons/lib/CustomerServiceOutlined"));
var _UserSmileOutlined2 = _interopRequireDefault(require("@ohu-mobile/icons/lib/UserSmileOutlined"));
var _vueTsxSupport = require("vue-tsx-support");
var _index = _interopRequireDefault(require("./index"));
require("./style");
require("../Button/style");
require("../Icon/style");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _default = exports.default = {
title: 'Components/Navigation/Fab',
parameters: {
component: _index.default,
options: {
showPanel: true
}
}
};
var NoAction = exports.NoAction = function NoAction() {
return (0, _vueTsxSupport.component)({
render: function render() {
var h = arguments[0];
return h(_index.default, {
"style": "bottom: 50px;",
"attrs": {
"label": "标签"
},
"on": {
"click": function click() {
console.log('hello');
}
}
});
}
});
};
var Basic = exports.Basic = function Basic() {
return (0, _vueTsxSupport.component)({
data: function data() {
return {
expand: false,
x: ['left', 'right', 'center'],
y: ['top', 'bottom', 'center']
};
},
render: function render() {
var _this = this;
var h = arguments[0];
return h("div", {
"class": "demo",
"style": "background: #eee; height: 100vh;"
}, [this.x.map(function (xd) {
return _this.y.map(function (yd) {
var d = xd + '-' + yd;
return h(_index.default, {
"attrs": {
"mask": true,
"label": "标签",
"maskClosable": true,
"position": d,
"direction": yd === 'center' && xd === 'right' ? 'left' : undefined
}
}, [h(_index.default.Action, {
"attrs": {
"icon": _UserSmileOutlined2.default,
"label": "笑脸"
}
}), h(_index.default.Action, {
"attrs": {
"icon": _CustomerServiceOutlined2.default,
"label": "客服"
}
}), h(_index.default.Action, {
"attrs": {
"icon": _HomeOutlined2.default,
"label": "首页"
}
}), h(_index.default.Action, {
"attrs": {
"icon": _QuestionOutlined2.default,
"label": "问题"
}
})]);
});
})]);
}
});
};