@ohu-mobile/core
Version:
263 lines (262 loc) • 7.6 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.Mask = exports.ItemDisabled = exports.Icon = exports.GlobalPopupStyle = exports.Divider = exports.DisableItemActive = exports.Direction = exports.Basic = void 0;
var _ArrowDownSFilled2 = _interopRequireDefault(require("@ohu-mobile/icons/lib/ArrowDownSFilled"));
var _CheckboxCircleOutlined2 = _interopRequireDefault(require("@ohu-mobile/icons/lib/CheckboxCircleOutlined"));
var _vue = _interopRequireDefault(require("vue"));
var _vueStrictProp = _interopRequireDefault(require("vue-strict-prop"));
var _vueTsxSupport = require("vue-tsx-support");
var _index = _interopRequireDefault(require("./index"));
require("./style");
var _Button = _interopRequireDefault(require("../Button"));
require("../Button/style");
var _Toast = _interopRequireDefault(require("../Toast"));
require("../Toast/style");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _default2 = exports.default = {
title: 'Components/FeedBack/DropMenu',
parameters: {
component: _index.default,
options: {
showPanel: true
}
}
};
var Demo = (0, _vueTsxSupport.component)({
props: {
direction: _vueStrictProp.default.ofStringLiterals('up', 'down').default('down'),
checkedIcon: _vueStrictProp.default.ofType().optional,
dropDownIcon: _vueStrictProp.default.ofType().optional,
itemActive: (0, _vueStrictProp.default)(Boolean).default(true),
divider: (0, _vueStrictProp.default)(Boolean).default(true),
mask: (0, _vueStrictProp.default)(Boolean).default(true),
defaultValue: (0, _vueStrictProp.default)(Object).default(function () {
return {
type: 'all',
time: '*',
position: 'zrys'
};
}),
typeDisabled: (0, _vueStrictProp.default)(Boolean).default(false),
popupStyle: (0, _vueStrictProp.default)(Object).default(function () {
return {};
})
},
render: function render() {
var h = arguments[0];
return h("div", [h(_index.default, {
"style": "margin-top: 300px;",
"attrs": {
"defaultValue": this.defaultValue,
"direction": this.direction,
"itemActive": this.itemActive,
"divider": this.divider,
"mask": this.mask,
"popupStyle": this.popupStyle,
"checkIcon": this.checkedIcon,
"dropDownIcon": this.dropDownIcon
},
"on": {
"change": function change(e) {
_Toast.default.info(JSON.stringify(e) || '', {
zIndex: 99999
});
},
"itemChange": function itemChange(e) {
console.log(e);
}
}
}, [h(_index.default.Item, {
"key": "type",
"attrs": {
"title": "排班类型",
"disabled": this.typeDisabled,
"options": [{
label: '全部',
value: 'all'
}, {
label: '专家',
disabled: true,
value: 'special'
}, {
label: '普通',
value: 'normal'
}]
}
}), h(_index.default.Item, {
"key": "time",
"attrs": {
"title": "出诊时间",
"options": [{
label: '不限',
value: '*'
}, {
label: '09-01 周日',
value: '2019-09-01'
}, {
label: '09-02 周一',
value: '2019-09-02'
}, {
label: '09-03 周二',
value: '2019-09-03'
}, {
label: '09-04 周三',
value: '2019-09-04'
}]
},
"style": "width: 80%; flex-shrink: 0;"
}), h(_index.default.Item, {
"key": "position",
"attrs": {
"title": "医生职称",
"popupStyle": {
background: '#efefef',
height: '200px'
},
"options": [{
value: 'zrys',
label: '主任医师'
}, {
value: 'fzrys',
label: '副主任医师'
}]
},
"scopedSlots": {
title: function title(_ref) {
var checked = _ref.checked,
defaultTitle = _ref.defaultTitle;
return defaultTitle + ((checked === null || checked === void 0 ? void 0 : checked.value) || '');
},
default: function _default(_ref2) {
var checked = _ref2.checked,
instance = _ref2.instance,
options = _ref2.options;
return h("div", {
"style": "padding: 10px; font-size: 14px; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center;"
}, [h("span", ["\u5F53\u524D\u9009\u4E2D\uFF1A", checked && checked.label || '暂无']), h("div", [options.map(function (option) {
return h(_Button.default, {
"style": "margin-left: 5px;",
"attrs": {
"size": "sm",
"type": checked && checked.value === option.value ? 'primary' : 'default',
"inline": true
},
"on": {
"click": function click() {
instance.triggerChange({
label: option.label,
value: option.value
});
}
}
}, [option.label]);
})])]);
}
}
})]), h("p", {
"style": "height: 900px;"
})]);
}
});
var Basic = exports.Basic = function Basic() {
return _vue.default.extend({
render: function render() {
var h = arguments[0];
return h(Demo, {
"attrs": {
"defaultValue": {}
}
});
}
});
};
var Direction = exports.Direction = function Direction() {
return _vue.default.extend({
render: function render() {
var h = arguments[0];
return h(Demo, {
"attrs": {
"direction": "up"
}
});
}
});
};
var Icon = exports.Icon = function Icon() {
return _vue.default.extend({
render: function render() {
var h = arguments[0];
return h(Demo, {
"attrs": {
"checkedIcon": _CheckboxCircleOutlined2.default,
"dropDownIcon": _ArrowDownSFilled2.default
}
});
}
});
};
var DisableItemActive = exports.DisableItemActive = function DisableItemActive() {
return _vue.default.extend({
render: function render() {
var h = arguments[0];
return h(Demo, {
"attrs": {
"itemActive": false
}
});
}
});
};
var Divider = exports.Divider = function Divider() {
return _vue.default.extend({
render: function render() {
var h = arguments[0];
return h(Demo, {
"attrs": {
"divider": false
}
});
}
});
};
var Mask = exports.Mask = function Mask() {
return _vue.default.extend({
render: function render() {
var h = arguments[0];
return h(Demo, {
"attrs": {
"mask": false
}
});
}
});
};
var ItemDisabled = exports.ItemDisabled = function ItemDisabled() {
return _vue.default.extend({
render: function render() {
var h = arguments[0];
return h(Demo, {
"attrs": {
"typeDisabled": true
}
});
}
});
};
var GlobalPopupStyle = exports.GlobalPopupStyle = function GlobalPopupStyle() {
return _vue.default.extend({
render: function render() {
var h = arguments[0];
return h(Demo, {
"attrs": {
"popupStyle": {
maxHeight: '200px',
overflowY: 'auto'
}
}
});
}
});
};