DataType
/
omi
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update example

This commit is contained in:
dntzhang 2018-11-06 10:07:41 +08:00
parent 36b006a001
commit 8f88a0efdc
3 changed files with 79 additions and 81 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

146
packages/omi/examples/slot/b.js
View File

@ -1421,9 +1421,9 @@
};
options.root.Omi = omi;
options.root.Omi.version = '4.0.19';
options.root.Omi.version = '4.0.20';
var _dec, _class$1, _class2, _temp$1, _dec2, _class3;
var _class$1, _temp$1;
function _classCallCheck$2(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@ -1431,86 +1431,86 @@
function _inherits$2(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var HelloElement = (_dec = tag('fancy-tabs'), _dec(_class$1 = (_temp$1 = _class2 = function (_WeElement) {
_inherits$2(HelloElement, _WeElement);
define('fancy-tabs', (_temp$1 = _class$1 = function (_WeElement) {
_inherits$2(_class, _WeElement);
function HelloElement() {
_classCallCheck$2(this, HelloElement);
function _class() {
_classCallCheck$2(this, _class);
return _possibleConstructorReturn$2(this, _WeElement.apply(this, arguments));
}
return _possibleConstructorReturn$2(this, _WeElement.apply(this, arguments));
}
HelloElement.prototype.render = function render$$1() {
return [Omi.h(
'div',
{ id: 'tabs' },
Omi.h('slot', { id: 'tabsSlot', name: 'title' })
), Omi.h(
'div',
{ id: 'panels' },
Omi.h('slot', { id: 'panelsSlot' })
), Omi.h(
'div',
null,
'Show me only when noSlot is true!'
)];
};
_class.prototype.render = function render$$1() {
return [Omi.h(
'div',
{ id: 'tabs' },
Omi.h('slot', { id: 'tabsSlot', name: 'title' })
), Omi.h(
'div',
{ id: 'panels' },
Omi.h('slot', { id: 'panelsSlot' })
), Omi.h(
'div',
null,
'Show me only when noSlot is true!'
)];
};
return HelloElement;
}(WeElement), _class2.noSlot = true, _temp$1)) || _class$1);
var MyApp = (_dec2 = tag('my-app'), _dec2(_class3 = function (_WeElement2) {
_inherits$2(MyApp, _WeElement2);
return _class;
}(WeElement), _class$1.noSlot = true, _temp$1));
function MyApp() {
_classCallCheck$2(this, MyApp);
define('my-app', function (_WeElement2) {
_inherits$2(_class2, _WeElement2);
return _possibleConstructorReturn$2(this, _WeElement2.apply(this, arguments));
}
function _class2() {
_classCallCheck$2(this, _class2);
MyApp.prototype.render = function render$$1() {
return Omi.h(
'div',
null,
Omi.h(
'fancy-tabs',
null,
Omi.h(
'button',
{ slot: 'title' },
'Title'
),
Omi.h(
'button',
{ slot: 'title', selected: true },
'Title 2'
),
Omi.h(
'button',
{ slot: 'title' },
'Title 3'
),
Omi.h(
'section',
null,
'content panel 1'
),
Omi.h(
'section',
null,
'content panel 2'
),
Omi.h(
'section',
null,
'content panel 3'
)
)
);
};
return _possibleConstructorReturn$2(this, _WeElement2.apply(this, arguments));
}
return MyApp;
}(WeElement)) || _class3);
_class2.prototype.render = function render$$1() {
return Omi.h(
'div',
null,
Omi.h(
'fancy-tabs',
null,
Omi.h(
'button',
{ slot: 'title' },
'Title'
),
Omi.h(
'button',
{ slot: 'title', selected: true },
'Title 2'
),
Omi.h(
'button',
{ slot: 'title' },
'Title 3'
),
Omi.h(
'section',
null,
'content panel 1'
),
Omi.h(
'section',
null,
'content panel 2'
),
Omi.h(
'section',
null,
'content panel 3'
)
)
);
};
return _class2;
}(WeElement));
render(Omi.h('my-app', null), 'body');

2
packages/omi/examples/slot/b.js.map
View File

File diff suppressed because one or more lines are too long

12
packages/omi/examples/slot/main.js
View File

@ -1,7 +1,6 @@
import { tag, render, WeElement } from '../../src/omi'
import { define, render, WeElement } from '../../src/omi'
@tag('fancy-tabs')
class HelloElement extends WeElement {
define('fancy-tabs', class extends WeElement {
static noSlot = true
render() {
@ -15,10 +14,9 @@ class HelloElement extends WeElement {
<div>Show me only when noSlot is true!</div>
]
}
}
})
@tag('my-app')
class MyApp extends WeElement {
define('my-app', class extends WeElement {
render() {
return (
<div>
@ -35,6 +33,6 @@ class MyApp extends WeElement {
</div>
)
}
}
})
render(<my-app />, 'body')