mirror of
https://github.com/MrXujiang/h5-Dooring.git
synced 2026-02-19 03:33:48 +00:00
🆕 更新dooring文档,添加schema设计注释, 编辑类型枚举
This commit is contained in:
xujiang
parent
497a2c02c1
commit
f428a540a4
@ -8,13 +8,13 @@
|
||||
|
||||
<meta name="description" content="">
|
||||
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.3b9b3a9c.css" as="style"><link rel="preload" href="/doc/assets/js/app.04dfb0e4.js" as="script"><link rel="preload" href="/doc/assets/js/17.e2c644fa.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.57c980fd.js"><link rel="prefetch" href="/doc/assets/js/11.a47e2d9b.js"><link rel="prefetch" href="/doc/assets/js/12.9eddd902.js"><link rel="prefetch" href="/doc/assets/js/13.663fc48e.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/16.ebc27227.js"><link rel="prefetch" href="/doc/assets/js/18.8be51919.js"><link rel="prefetch" href="/doc/assets/js/19.c5cc8e35.js"><link rel="prefetch" href="/doc/assets/js/2.693230f5.js"><link rel="prefetch" href="/doc/assets/js/20.09f15f46.js"><link rel="prefetch" href="/doc/assets/js/21.390bb49b.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.9bda2ced.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.e454a69e.js"><link rel="prefetch" href="/doc/assets/js/26.bf8cc2c2.js"><link rel="prefetch" href="/doc/assets/js/27.18814355.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.d198a40c.js"><link rel="prefetch" href="/doc/assets/js/5.82171d89.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.e7b0462e.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.js"><link rel="prefetch" href="/doc/assets/js/9.c9c11d43.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.3b9b3a9c.css">
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.ac490cc9.js" as="script"><link rel="preload" href="/doc/assets/js/17.e2c644fa.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.c3aa487f.js"><link rel="prefetch" href="/doc/assets/js/11.4dfd0b43.js"><link rel="prefetch" href="/doc/assets/js/12.639e1894.js"><link rel="prefetch" href="/doc/assets/js/13.e30615b0.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/16.ebc27227.js"><link rel="prefetch" href="/doc/assets/js/18.3e6eaba0.js"><link rel="prefetch" href="/doc/assets/js/19.4abe8428.js"><link rel="prefetch" href="/doc/assets/js/2.693230f5.js"><link rel="prefetch" href="/doc/assets/js/20.eb3d4a7f.js"><link rel="prefetch" href="/doc/assets/js/21.acd348b3.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.3c312dd7.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.b3baaa9c.js"><link rel="prefetch" href="/doc/assets/js/26.5755449d.js"><link rel="prefetch" href="/doc/assets/js/27.9151272d.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.2121e1d8.js"><link rel="prefetch" href="/doc/assets/js/5.615d527f.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.f3022582.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.js"><link rel="prefetch" href="/doc/assets/js/9.5e6217e4.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.690c58c3.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><div class="theme-default-content"><h1>404</h1> <blockquote>Looks like we've got some broken links.</blockquote> <a href="/doc/" class="router-link-active">
|
||||
Take me home.
|
||||
</a></div></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.04dfb0e4.js" defer></script><script src="/doc/assets/js/17.e2c644fa.js" defer></script>
|
||||
<script src="/doc/assets/js/app.ac490cc9.js" defer></script><script src="/doc/assets/js/17.e2c644fa.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -1,10 +1,10 @@
|
||||
(window.webpackJsonp = window.webpackJsonp || []).push([
|
||||
[10],
|
||||
{
|
||||
359: function(t, r, a) {
|
||||
360: function(t, r, a) {
|
||||
t.exports = a.p + 'assets/img/dynamic.15a5303a.png';
|
||||
},
|
||||
385: function(t, r, a) {
|
||||
387: function(t, r, a) {
|
||||
'use strict';
|
||||
a.r(r);
|
||||
var n = a(42),
|
||||
@ -41,7 +41,7 @@
|
||||
),
|
||||
]),
|
||||
t._v(' '),
|
||||
n('img', { attrs: { src: a(359), alt: 'foo' } }),
|
||||
n('img', { attrs: { src: a(360), alt: 'foo' } }),
|
||||
t._v(' '),
|
||||
n('p', [
|
||||
t._v('具体代码可以参考Dooring的Github地址：'),
|
||||
@ -1,10 +1,10 @@
|
||||
(window.webpackJsonp = window.webpackJsonp || []).push([
|
||||
[11],
|
||||
{
|
||||
363: function(t, _, v) {
|
||||
359: function(t, _, v) {
|
||||
t.exports = v.p + 'assets/img/deploy.d1b1d698.png';
|
||||
},
|
||||
392: function(t, _, v) {
|
||||
386: function(t, _, v) {
|
||||
'use strict';
|
||||
v.r(_);
|
||||
var a = v(42),
|
||||
@ -50,7 +50,7 @@
|
||||
t._v(' 部署架构图'),
|
||||
]),
|
||||
t._v(' '),
|
||||
a('img', { attrs: { src: v(363), alt: 'H5-dooring部署' } }),
|
||||
a('img', { attrs: { src: v(359), alt: 'H5-dooring部署' } }),
|
||||
t._v(' '),
|
||||
a('p', [t._v('部署流程如下:')]),
|
||||
t._v(' '),
|
||||
@ -1,10 +1,10 @@
|
||||
(window.webpackJsonp = window.webpackJsonp || []).push([
|
||||
[12],
|
||||
{
|
||||
360: function(t, e, s) {
|
||||
361: function(t, e, s) {
|
||||
t.exports = s.p + 'assets/img/preview-machine.895a0711.png';
|
||||
},
|
||||
390: function(t, e, s) {
|
||||
391: function(t, e, s) {
|
||||
'use strict';
|
||||
s.r(e);
|
||||
var a = s(42),
|
||||
@ -22,7 +22,7 @@
|
||||
t._v(' '),
|
||||
a('p', [t._v('真机预览和网页预览的流程类似，工作流程如下：')]),
|
||||
t._v(' '),
|
||||
a('img', { attrs: { src: s(360), alt: 'foo' } }),
|
||||
a('img', { attrs: { src: s(361), alt: 'foo' } }),
|
||||
t._v(' '),
|
||||
a('p', [t._v('由于不同机型预览的效果有些许不同，最终效果以实际看到的为主。')]),
|
||||
]);
|
||||
@ -1,10 +1,10 @@
|
||||
(window.webpackJsonp = window.webpackJsonp || []).push([
|
||||
[13],
|
||||
{
|
||||
364: function(t, s, e) {
|
||||
362: function(t, s, e) {
|
||||
t.exports = e.p + 'assets/img/screenshot.daeecedd.png';
|
||||
},
|
||||
396: function(t, s, e) {
|
||||
394: function(t, s, e) {
|
||||
'use strict';
|
||||
e.r(s);
|
||||
var a = e(42),
|
||||
@ -27,7 +27,7 @@
|
||||
),
|
||||
]),
|
||||
this._v(' '),
|
||||
s('img', { attrs: { src: e(364), alt: 'foo' } }),
|
||||
s('img', { attrs: { src: e(362), alt: 'foo' } }),
|
||||
]);
|
||||
},
|
||||
[],
|
||||
@ -1,7 +1,7 @@
|
||||
(window.webpackJsonp = window.webpackJsonp || []).push([
|
||||
[18],
|
||||
{
|
||||
384: function(t, e, n) {
|
||||
382: function(t, e, n) {
|
||||
'use strict';
|
||||
n.r(e);
|
||||
var s = n(42),
|
||||
@ -1,7 +1,7 @@
|
||||
(window.webpackJsonp = window.webpackJsonp || []).push([
|
||||
[19],
|
||||
{
|
||||
382: function(t, e, n) {
|
||||
385: function(t, e, n) {
|
||||
'use strict';
|
||||
n.r(e);
|
||||
var s = n(42),
|
||||
@ -1,7 +1,7 @@
|
||||
(window.webpackJsonp = window.webpackJsonp || []).push([
|
||||
[20],
|
||||
{
|
||||
387: function(t, s, a) {
|
||||
383: function(t, s, a) {
|
||||
'use strict';
|
||||
a.r(s);
|
||||
var n = a(42),
|
||||
@ -1,380 +0,0 @@
|
||||
(window.webpackJsonp = window.webpackJsonp || []).push([
|
||||
[21],
|
||||
{
|
||||
386: function(t, s, a) {
|
||||
'use strict';
|
||||
a.r(s);
|
||||
var n = a(42),
|
||||
p = Object(n.a)(
|
||||
{},
|
||||
function() {
|
||||
var t = this,
|
||||
s = t.$createElement,
|
||||
a = t._self._c || s;
|
||||
return a('ContentSlotsDistributor', { attrs: { 'slot-key': t.$parent.slotKey } }, [
|
||||
a('h1', { attrs: { id: '组件结构' } }, [
|
||||
a('a', { staticClass: 'header-anchor', attrs: { href: '#组件结构' } }, [t._v('#')]),
|
||||
t._v(' 组件结构'),
|
||||
]),
|
||||
t._v(' '),
|
||||
a('p', [t._v('dooring的组件设计包含以下3个部分组件：')]),
|
||||
t._v(' '),
|
||||
a('p', [t._v('1、component 组件主体')]),
|
||||
t._v(' '),
|
||||
a('p', [t._v('2、schema 组件的DSL，结构协议层')]),
|
||||
t._v(' '),
|
||||
a('p', [t._v('3、template 定义了组件的类型、外观、从属关系，后期考虑纳入schema')]),
|
||||
t._v(' '),
|
||||
a('p', [
|
||||
t._v(
|
||||
'接下来我会介绍一个基本的组件主体设计，以为template设计，在下一章会具体介绍schema部分。',
|
||||
),
|
||||
]),
|
||||
t._v(' '),
|
||||
a('h2', { attrs: { id: '组件设计' } }, [
|
||||
a('a', { staticClass: 'header-anchor', attrs: { href: '#组件设计' } }, [t._v('#')]),
|
||||
t._v(' 组件设计'),
|
||||
]),
|
||||
t._v(' '),
|
||||
a('p', [t._v('我们这里拿基本的header组件来举例，如下是header组件的代码：')]),
|
||||
t._v(' '),
|
||||
a('div', { staticClass: 'language-jsx extra-class' }, [
|
||||
a('pre', { pre: !0, attrs: { class: 'language-jsx' } }, [
|
||||
a('code', [
|
||||
a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('interface')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token class-name' } }, [
|
||||
t._v('HeaderPropTypes'),
|
||||
]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('extends')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token class-name' } }, [
|
||||
t._v('IHeaderConfig'),
|
||||
]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v('\n isTpl'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' boolean'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]),
|
||||
t._v('\n'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
t._v('\n\n'),
|
||||
a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('const')]),
|
||||
t._v(' Header '),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token function' } }, [t._v('memo')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token parameter' } }, [
|
||||
t._v('props'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' HeaderPropTypes'),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(')')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=>')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v('\n '),
|
||||
a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('const')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v(' bgColor'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v(' logo'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v(' logoText'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v(' fontSize'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v(' color '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=')]),
|
||||
t._v(' props'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]),
|
||||
t._v('\n '),
|
||||
a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('return')]),
|
||||
t._v(' props'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]),
|
||||
t._v('isTpl '),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('?')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]),
|
||||
t._v('\n '),
|
||||
a('span', { pre: !0, attrs: { class: 'token tag' } }, [
|
||||
a('span', { pre: !0, attrs: { class: 'token tag' } }, [
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('<')]),
|
||||
t._v('div'),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('>')]),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [
|
||||
t._v('\n < img style='),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v('width'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'100%'")]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [t._v(' src=')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v('logos'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [
|
||||
t._v(' alt="" />\n '),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token tag' } }, [
|
||||
a('span', { pre: !0, attrs: { class: 'token tag' } }, [
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('</')]),
|
||||
t._v('div'),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('>')]),
|
||||
]),
|
||||
t._v('\n '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(')')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]),
|
||||
t._v('\n '),
|
||||
a('span', { pre: !0, attrs: { class: 'token tag' } }, [
|
||||
a('span', { pre: !0, attrs: { class: 'token tag' } }, [
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('<')]),
|
||||
t._v('header'),
|
||||
]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token attr-name' } }, [
|
||||
t._v('className'),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token script language-javascript' } }, [
|
||||
a(
|
||||
'span',
|
||||
{ pre: !0, attrs: { class: 'token script-punctuation punctuation' } },
|
||||
[t._v('=')],
|
||||
),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v('styles'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]),
|
||||
t._v('header'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token attr-name' } }, [t._v('style')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token script language-javascript' } }, [
|
||||
a(
|
||||
'span',
|
||||
{ pre: !0, attrs: { class: 'token script-punctuation punctuation' } },
|
||||
[t._v('=')],
|
||||
),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v(' backgroundColor'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' bgColor '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('>')]),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [
|
||||
t._v('\n '),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token tag' } }, [
|
||||
a('span', { pre: !0, attrs: { class: 'token tag' } }, [
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('<')]),
|
||||
t._v('div'),
|
||||
]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token attr-name' } }, [
|
||||
t._v('className'),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token script language-javascript' } }, [
|
||||
a(
|
||||
'span',
|
||||
{ pre: !0, attrs: { class: 'token script-punctuation punctuation' } },
|
||||
[t._v('=')],
|
||||
),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v('styles'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]),
|
||||
t._v('logo'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('>')]),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [
|
||||
t._v('\n < img src='),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v('logo '),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('&&')]),
|
||||
t._v(' logo'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('[')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token number' } }, [t._v('0')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(']')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]),
|
||||
t._v('url'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [t._v(' alt=')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v('logoText'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [
|
||||
t._v(' />\n '),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token tag' } }, [
|
||||
a('span', { pre: !0, attrs: { class: 'token tag' } }, [
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('</')]),
|
||||
t._v('div'),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('>')]),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [
|
||||
t._v('\n '),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token tag' } }, [
|
||||
a('span', { pre: !0, attrs: { class: 'token tag' } }, [
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('<')]),
|
||||
t._v('div'),
|
||||
]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token attr-name' } }, [
|
||||
t._v('className'),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token script language-javascript' } }, [
|
||||
a(
|
||||
'span',
|
||||
{ pre: !0, attrs: { class: 'token script-punctuation punctuation' } },
|
||||
[t._v('=')],
|
||||
),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v('styles'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]),
|
||||
t._v('title'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token attr-name' } }, [t._v('style')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token script language-javascript' } }, [
|
||||
a(
|
||||
'span',
|
||||
{ pre: !0, attrs: { class: 'token script-punctuation punctuation' } },
|
||||
[t._v('=')],
|
||||
),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v(' fontSize'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v(' color '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('>')]),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [
|
||||
t._v('\n '),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v('logoText'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [
|
||||
t._v('\n '),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token tag' } }, [
|
||||
a('span', { pre: !0, attrs: { class: 'token tag' } }, [
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('</')]),
|
||||
t._v('div'),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('>')]),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [t._v('\n ')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token tag' } }, [
|
||||
a('span', { pre: !0, attrs: { class: 'token tag' } }, [
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('</')]),
|
||||
t._v('header'),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('>')]),
|
||||
]),
|
||||
t._v('\n '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(')')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]),
|
||||
t._v('\n'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(')')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]),
|
||||
t._v('\n'),
|
||||
]),
|
||||
]),
|
||||
]),
|
||||
a('p', [
|
||||
t._v(
|
||||
'我们只需要按照上面的方式编写组件即可，props是DSL定义的数据层，用来控制组件的shape，也就是组件的表现。我们看看header对应的template。',
|
||||
),
|
||||
]),
|
||||
t._v(' '),
|
||||
a('h2', { attrs: { id: 'template设计' } }, [
|
||||
a('a', { staticClass: 'header-anchor', attrs: { href: '#template设计' } }, [
|
||||
t._v('#'),
|
||||
]),
|
||||
t._v(' template设计'),
|
||||
]),
|
||||
t._v(' '),
|
||||
a('div', { staticClass: 'language-js extra-class' }, [
|
||||
a('pre', { pre: !0, attrs: { class: 'language-js' } }, [
|
||||
a('code', [
|
||||
a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('const')]),
|
||||
t._v(' template '),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v('\n type'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'Header'")]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n h'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token number' } }, [t._v('28')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n displayName'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'页头组件'")]),
|
||||
t._v('\n'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]),
|
||||
t._v('\n'),
|
||||
a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('export')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('default')]),
|
||||
t._v(' template'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]),
|
||||
t._v('\n'),
|
||||
]),
|
||||
]),
|
||||
]),
|
||||
a('p', [
|
||||
t._v(
|
||||
'以上就是我们template的结构，type用来定义组件的类型，方便渲染器动态查找，h代表组件的初始化高度，我们可以自由设置。displayName是组件的中文名，用来在左侧组件面板中展示，方便用户理解，我们可以在template中自定义更多辅助信息，方便使用者更高效的使用我们的编辑器。',
|
||||
),
|
||||
]),
|
||||
]);
|
||||
},
|
||||
[],
|
||||
!1,
|
||||
null,
|
||||
null,
|
||||
null,
|
||||
);
|
||||
s.default = p.exports;
|
||||
},
|
||||
},
|
||||
]);
|
||||
824
doc-dist/assets/js/21.acd348b3.js
Normal file
824
doc-dist/assets/js/21.acd348b3.js
Normal file
@ -0,0 +1,824 @@
|
||||
(window.webpackJsonp = window.webpackJsonp || []).push([
|
||||
[21],
|
||||
{
|
||||
388: function(t, s, a) {
|
||||
'use strict';
|
||||
a.r(s);
|
||||
var n = a(42),
|
||||
e = Object(n.a)(
|
||||
{},
|
||||
function() {
|
||||
var t = this,
|
||||
s = t.$createElement,
|
||||
a = t._self._c || s;
|
||||
return a('ContentSlotsDistributor', { attrs: { 'slot-key': t.$parent.slotKey } }, [
|
||||
a('h1', { attrs: { id: '组件结构' } }, [
|
||||
a('a', { staticClass: 'header-anchor', attrs: { href: '#组件结构' } }, [t._v('#')]),
|
||||
t._v(' 组件结构'),
|
||||
]),
|
||||
t._v(' '),
|
||||
a('p', [t._v('dooring的组件设计包含以下3个部分组件：')]),
|
||||
t._v(' '),
|
||||
a('p', [t._v('1、component 组件主体')]),
|
||||
t._v(' '),
|
||||
a('p', [t._v('2、schema 组件的DSL，结构协议层')]),
|
||||
t._v(' '),
|
||||
a('p', [t._v('3、template 定义了组件的类型、外观、从属关系，后期考虑纳入schema')]),
|
||||
t._v(' '),
|
||||
a('p', [
|
||||
t._v(
|
||||
'接下来我会介绍一个基本的组件主体设计，以为template设计，在下一章会具体介绍schema部分。',
|
||||
),
|
||||
]),
|
||||
t._v(' '),
|
||||
a('h2', { attrs: { id: '组件设计' } }, [
|
||||
a('a', { staticClass: 'header-anchor', attrs: { href: '#组件设计' } }, [t._v('#')]),
|
||||
t._v(' 组件设计'),
|
||||
]),
|
||||
t._v(' '),
|
||||
a('p', [t._v('我们这里拿基本的header组件来举例，如下是header组件的代码：')]),
|
||||
t._v(' '),
|
||||
a('div', { staticClass: 'language-jsx extra-class' }, [
|
||||
a('pre', { pre: !0, attrs: { class: 'language-jsx' } }, [
|
||||
a('code', [
|
||||
a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('interface')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token class-name' } }, [
|
||||
t._v('HeaderPropTypes'),
|
||||
]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('extends')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token class-name' } }, [
|
||||
t._v('IHeaderConfig'),
|
||||
]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v('\n isTpl'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' boolean'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]),
|
||||
t._v('\n'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
t._v('\n\n'),
|
||||
a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('const')]),
|
||||
t._v(' Header '),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token function' } }, [t._v('memo')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token parameter' } }, [
|
||||
t._v('props'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' HeaderPropTypes'),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(')')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=>')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v('\n '),
|
||||
a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('const')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v(' bgColor'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v(' logo'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v(' logoText'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v(' fontSize'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v(' color '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=')]),
|
||||
t._v(' props'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]),
|
||||
t._v('\n '),
|
||||
a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('return')]),
|
||||
t._v(' props'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]),
|
||||
t._v('isTpl '),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('?')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]),
|
||||
t._v('\n '),
|
||||
a('span', { pre: !0, attrs: { class: 'token tag' } }, [
|
||||
a('span', { pre: !0, attrs: { class: 'token tag' } }, [
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('<')]),
|
||||
t._v('div'),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('>')]),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [
|
||||
t._v('\n < img style='),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v('width'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'100%'")]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [t._v(' src=')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v('logos'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [
|
||||
t._v(' alt="" />\n '),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token tag' } }, [
|
||||
a('span', { pre: !0, attrs: { class: 'token tag' } }, [
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('</')]),
|
||||
t._v('div'),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('>')]),
|
||||
]),
|
||||
t._v('\n '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(')')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]),
|
||||
t._v('\n '),
|
||||
a('span', { pre: !0, attrs: { class: 'token tag' } }, [
|
||||
a('span', { pre: !0, attrs: { class: 'token tag' } }, [
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('<')]),
|
||||
t._v('header'),
|
||||
]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token attr-name' } }, [
|
||||
t._v('className'),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token script language-javascript' } }, [
|
||||
a(
|
||||
'span',
|
||||
{ pre: !0, attrs: { class: 'token script-punctuation punctuation' } },
|
||||
[t._v('=')],
|
||||
),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v('styles'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]),
|
||||
t._v('header'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token attr-name' } }, [t._v('style')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token script language-javascript' } }, [
|
||||
a(
|
||||
'span',
|
||||
{ pre: !0, attrs: { class: 'token script-punctuation punctuation' } },
|
||||
[t._v('=')],
|
||||
),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v(' backgroundColor'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' bgColor '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('>')]),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [
|
||||
t._v('\n '),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token tag' } }, [
|
||||
a('span', { pre: !0, attrs: { class: 'token tag' } }, [
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('<')]),
|
||||
t._v('div'),
|
||||
]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token attr-name' } }, [
|
||||
t._v('className'),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token script language-javascript' } }, [
|
||||
a(
|
||||
'span',
|
||||
{ pre: !0, attrs: { class: 'token script-punctuation punctuation' } },
|
||||
[t._v('=')],
|
||||
),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v('styles'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]),
|
||||
t._v('logo'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('>')]),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [
|
||||
t._v('\n < img src='),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v('logo '),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('&&')]),
|
||||
t._v(' logo'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('[')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token number' } }, [t._v('0')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(']')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]),
|
||||
t._v('url'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [t._v(' alt=')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v('logoText'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [
|
||||
t._v(' />\n '),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token tag' } }, [
|
||||
a('span', { pre: !0, attrs: { class: 'token tag' } }, [
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('</')]),
|
||||
t._v('div'),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('>')]),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [
|
||||
t._v('\n '),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token tag' } }, [
|
||||
a('span', { pre: !0, attrs: { class: 'token tag' } }, [
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('<')]),
|
||||
t._v('div'),
|
||||
]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token attr-name' } }, [
|
||||
t._v('className'),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token script language-javascript' } }, [
|
||||
a(
|
||||
'span',
|
||||
{ pre: !0, attrs: { class: 'token script-punctuation punctuation' } },
|
||||
[t._v('=')],
|
||||
),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v('styles'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]),
|
||||
t._v('title'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token attr-name' } }, [t._v('style')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token script language-javascript' } }, [
|
||||
a(
|
||||
'span',
|
||||
{ pre: !0, attrs: { class: 'token script-punctuation punctuation' } },
|
||||
[t._v('=')],
|
||||
),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v(' fontSize'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v(' color '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('>')]),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [
|
||||
t._v('\n '),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v('logoText'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [
|
||||
t._v('\n '),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token tag' } }, [
|
||||
a('span', { pre: !0, attrs: { class: 'token tag' } }, [
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('</')]),
|
||||
t._v('div'),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('>')]),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [t._v('\n ')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token tag' } }, [
|
||||
a('span', { pre: !0, attrs: { class: 'token tag' } }, [
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('</')]),
|
||||
t._v('header'),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('>')]),
|
||||
]),
|
||||
t._v('\n '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(')')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]),
|
||||
t._v('\n'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(')')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]),
|
||||
t._v('\n'),
|
||||
]),
|
||||
]),
|
||||
]),
|
||||
a('p', [
|
||||
t._v(
|
||||
'我们只需要按照上面的方式编写组件即可，props是DSL定义的数据层，用来控制组件的shape，也就是组件的表现。我们看看header对应的template。',
|
||||
),
|
||||
]),
|
||||
t._v(' '),
|
||||
a('h2', { attrs: { id: 'template设计' } }, [
|
||||
a('a', { staticClass: 'header-anchor', attrs: { href: '#template设计' } }, [
|
||||
t._v('#'),
|
||||
]),
|
||||
t._v(' template设计'),
|
||||
]),
|
||||
t._v(' '),
|
||||
a('div', { staticClass: 'language-js extra-class' }, [
|
||||
a('pre', { pre: !0, attrs: { class: 'language-js' } }, [
|
||||
a('code', [
|
||||
a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('const')]),
|
||||
t._v(' template '),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v('\n type'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'Header'")]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n h'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token number' } }, [t._v('28')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n displayName'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'页头组件'")]),
|
||||
t._v('\n'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]),
|
||||
t._v('\n'),
|
||||
a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('export')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('default')]),
|
||||
t._v(' template'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]),
|
||||
t._v('\n'),
|
||||
]),
|
||||
]),
|
||||
]),
|
||||
a('p', [
|
||||
t._v(
|
||||
'以上就是我们template的结构，type用来定义组件的类型，方便渲染器动态查找，h代表组件的初始化高度，我们可以自由设置。displayName是组件的中文名，用来在左侧组件面板中展示，方便用户理解，我们可以在template中自定义更多辅助信息，方便使用者更高效的使用我们的编辑器。',
|
||||
),
|
||||
]),
|
||||
t._v(' '),
|
||||
a('h2', { attrs: { id: 'schema设计' } }, [
|
||||
a('a', { staticClass: 'header-anchor', attrs: { href: '#schema设计' } }, [
|
||||
t._v('#'),
|
||||
]),
|
||||
t._v(' schema设计'),
|
||||
]),
|
||||
t._v(' '),
|
||||
a('p', [
|
||||
t._v('开发一个自定义组件需要包含3部分, '),
|
||||
a('code', [t._v('Component')]),
|
||||
t._v(', '),
|
||||
a('code', [t._v('Schema')]),
|
||||
t._v(' 和 '),
|
||||
a('code', [t._v('Template')]),
|
||||
t._v('. 接下来我们看一下 '),
|
||||
a('code', [t._v('Header')]),
|
||||
t._v(' 组件的 '),
|
||||
a('code', [t._v('Schema')]),
|
||||
t._v('.'),
|
||||
]),
|
||||
t._v(' '),
|
||||
a('div', { staticClass: 'language-js extra-class' }, [
|
||||
a('pre', { pre: !0, attrs: { class: 'language-js' } }, [
|
||||
a('code', [
|
||||
a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('import')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v('\n IColorConfigType'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n INumberConfigType'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n ITextConfigType'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n IUploadConfigType'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n TColorDefaultType'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n TNumberDefaultType'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n TTextDefaultType'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n TUploadDefaultType'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('from')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token string' } }, [
|
||||
t._v("'@/components/FormComponents/types'"),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]),
|
||||
t._v('\n'),
|
||||
a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('import')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v(' baseConfig'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v(' baseDefault'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v(' ICommonBaseType '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('from')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token string' } }, [
|
||||
t._v("'../../common'"),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]),
|
||||
t._v('\n\n'),
|
||||
a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('export')]),
|
||||
t._v(' type THeaderEditData '),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=')]),
|
||||
t._v(' Array'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('<')]),
|
||||
t._v('\n IColorConfigType '),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('|')]),
|
||||
t._v(' INumberConfigType '),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('|')]),
|
||||
t._v(' IUploadConfigType '),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('|')]),
|
||||
t._v(' ITextConfigType\n'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('>')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]),
|
||||
t._v('\n'),
|
||||
a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('export')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('interface')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token class-name' } }, [
|
||||
t._v('IHeaderConfig'),
|
||||
]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('extends')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token class-name' } }, [
|
||||
t._v('ICommonBaseType'),
|
||||
]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v('\n bgColor'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' TColorDefaultType'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]),
|
||||
t._v('\n logo'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' TUploadDefaultType'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]),
|
||||
t._v('\n logoText'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' TTextDefaultType'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]),
|
||||
t._v('\n fontSize'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' TNumberDefaultType'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]),
|
||||
t._v('\n color'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' TColorDefaultType'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]),
|
||||
t._v('\n height'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' TNumberDefaultType'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]),
|
||||
t._v('\n'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
t._v('\n\n'),
|
||||
a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('export')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('interface')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token class-name' } }, [
|
||||
t._v('IHeaderSchema'),
|
||||
]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v('\n editData'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' THeaderEditData'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]),
|
||||
t._v('\n config'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' IHeaderConfig'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]),
|
||||
t._v('\n'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
t._v('\n\n'),
|
||||
a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('const')]),
|
||||
t._v(' Header'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' IHeaderSchema '),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v('\n editData'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('[')]),
|
||||
t._v('\n '),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('...')]),
|
||||
t._v('baseConfig'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v('\n key'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'bgColor'")]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n name'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'背景色'")]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n type'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'Color'")]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v('\n key'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'height'")]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n name'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'高度'")]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n type'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'Number'")]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v('\n key'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'logo'")]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n name'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'logo'")]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n type'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'Upload'")]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n isCrop'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token boolean' } }, [t._v('true')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n cropRate'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token number' } }, [t._v('1000')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('/')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token number' } }, [t._v('618')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v('\n key'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'logoText'")]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n name'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'logo文字'")]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n type'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'Text'")]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v('\n key'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'color'")]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n name'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'文字颜色'")]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n type'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'Color'")]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v('\n key'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'fontSize'")]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n name'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'文字大小'")]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n type'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'Number'")]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(']')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n config'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v('\n bgColor'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token string' } }, [
|
||||
t._v("'rgba(0,0,0,1)'"),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n logo'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('[')]),
|
||||
t._v('\n '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]),
|
||||
t._v('\n uid'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'001'")]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n name'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'image.png'")]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n status'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'done'")]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n url'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token string' } }, [
|
||||
t._v("'http://49.234.61.19/uploads/3_1740be8a482.png'"),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(']')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n logoText'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token string' } }, [
|
||||
t._v("'页头Header'"),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n fontSize'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token number' } }, [t._v('20')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n color'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token string' } }, [
|
||||
t._v("'rgba(255,255,255,1)'"),
|
||||
]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n height'),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token number' } }, [t._v('50')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n '),
|
||||
a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('...')]),
|
||||
t._v('baseDefault'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n '),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]),
|
||||
t._v('\n'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]),
|
||||
t._v('\n\n'),
|
||||
a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('export')]),
|
||||
t._v(' '),
|
||||
a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('default')]),
|
||||
t._v(' Header'),
|
||||
a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]),
|
||||
t._v('\n'),
|
||||
]),
|
||||
]),
|
||||
]),
|
||||
a('p', [
|
||||
a('code', [t._v('editData')]),
|
||||
t._v('表示组件的可编辑属性, 我们可以自定义哪些组件可编辑. '),
|
||||
a('code', [t._v('config')]),
|
||||
t._v('为组件接收的属性, 和'),
|
||||
a('code', [t._v('editData')]),
|
||||
t._v('数组项中的'),
|
||||
a('code', [t._v('key')]),
|
||||
t._v('一一对应.'),
|
||||
]),
|
||||
t._v(' '),
|
||||
a('h3', { attrs: { id: '组件编辑区属性类型' } }, [
|
||||
a('a', { staticClass: 'header-anchor', attrs: { href: '#组件编辑区属性类型' } }, [
|
||||
t._v('#'),
|
||||
]),
|
||||
t._v(' 组件编辑区属性类型'),
|
||||
]),
|
||||
t._v(' '),
|
||||
a('p', [a('code', [t._v('Dooring')]), t._v('组件编辑面板有如下对应编辑类型:')]),
|
||||
t._v(' '),
|
||||
a('ul', [
|
||||
a('li', [t._v('Upload 上传组件')]),
|
||||
t._v(' '),
|
||||
a('li', [t._v('Text 文本框')]),
|
||||
t._v(' '),
|
||||
a('li', [t._v('RichText 富文本')]),
|
||||
t._v(' '),
|
||||
a('li', [t._v('TextArea 多行文本')]),
|
||||
t._v(' '),
|
||||
a('li', [t._v('Number 数字输入框')]),
|
||||
t._v(' '),
|
||||
a('li', [t._v('DataList 列表编辑器')]),
|
||||
t._v(' '),
|
||||
a('li', [t._v('FileList 文件列表编辑器')]),
|
||||
t._v(' '),
|
||||
a('li', [t._v('InteractionData 交互设置')]),
|
||||
t._v(' '),
|
||||
a('li', [t._v('Color 颜色面板')]),
|
||||
t._v(' '),
|
||||
a('li', [t._v('MutiText 多文本')]),
|
||||
t._v(' '),
|
||||
a('li', [t._v('Select 选择下拉框')]),
|
||||
t._v(' '),
|
||||
a('li', [t._v('Radio 单选框')]),
|
||||
t._v(' '),
|
||||
a('li', [t._v('Switch 开关切换')]),
|
||||
t._v(' '),
|
||||
a('li', [t._v('CardPicker 卡片面板')]),
|
||||
t._v(' '),
|
||||
a('li', [t._v('Table 表格编辑器')]),
|
||||
t._v(' '),
|
||||
a('li', [t._v('Pos 坐标编辑器')]),
|
||||
t._v(' '),
|
||||
a('li', [t._v('FormItems 表单设计器')]),
|
||||
]),
|
||||
]);
|
||||
},
|
||||
[],
|
||||
!1,
|
||||
null,
|
||||
null,
|
||||
null,
|
||||
);
|
||||
s.default = e.exports;
|
||||
},
|
||||
},
|
||||
]);
|
||||
@ -1,7 +1,7 @@
|
||||
(window.webpackJsonp = window.webpackJsonp || []).push([
|
||||
[23],
|
||||
{
|
||||
388: function(t, s, a) {
|
||||
390: function(t, s, a) {
|
||||
'use strict';
|
||||
a.r(s);
|
||||
var n = a(42),
|
||||
@ -1,7 +1,7 @@
|
||||
(window.webpackJsonp = window.webpackJsonp || []).push([
|
||||
[25],
|
||||
{
|
||||
397: function(n, e, s) {
|
||||
392: function(n, e, s) {
|
||||
'use strict';
|
||||
s.r(e);
|
||||
var t = s(42),
|
||||
@ -1,7 +1,7 @@
|
||||
(window.webpackJsonp = window.webpackJsonp || []).push([
|
||||
[26],
|
||||
{
|
||||
394: function(t, s, a) {
|
||||
395: function(t, s, a) {
|
||||
'use strict';
|
||||
a.r(s);
|
||||
var n = a(42),
|
||||
@ -1,7 +1,7 @@
|
||||
(window.webpackJsonp = window.webpackJsonp || []).push([
|
||||
[27],
|
||||
{
|
||||
395: function(t, n, e) {
|
||||
396: function(t, n, e) {
|
||||
'use strict';
|
||||
e.r(n);
|
||||
var o = e(42),
|
||||
@ -1,10 +1,10 @@
|
||||
(window.webpackJsonp = window.webpackJsonp || []).push([
|
||||
[4],
|
||||
{
|
||||
334: function(t, e, n) {},
|
||||
372: function(t, e, n) {
|
||||
333: function(t, e, n) {},
|
||||
371: function(t, e, n) {
|
||||
'use strict';
|
||||
n(334);
|
||||
n(333);
|
||||
},
|
||||
401: function(t, e, n) {
|
||||
'use strict';
|
||||
@ -26,7 +26,7 @@
|
||||
);
|
||||
},
|
||||
},
|
||||
r = (n(372), n(42)),
|
||||
r = (n(371), n(42)),
|
||||
p = Object(r.a)(i, void 0, void 0, !1, null, '15b7b770', null);
|
||||
e.default = p.exports;
|
||||
},
|
||||
@ -1,10 +1,10 @@
|
||||
(window.webpackJsonp = window.webpackJsonp || []).push([
|
||||
[5],
|
||||
{
|
||||
333: function(e, t, c) {},
|
||||
371: function(e, t, c) {
|
||||
334: function(e, t, c) {},
|
||||
372: function(e, t, c) {
|
||||
'use strict';
|
||||
c(333);
|
||||
c(334);
|
||||
},
|
||||
380: function(e, t, c) {
|
||||
'use strict';
|
||||
@ -13,7 +13,7 @@
|
||||
name: 'CodeBlock',
|
||||
props: { title: { type: String, required: !0 }, active: { type: Boolean, default: !1 } },
|
||||
},
|
||||
n = (c(371), c(42)),
|
||||
n = (c(372), c(42)),
|
||||
s = Object(n.a)(
|
||||
i,
|
||||
function() {
|
||||
@ -1,13 +1,13 @@
|
||||
(window.webpackJsonp = window.webpackJsonp || []).push([
|
||||
[7],
|
||||
{
|
||||
361: function(t, s, e) {
|
||||
363: function(t, s, e) {
|
||||
t.exports = e.p + 'assets/img/preview-flow.b37c7798.png';
|
||||
},
|
||||
362: function(t, s, e) {
|
||||
364: function(t, s, e) {
|
||||
t.exports = e.p + 'assets/img/preview-page.3ec86df5.png';
|
||||
},
|
||||
391: function(t, s, e) {
|
||||
397: function(t, s, e) {
|
||||
'use strict';
|
||||
e.r(s);
|
||||
var r = e(42),
|
||||
@ -25,11 +25,11 @@
|
||||
t._v(' '),
|
||||
r('p', [t._v('我们看看网页预览的工作流程：')]),
|
||||
t._v(' '),
|
||||
r('img', { attrs: { src: e(361), alt: 'foo' } }),
|
||||
r('img', { attrs: { src: e(363), alt: 'foo' } }),
|
||||
t._v(' '),
|
||||
r('p', [t._v('前端预览界面：')]),
|
||||
t._v(' '),
|
||||
r('img', { attrs: { src: e(362), alt: 'foo' } }),
|
||||
r('img', { attrs: { src: e(364), alt: 'foo' } }),
|
||||
]);
|
||||
},
|
||||
[],
|
||||
@ -4,7 +4,7 @@
|
||||
358: function(t, o, r) {
|
||||
t.exports = r.p + 'assets/img/logo.001d04e6.svg';
|
||||
},
|
||||
383: function(t, o, r) {
|
||||
384: function(t, o, r) {
|
||||
'use strict';
|
||||
r.r(o);
|
||||
var s = r(42),
|
||||
File diff suppressed because it is too large
Load Diff
@ -8,8 +8,8 @@
|
||||
|
||||
<meta name="description" content="">
|
||||
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.3b9b3a9c.css" as="style"><link rel="preload" href="/doc/assets/js/app.04dfb0e4.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/3.0105453b.js" as="script"><link rel="preload" href="/doc/assets/js/18.8be51919.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.57c980fd.js"><link rel="prefetch" href="/doc/assets/js/11.a47e2d9b.js"><link rel="prefetch" href="/doc/assets/js/12.9eddd902.js"><link rel="prefetch" href="/doc/assets/js/13.663fc48e.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/19.c5cc8e35.js"><link rel="prefetch" href="/doc/assets/js/20.09f15f46.js"><link rel="prefetch" href="/doc/assets/js/21.390bb49b.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.9bda2ced.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.e454a69e.js"><link rel="prefetch" href="/doc/assets/js/26.bf8cc2c2.js"><link rel="prefetch" href="/doc/assets/js/27.18814355.js"><link rel="prefetch" href="/doc/assets/js/4.d198a40c.js"><link rel="prefetch" href="/doc/assets/js/5.82171d89.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.e7b0462e.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.js"><link rel="prefetch" href="/doc/assets/js/9.c9c11d43.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.3b9b3a9c.css">
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.ac490cc9.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/3.0105453b.js" as="script"><link rel="preload" href="/doc/assets/js/18.3e6eaba0.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.c3aa487f.js"><link rel="prefetch" href="/doc/assets/js/11.4dfd0b43.js"><link rel="prefetch" href="/doc/assets/js/12.639e1894.js"><link rel="prefetch" href="/doc/assets/js/13.e30615b0.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/19.4abe8428.js"><link rel="prefetch" href="/doc/assets/js/20.eb3d4a7f.js"><link rel="prefetch" href="/doc/assets/js/21.acd348b3.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.3c312dd7.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.b3baaa9c.js"><link rel="prefetch" href="/doc/assets/js/26.5755449d.js"><link rel="prefetch" href="/doc/assets/js/27.9151272d.js"><link rel="prefetch" href="/doc/assets/js/4.2121e1d8.js"><link rel="prefetch" href="/doc/assets/js/5.615d527f.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.f3022582.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.js"><link rel="prefetch" href="/doc/assets/js/9.5e6217e4.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.690c58c3.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container no-sidebar"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/doc/" aria-current="page" class="home-link router-link-exact-active router-link-active"><!----> <span class="site-name">h5-dooring</span></a> <div class="links"><!----> <nav class="nav-links can-hide"><div class="nav-item"><a href="/doc/" aria-current="page" class="nav-link router-link-exact-active router-link-active">
|
||||
@ -33,6 +33,6 @@
|
||||
</a></p></div> <div class="footer">
|
||||
GPL Licensed | Copyright © 2020-present H5-Dooring
|
||||
</div></main></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.04dfb0e4.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/3.0105453b.js" defer></script><script src="/doc/assets/js/18.8be51919.js" defer></script>
|
||||
<script src="/doc/assets/js/app.ac490cc9.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/3.0105453b.js" defer></script><script src="/doc/assets/js/18.3e6eaba0.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -8,8 +8,8 @@
|
||||
|
||||
<meta name="description" content="">
|
||||
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.3b9b3a9c.css" as="style"><link rel="preload" href="/doc/assets/js/app.04dfb0e4.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/19.c5cc8e35.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.57c980fd.js"><link rel="prefetch" href="/doc/assets/js/11.a47e2d9b.js"><link rel="prefetch" href="/doc/assets/js/12.9eddd902.js"><link rel="prefetch" href="/doc/assets/js/13.663fc48e.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.8be51919.js"><link rel="prefetch" href="/doc/assets/js/20.09f15f46.js"><link rel="prefetch" href="/doc/assets/js/21.390bb49b.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.9bda2ced.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.e454a69e.js"><link rel="prefetch" href="/doc/assets/js/26.bf8cc2c2.js"><link rel="prefetch" href="/doc/assets/js/27.18814355.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.d198a40c.js"><link rel="prefetch" href="/doc/assets/js/5.82171d89.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.e7b0462e.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.js"><link rel="prefetch" href="/doc/assets/js/9.c9c11d43.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.3b9b3a9c.css">
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.ac490cc9.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/19.4abe8428.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.c3aa487f.js"><link rel="prefetch" href="/doc/assets/js/11.4dfd0b43.js"><link rel="prefetch" href="/doc/assets/js/12.639e1894.js"><link rel="prefetch" href="/doc/assets/js/13.e30615b0.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.3e6eaba0.js"><link rel="prefetch" href="/doc/assets/js/20.eb3d4a7f.js"><link rel="prefetch" href="/doc/assets/js/21.acd348b3.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.3c312dd7.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.b3baaa9c.js"><link rel="prefetch" href="/doc/assets/js/26.5755449d.js"><link rel="prefetch" href="/doc/assets/js/27.9151272d.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.2121e1d8.js"><link rel="prefetch" href="/doc/assets/js/5.615d527f.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.f3022582.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.js"><link rel="prefetch" href="/doc/assets/js/9.5e6217e4.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.690c58c3.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/doc/" class="home-link router-link-active"><!----> <span class="site-name">h5-dooring</span></a> <div class="links"><!----> <nav class="nav-links can-hide"><div class="nav-item"><a href="/doc/" class="nav-link">
|
||||
@ -29,6 +29,6 @@
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://github.com/MrXujiang/h5-Dooring" target="_blank" rel="noopener noreferrer" class="nav-link external">
|
||||
github
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/doc/zh/guide/" aria-current="page" class="sidebar-link">基本介绍</a></li><li><a href="/doc/zh/guide/introduced.html" class="sidebar-link">doring如何工作</a></li><li><a href="/doc/zh/guide/startedQuickly.html" class="sidebar-link">快速上手</a></li><li><a href="/doc/zh/guide/directoryStructure.html" class="sidebar-link">目录结构</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>组件开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/componentDev/componentStructure.html" class="sidebar-link">组件结构</a></li><li><a href="/doc/zh/guide/componentDev/DSLAnalysis.html" class="sidebar-link">DSL设计</a></li><li><a href="/doc/zh/guide/componentDev/dynamicLoading.html" class="sidebar-link">动态加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>功能实现</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/functionRealization/templateLibrary.html" class="sidebar-link">模板库</a></li><li><a href="/doc/zh/guide/functionRealization/saveJson.html" class="sidebar-link">保存json</a></li><li><a href="/doc/zh/guide/functionRealization/pagePreview.html" class="sidebar-link">网页预览</a></li><li><a href="/doc/zh/guide/functionRealization/machinePreview.html" class="sidebar-link">真机预览</a></li><li><a href="/doc/zh/guide/functionRealization/revocation.html" class="sidebar-link">撤销/重做</a></li><li><a href="/doc/zh/guide/functionRealization/screenshot.html" class="sidebar-link">截图功能</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>私有化部署和二次开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/deployDev/deploy.html" class="sidebar-link">私有化部署</a></li><li><a href="/doc/zh/guide/deployDev/https.html" class="sidebar-link">支持https</a></li><li><a href="/doc/zh/guide/deployDev/oss.html" class="sidebar-link">接入第三方oss</a></li><li><a href="/doc/zh/guide/deployDev/api.html" class="sidebar-link">API接口文档</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><p>正在建设中...</p></div> <footer class="page-edit"><!----> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">1/17/2021, 11:22:04 PM</span></div></footer> <!----> </main></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.04dfb0e4.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/19.c5cc8e35.js" defer></script>
|
||||
<script src="/doc/assets/js/app.ac490cc9.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/19.4abe8428.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -8,8 +8,8 @@
|
||||
|
||||
<meta name="description" content="">
|
||||
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.3b9b3a9c.css" as="style"><link rel="preload" href="/doc/assets/js/app.04dfb0e4.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/20.09f15f46.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.57c980fd.js"><link rel="prefetch" href="/doc/assets/js/11.a47e2d9b.js"><link rel="prefetch" href="/doc/assets/js/12.9eddd902.js"><link rel="prefetch" href="/doc/assets/js/13.663fc48e.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.8be51919.js"><link rel="prefetch" href="/doc/assets/js/19.c5cc8e35.js"><link rel="prefetch" href="/doc/assets/js/21.390bb49b.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.9bda2ced.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.e454a69e.js"><link rel="prefetch" href="/doc/assets/js/26.bf8cc2c2.js"><link rel="prefetch" href="/doc/assets/js/27.18814355.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.d198a40c.js"><link rel="prefetch" href="/doc/assets/js/5.82171d89.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.e7b0462e.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.js"><link rel="prefetch" href="/doc/assets/js/9.c9c11d43.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.3b9b3a9c.css">
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.ac490cc9.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/20.eb3d4a7f.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.c3aa487f.js"><link rel="prefetch" href="/doc/assets/js/11.4dfd0b43.js"><link rel="prefetch" href="/doc/assets/js/12.639e1894.js"><link rel="prefetch" href="/doc/assets/js/13.e30615b0.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.3e6eaba0.js"><link rel="prefetch" href="/doc/assets/js/19.4abe8428.js"><link rel="prefetch" href="/doc/assets/js/21.acd348b3.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.3c312dd7.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.b3baaa9c.js"><link rel="prefetch" href="/doc/assets/js/26.5755449d.js"><link rel="prefetch" href="/doc/assets/js/27.9151272d.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.2121e1d8.js"><link rel="prefetch" href="/doc/assets/js/5.615d527f.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.f3022582.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.js"><link rel="prefetch" href="/doc/assets/js/9.5e6217e4.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.690c58c3.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/doc/" class="home-link router-link-active"><!----> <span class="site-name">h5-dooring</span></a> <div class="links"><!----> <nav class="nav-links can-hide"><div class="nav-item"><a href="/doc/" class="nav-link">
|
||||
@ -88,6 +88,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </main></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.04dfb0e4.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/20.09f15f46.js" defer></script>
|
||||
<script src="/doc/assets/js/app.ac490cc9.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/20.eb3d4a7f.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -8,8 +8,8 @@
|
||||
|
||||
<meta name="description" content="">
|
||||
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.3b9b3a9c.css" as="style"><link rel="preload" href="/doc/assets/js/app.04dfb0e4.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/21.390bb49b.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.57c980fd.js"><link rel="prefetch" href="/doc/assets/js/11.a47e2d9b.js"><link rel="prefetch" href="/doc/assets/js/12.9eddd902.js"><link rel="prefetch" href="/doc/assets/js/13.663fc48e.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.8be51919.js"><link rel="prefetch" href="/doc/assets/js/19.c5cc8e35.js"><link rel="prefetch" href="/doc/assets/js/20.09f15f46.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.9bda2ced.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.e454a69e.js"><link rel="prefetch" href="/doc/assets/js/26.bf8cc2c2.js"><link rel="prefetch" href="/doc/assets/js/27.18814355.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.d198a40c.js"><link rel="prefetch" href="/doc/assets/js/5.82171d89.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.e7b0462e.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.js"><link rel="prefetch" href="/doc/assets/js/9.c9c11d43.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.3b9b3a9c.css">
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.ac490cc9.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/21.acd348b3.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.c3aa487f.js"><link rel="prefetch" href="/doc/assets/js/11.4dfd0b43.js"><link rel="prefetch" href="/doc/assets/js/12.639e1894.js"><link rel="prefetch" href="/doc/assets/js/13.e30615b0.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.3e6eaba0.js"><link rel="prefetch" href="/doc/assets/js/19.4abe8428.js"><link rel="prefetch" href="/doc/assets/js/20.eb3d4a7f.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.3c312dd7.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.b3baaa9c.js"><link rel="prefetch" href="/doc/assets/js/26.5755449d.js"><link rel="prefetch" href="/doc/assets/js/27.9151272d.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.2121e1d8.js"><link rel="prefetch" href="/doc/assets/js/5.615d527f.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.f3022582.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.js"><link rel="prefetch" href="/doc/assets/js/9.5e6217e4.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.690c58c3.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/doc/" class="home-link router-link-active"><!----> <span class="site-name">h5-dooring</span></a> <div class="links"><!----> <nav class="nav-links can-hide"><div class="nav-item"><a href="/doc/" class="nav-link">
|
||||
@ -28,7 +28,7 @@
|
||||
体验
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://github.com/MrXujiang/h5-Dooring" target="_blank" rel="noopener noreferrer" class="nav-link external">
|
||||
github
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/doc/zh/guide/" aria-current="page" class="sidebar-link">基本介绍</a></li><li><a href="/doc/zh/guide/introduced.html" class="sidebar-link">doring如何工作</a></li><li><a href="/doc/zh/guide/startedQuickly.html" class="sidebar-link">快速上手</a></li><li><a href="/doc/zh/guide/directoryStructure.html" class="sidebar-link">目录结构</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>组件开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/componentDev/componentStructure.html" aria-current="page" class="active sidebar-link">组件结构</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/doc/zh/guide/componentDev/componentStructure.html#组件设计" class="sidebar-link">组件设计</a></li><li class="sidebar-sub-header"><a href="/doc/zh/guide/componentDev/componentStructure.html#template设计" class="sidebar-link">template设计</a></li></ul></li><li><a href="/doc/zh/guide/componentDev/DSLAnalysis.html" class="sidebar-link">DSL设计</a></li><li><a href="/doc/zh/guide/componentDev/dynamicLoading.html" class="sidebar-link">动态加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>功能实现</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/functionRealization/templateLibrary.html" class="sidebar-link">模板库</a></li><li><a href="/doc/zh/guide/functionRealization/saveJson.html" class="sidebar-link">保存json</a></li><li><a href="/doc/zh/guide/functionRealization/pagePreview.html" class="sidebar-link">网页预览</a></li><li><a href="/doc/zh/guide/functionRealization/machinePreview.html" class="sidebar-link">真机预览</a></li><li><a href="/doc/zh/guide/functionRealization/revocation.html" class="sidebar-link">撤销/重做</a></li><li><a href="/doc/zh/guide/functionRealization/screenshot.html" class="sidebar-link">截图功能</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>私有化部署和二次开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/deployDev/deploy.html" class="sidebar-link">私有化部署</a></li><li><a href="/doc/zh/guide/deployDev/https.html" class="sidebar-link">支持https</a></li><li><a href="/doc/zh/guide/deployDev/oss.html" class="sidebar-link">接入第三方oss</a></li><li><a href="/doc/zh/guide/deployDev/api.html" class="sidebar-link">API接口文档</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="组件结构"><a href="#组件结构" class="header-anchor">#</a> 组件结构</h1> <p>dooring的组件设计包含以下3个部分组件：</p> <p>1、component 组件主体</p> <p>2、schema 组件的DSL，结构协议层</p> <p>3、template 定义了组件的类型、外观、从属关系，后期考虑纳入schema</p> <p>接下来我会介绍一个基本的组件主体设计，以为template设计，在下一章会具体介绍schema部分。</p> <h2 id="组件设计"><a href="#组件设计" class="header-anchor">#</a> 组件设计</h2> <p>我们这里拿基本的header组件来举例，如下是header组件的代码：</p> <div class="language-jsx extra-class"><pre class="language-jsx"><code><span class="token keyword">interface</span> <span class="token class-name">HeaderPropTypes</span> <span class="token keyword">extends</span> <span class="token class-name">IHeaderConfig</span> <span class="token punctuation">{</span>
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/doc/zh/guide/" aria-current="page" class="sidebar-link">基本介绍</a></li><li><a href="/doc/zh/guide/introduced.html" class="sidebar-link">doring如何工作</a></li><li><a href="/doc/zh/guide/startedQuickly.html" class="sidebar-link">快速上手</a></li><li><a href="/doc/zh/guide/directoryStructure.html" class="sidebar-link">目录结构</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>组件开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/componentDev/componentStructure.html" aria-current="page" class="active sidebar-link">组件结构</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/doc/zh/guide/componentDev/componentStructure.html#组件设计" class="sidebar-link">组件设计</a></li><li class="sidebar-sub-header"><a href="/doc/zh/guide/componentDev/componentStructure.html#template设计" class="sidebar-link">template设计</a></li><li class="sidebar-sub-header"><a href="/doc/zh/guide/componentDev/componentStructure.html#schema设计" class="sidebar-link">schema设计</a></li></ul></li><li><a href="/doc/zh/guide/componentDev/DSLAnalysis.html" class="sidebar-link">DSL设计</a></li><li><a href="/doc/zh/guide/componentDev/dynamicLoading.html" class="sidebar-link">动态加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>功能实现</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/functionRealization/templateLibrary.html" class="sidebar-link">模板库</a></li><li><a href="/doc/zh/guide/functionRealization/saveJson.html" class="sidebar-link">保存json</a></li><li><a href="/doc/zh/guide/functionRealization/pagePreview.html" class="sidebar-link">网页预览</a></li><li><a href="/doc/zh/guide/functionRealization/machinePreview.html" class="sidebar-link">真机预览</a></li><li><a href="/doc/zh/guide/functionRealization/revocation.html" class="sidebar-link">撤销/重做</a></li><li><a href="/doc/zh/guide/functionRealization/screenshot.html" class="sidebar-link">截图功能</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>私有化部署和二次开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/deployDev/deploy.html" class="sidebar-link">私有化部署</a></li><li><a href="/doc/zh/guide/deployDev/https.html" class="sidebar-link">支持https</a></li><li><a href="/doc/zh/guide/deployDev/oss.html" class="sidebar-link">接入第三方oss</a></li><li><a href="/doc/zh/guide/deployDev/api.html" class="sidebar-link">API接口文档</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="组件结构"><a href="#组件结构" class="header-anchor">#</a> 组件结构</h1> <p>dooring的组件设计包含以下3个部分组件：</p> <p>1、component 组件主体</p> <p>2、schema 组件的DSL，结构协议层</p> <p>3、template 定义了组件的类型、外观、从属关系，后期考虑纳入schema</p> <p>接下来我会介绍一个基本的组件主体设计，以为template设计，在下一章会具体介绍schema部分。</p> <h2 id="组件设计"><a href="#组件设计" class="header-anchor">#</a> 组件设计</h2> <p>我们这里拿基本的header组件来举例，如下是header组件的代码：</p> <div class="language-jsx extra-class"><pre class="language-jsx"><code><span class="token keyword">interface</span> <span class="token class-name">HeaderPropTypes</span> <span class="token keyword">extends</span> <span class="token class-name">IHeaderConfig</span> <span class="token punctuation">{</span>
|
||||
isTpl<span class="token operator">:</span> boolean<span class="token punctuation">;</span>
|
||||
<span class="token punctuation">}</span>
|
||||
|
||||
@ -55,7 +55,91 @@
|
||||
displayName<span class="token operator">:</span> <span class="token string">'页头组件'</span>
|
||||
<span class="token punctuation">}</span><span class="token punctuation">;</span>
|
||||
<span class="token keyword">export</span> <span class="token keyword">default</span> template<span class="token punctuation">;</span>
|
||||
</code></pre></div><p>以上就是我们template的结构，type用来定义组件的类型，方便渲染器动态查找，h代表组件的初始化高度，我们可以自由设置。displayName是组件的中文名，用来在左侧组件面板中展示，方便用户理解，我们可以在template中自定义更多辅助信息，方便使用者更高效的使用我们的编辑器。</p></div> <footer class="page-edit"><!----> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">1/17/2021, 9:57:34 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
|
||||
</code></pre></div><p>以上就是我们template的结构，type用来定义组件的类型，方便渲染器动态查找，h代表组件的初始化高度，我们可以自由设置。displayName是组件的中文名，用来在左侧组件面板中展示，方便用户理解，我们可以在template中自定义更多辅助信息，方便使用者更高效的使用我们的编辑器。</p> <h2 id="schema设计"><a href="#schema设计" class="header-anchor">#</a> schema设计</h2> <p>开发一个自定义组件需要包含3部分, <code>Component</code>, <code>Schema</code> 和 <code>Template</code>. 接下来我们看一下 <code>Header</code> 组件的 <code>Schema</code>.</p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">import</span> <span class="token punctuation">{</span>
|
||||
IColorConfigType<span class="token punctuation">,</span>
|
||||
INumberConfigType<span class="token punctuation">,</span>
|
||||
ITextConfigType<span class="token punctuation">,</span>
|
||||
IUploadConfigType<span class="token punctuation">,</span>
|
||||
TColorDefaultType<span class="token punctuation">,</span>
|
||||
TNumberDefaultType<span class="token punctuation">,</span>
|
||||
TTextDefaultType<span class="token punctuation">,</span>
|
||||
TUploadDefaultType<span class="token punctuation">,</span>
|
||||
<span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'@/components/FormComponents/types'</span><span class="token punctuation">;</span>
|
||||
<span class="token keyword">import</span> <span class="token punctuation">{</span> baseConfig<span class="token punctuation">,</span> baseDefault<span class="token punctuation">,</span> ICommonBaseType <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'../../common'</span><span class="token punctuation">;</span>
|
||||
|
||||
<span class="token keyword">export</span> type THeaderEditData <span class="token operator">=</span> Array<span class="token operator"><</span>
|
||||
IColorConfigType <span class="token operator">|</span> INumberConfigType <span class="token operator">|</span> IUploadConfigType <span class="token operator">|</span> ITextConfigType
|
||||
<span class="token operator">></span><span class="token punctuation">;</span>
|
||||
<span class="token keyword">export</span> <span class="token keyword">interface</span> <span class="token class-name">IHeaderConfig</span> <span class="token keyword">extends</span> <span class="token class-name">ICommonBaseType</span> <span class="token punctuation">{</span>
|
||||
bgColor<span class="token operator">:</span> TColorDefaultType<span class="token punctuation">;</span>
|
||||
logo<span class="token operator">:</span> TUploadDefaultType<span class="token punctuation">;</span>
|
||||
logoText<span class="token operator">:</span> TTextDefaultType<span class="token punctuation">;</span>
|
||||
fontSize<span class="token operator">:</span> TNumberDefaultType<span class="token punctuation">;</span>
|
||||
color<span class="token operator">:</span> TColorDefaultType<span class="token punctuation">;</span>
|
||||
height<span class="token operator">:</span> TNumberDefaultType<span class="token punctuation">;</span>
|
||||
<span class="token punctuation">}</span>
|
||||
|
||||
<span class="token keyword">export</span> <span class="token keyword">interface</span> <span class="token class-name">IHeaderSchema</span> <span class="token punctuation">{</span>
|
||||
editData<span class="token operator">:</span> THeaderEditData<span class="token punctuation">;</span>
|
||||
config<span class="token operator">:</span> IHeaderConfig<span class="token punctuation">;</span>
|
||||
<span class="token punctuation">}</span>
|
||||
|
||||
<span class="token keyword">const</span> Header<span class="token operator">:</span> IHeaderSchema <span class="token operator">=</span> <span class="token punctuation">{</span>
|
||||
editData<span class="token operator">:</span> <span class="token punctuation">[</span>
|
||||
<span class="token operator">...</span>baseConfig<span class="token punctuation">,</span>
|
||||
<span class="token punctuation">{</span>
|
||||
key<span class="token operator">:</span> <span class="token string">'bgColor'</span><span class="token punctuation">,</span>
|
||||
name<span class="token operator">:</span> <span class="token string">'背景色'</span><span class="token punctuation">,</span>
|
||||
type<span class="token operator">:</span> <span class="token string">'Color'</span><span class="token punctuation">,</span>
|
||||
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
||||
<span class="token punctuation">{</span>
|
||||
key<span class="token operator">:</span> <span class="token string">'height'</span><span class="token punctuation">,</span>
|
||||
name<span class="token operator">:</span> <span class="token string">'高度'</span><span class="token punctuation">,</span>
|
||||
type<span class="token operator">:</span> <span class="token string">'Number'</span><span class="token punctuation">,</span>
|
||||
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
||||
<span class="token punctuation">{</span>
|
||||
key<span class="token operator">:</span> <span class="token string">'logo'</span><span class="token punctuation">,</span>
|
||||
name<span class="token operator">:</span> <span class="token string">'logo'</span><span class="token punctuation">,</span>
|
||||
type<span class="token operator">:</span> <span class="token string">'Upload'</span><span class="token punctuation">,</span>
|
||||
isCrop<span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
|
||||
cropRate<span class="token operator">:</span> <span class="token number">1000</span> <span class="token operator">/</span> <span class="token number">618</span><span class="token punctuation">,</span>
|
||||
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
||||
<span class="token punctuation">{</span>
|
||||
key<span class="token operator">:</span> <span class="token string">'logoText'</span><span class="token punctuation">,</span>
|
||||
name<span class="token operator">:</span> <span class="token string">'logo文字'</span><span class="token punctuation">,</span>
|
||||
type<span class="token operator">:</span> <span class="token string">'Text'</span><span class="token punctuation">,</span>
|
||||
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
||||
<span class="token punctuation">{</span>
|
||||
key<span class="token operator">:</span> <span class="token string">'color'</span><span class="token punctuation">,</span>
|
||||
name<span class="token operator">:</span> <span class="token string">'文字颜色'</span><span class="token punctuation">,</span>
|
||||
type<span class="token operator">:</span> <span class="token string">'Color'</span><span class="token punctuation">,</span>
|
||||
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
||||
<span class="token punctuation">{</span>
|
||||
key<span class="token operator">:</span> <span class="token string">'fontSize'</span><span class="token punctuation">,</span>
|
||||
name<span class="token operator">:</span> <span class="token string">'文字大小'</span><span class="token punctuation">,</span>
|
||||
type<span class="token operator">:</span> <span class="token string">'Number'</span><span class="token punctuation">,</span>
|
||||
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
||||
<span class="token punctuation">]</span><span class="token punctuation">,</span>
|
||||
config<span class="token operator">:</span> <span class="token punctuation">{</span>
|
||||
bgColor<span class="token operator">:</span> <span class="token string">'rgba(0,0,0,1)'</span><span class="token punctuation">,</span>
|
||||
logo<span class="token operator">:</span> <span class="token punctuation">[</span>
|
||||
<span class="token punctuation">{</span>
|
||||
uid<span class="token operator">:</span> <span class="token string">'001'</span><span class="token punctuation">,</span>
|
||||
name<span class="token operator">:</span> <span class="token string">'image.png'</span><span class="token punctuation">,</span>
|
||||
status<span class="token operator">:</span> <span class="token string">'done'</span><span class="token punctuation">,</span>
|
||||
url<span class="token operator">:</span> <span class="token string">'http://49.234.61.19/uploads/3_1740be8a482.png'</span><span class="token punctuation">,</span>
|
||||
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
||||
<span class="token punctuation">]</span><span class="token punctuation">,</span>
|
||||
logoText<span class="token operator">:</span> <span class="token string">'页头Header'</span><span class="token punctuation">,</span>
|
||||
fontSize<span class="token operator">:</span> <span class="token number">20</span><span class="token punctuation">,</span>
|
||||
color<span class="token operator">:</span> <span class="token string">'rgba(255,255,255,1)'</span><span class="token punctuation">,</span>
|
||||
height<span class="token operator">:</span> <span class="token number">50</span><span class="token punctuation">,</span>
|
||||
<span class="token operator">...</span>baseDefault<span class="token punctuation">,</span>
|
||||
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
||||
<span class="token punctuation">}</span><span class="token punctuation">;</span>
|
||||
|
||||
<span class="token keyword">export</span> <span class="token keyword">default</span> Header<span class="token punctuation">;</span>
|
||||
</code></pre></div><p><code>editData</code>表示组件的可编辑属性, 我们可以自定义哪些组件可编辑. <code>config</code>为组件接收的属性, 和<code>editData</code>数组项中的<code>key</code>一一对应.</p> <h3 id="组件编辑区属性类型"><a href="#组件编辑区属性类型" class="header-anchor">#</a> 组件编辑区属性类型</h3> <p><code>Dooring</code>组件编辑面板有如下对应编辑类型:</p> <ul><li>Upload 上传组件</li> <li>Text 文本框</li> <li>RichText 富文本</li> <li>TextArea 多行文本</li> <li>Number 数字输入框</li> <li>DataList 列表编辑器</li> <li>FileList 文件列表编辑器</li> <li>InteractionData 交互设置</li> <li>Color 颜色面板</li> <li>MutiText 多文本</li> <li>Select 选择下拉框</li> <li>Radio 单选框</li> <li>Switch 开关切换</li> <li>CardPicker 卡片面板</li> <li>Table 表格编辑器</li> <li>Pos 坐标编辑器</li> <li>FormItems 表单设计器</li></ul></div> <footer class="page-edit"><!----> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">1/17/2021, 9:57:34 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
|
||||
←
|
||||
<a href="/doc/zh/guide/directoryStructure.html" class="prev">
|
||||
目录结构
|
||||
@ -64,6 +148,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </main></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.04dfb0e4.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/21.390bb49b.js" defer></script>
|
||||
<script src="/doc/assets/js/app.ac490cc9.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/21.acd348b3.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -8,8 +8,8 @@
|
||||
|
||||
<meta name="description" content="">
|
||||
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.3b9b3a9c.css" as="style"><link rel="preload" href="/doc/assets/js/app.04dfb0e4.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/10.57c980fd.js" as="script"><link rel="prefetch" href="/doc/assets/js/11.a47e2d9b.js"><link rel="prefetch" href="/doc/assets/js/12.9eddd902.js"><link rel="prefetch" href="/doc/assets/js/13.663fc48e.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.8be51919.js"><link rel="prefetch" href="/doc/assets/js/19.c5cc8e35.js"><link rel="prefetch" href="/doc/assets/js/20.09f15f46.js"><link rel="prefetch" href="/doc/assets/js/21.390bb49b.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.9bda2ced.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.e454a69e.js"><link rel="prefetch" href="/doc/assets/js/26.bf8cc2c2.js"><link rel="prefetch" href="/doc/assets/js/27.18814355.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.d198a40c.js"><link rel="prefetch" href="/doc/assets/js/5.82171d89.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.e7b0462e.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.js"><link rel="prefetch" href="/doc/assets/js/9.c9c11d43.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.3b9b3a9c.css">
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.ac490cc9.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/10.c3aa487f.js" as="script"><link rel="prefetch" href="/doc/assets/js/11.4dfd0b43.js"><link rel="prefetch" href="/doc/assets/js/12.639e1894.js"><link rel="prefetch" href="/doc/assets/js/13.e30615b0.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.3e6eaba0.js"><link rel="prefetch" href="/doc/assets/js/19.4abe8428.js"><link rel="prefetch" href="/doc/assets/js/20.eb3d4a7f.js"><link rel="prefetch" href="/doc/assets/js/21.acd348b3.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.3c312dd7.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.b3baaa9c.js"><link rel="prefetch" href="/doc/assets/js/26.5755449d.js"><link rel="prefetch" href="/doc/assets/js/27.9151272d.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.2121e1d8.js"><link rel="prefetch" href="/doc/assets/js/5.615d527f.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.f3022582.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.js"><link rel="prefetch" href="/doc/assets/js/9.5e6217e4.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.690c58c3.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/doc/" class="home-link router-link-active"><!----> <span class="site-name">h5-dooring</span></a> <div class="links"><!----> <nav class="nav-links can-hide"><div class="nav-item"><a href="/doc/" class="nav-link">
|
||||
@ -37,6 +37,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </main></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.04dfb0e4.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/10.57c980fd.js" defer></script>
|
||||
<script src="/doc/assets/js/app.ac490cc9.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/10.c3aa487f.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -8,8 +8,8 @@
|
||||
|
||||
<meta name="description" content="">
|
||||
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.3b9b3a9c.css" as="style"><link rel="preload" href="/doc/assets/js/app.04dfb0e4.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/22.da6fbe43.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.57c980fd.js"><link rel="prefetch" href="/doc/assets/js/11.a47e2d9b.js"><link rel="prefetch" href="/doc/assets/js/12.9eddd902.js"><link rel="prefetch" href="/doc/assets/js/13.663fc48e.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.8be51919.js"><link rel="prefetch" href="/doc/assets/js/19.c5cc8e35.js"><link rel="prefetch" href="/doc/assets/js/20.09f15f46.js"><link rel="prefetch" href="/doc/assets/js/21.390bb49b.js"><link rel="prefetch" href="/doc/assets/js/23.9bda2ced.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.e454a69e.js"><link rel="prefetch" href="/doc/assets/js/26.bf8cc2c2.js"><link rel="prefetch" href="/doc/assets/js/27.18814355.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.d198a40c.js"><link rel="prefetch" href="/doc/assets/js/5.82171d89.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.e7b0462e.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.js"><link rel="prefetch" href="/doc/assets/js/9.c9c11d43.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.3b9b3a9c.css">
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.ac490cc9.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/22.da6fbe43.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.c3aa487f.js"><link rel="prefetch" href="/doc/assets/js/11.4dfd0b43.js"><link rel="prefetch" href="/doc/assets/js/12.639e1894.js"><link rel="prefetch" href="/doc/assets/js/13.e30615b0.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.3e6eaba0.js"><link rel="prefetch" href="/doc/assets/js/19.4abe8428.js"><link rel="prefetch" href="/doc/assets/js/20.eb3d4a7f.js"><link rel="prefetch" href="/doc/assets/js/21.acd348b3.js"><link rel="prefetch" href="/doc/assets/js/23.3c312dd7.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.b3baaa9c.js"><link rel="prefetch" href="/doc/assets/js/26.5755449d.js"><link rel="prefetch" href="/doc/assets/js/27.9151272d.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.2121e1d8.js"><link rel="prefetch" href="/doc/assets/js/5.615d527f.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.f3022582.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.js"><link rel="prefetch" href="/doc/assets/js/9.5e6217e4.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.690c58c3.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/doc/" class="home-link router-link-active"><!----> <span class="site-name">h5-dooring</span></a> <div class="links"><!----> <nav class="nav-links can-hide"><div class="nav-item"><a href="/doc/" class="nav-link">
|
||||
@ -308,6 +308,6 @@
|
||||
<a href="/doc/zh/guide/deployDev/oss.html" class="prev">
|
||||
接入第三方oss
|
||||
</a></span> <!----></p></div> </main></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.04dfb0e4.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/22.da6fbe43.js" defer></script>
|
||||
<script src="/doc/assets/js/app.ac490cc9.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/22.da6fbe43.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -8,8 +8,8 @@
|
||||
|
||||
<meta name="description" content="">
|
||||
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.3b9b3a9c.css" as="style"><link rel="preload" href="/doc/assets/js/app.04dfb0e4.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/23.9bda2ced.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.57c980fd.js"><link rel="prefetch" href="/doc/assets/js/11.a47e2d9b.js"><link rel="prefetch" href="/doc/assets/js/12.9eddd902.js"><link rel="prefetch" href="/doc/assets/js/13.663fc48e.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.8be51919.js"><link rel="prefetch" href="/doc/assets/js/19.c5cc8e35.js"><link rel="prefetch" href="/doc/assets/js/20.09f15f46.js"><link rel="prefetch" href="/doc/assets/js/21.390bb49b.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.e454a69e.js"><link rel="prefetch" href="/doc/assets/js/26.bf8cc2c2.js"><link rel="prefetch" href="/doc/assets/js/27.18814355.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.d198a40c.js"><link rel="prefetch" href="/doc/assets/js/5.82171d89.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.e7b0462e.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.js"><link rel="prefetch" href="/doc/assets/js/9.c9c11d43.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.3b9b3a9c.css">
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.ac490cc9.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/23.3c312dd7.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.c3aa487f.js"><link rel="prefetch" href="/doc/assets/js/11.4dfd0b43.js"><link rel="prefetch" href="/doc/assets/js/12.639e1894.js"><link rel="prefetch" href="/doc/assets/js/13.e30615b0.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.3e6eaba0.js"><link rel="prefetch" href="/doc/assets/js/19.4abe8428.js"><link rel="prefetch" href="/doc/assets/js/20.eb3d4a7f.js"><link rel="prefetch" href="/doc/assets/js/21.acd348b3.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.b3baaa9c.js"><link rel="prefetch" href="/doc/assets/js/26.5755449d.js"><link rel="prefetch" href="/doc/assets/js/27.9151272d.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.2121e1d8.js"><link rel="prefetch" href="/doc/assets/js/5.615d527f.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.f3022582.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.js"><link rel="prefetch" href="/doc/assets/js/9.5e6217e4.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.690c58c3.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/doc/" class="home-link router-link-active"><!----> <span class="site-name">h5-dooring</span></a> <div class="links"><!----> <nav class="nav-links can-hide"><div class="nav-item"><a href="/doc/" class="nav-link">
|
||||
@ -66,6 +66,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </main></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.04dfb0e4.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/23.9bda2ced.js" defer></script>
|
||||
<script src="/doc/assets/js/app.ac490cc9.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/23.3c312dd7.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -8,8 +8,8 @@
|
||||
|
||||
<meta name="description" content="">
|
||||
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.3b9b3a9c.css" as="style"><link rel="preload" href="/doc/assets/js/app.04dfb0e4.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/24.96d82a87.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.57c980fd.js"><link rel="prefetch" href="/doc/assets/js/11.a47e2d9b.js"><link rel="prefetch" href="/doc/assets/js/12.9eddd902.js"><link rel="prefetch" href="/doc/assets/js/13.663fc48e.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.8be51919.js"><link rel="prefetch" href="/doc/assets/js/19.c5cc8e35.js"><link rel="prefetch" href="/doc/assets/js/20.09f15f46.js"><link rel="prefetch" href="/doc/assets/js/21.390bb49b.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.9bda2ced.js"><link rel="prefetch" href="/doc/assets/js/25.e454a69e.js"><link rel="prefetch" href="/doc/assets/js/26.bf8cc2c2.js"><link rel="prefetch" href="/doc/assets/js/27.18814355.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.d198a40c.js"><link rel="prefetch" href="/doc/assets/js/5.82171d89.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.e7b0462e.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.js"><link rel="prefetch" href="/doc/assets/js/9.c9c11d43.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.3b9b3a9c.css">
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.ac490cc9.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/24.96d82a87.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.c3aa487f.js"><link rel="prefetch" href="/doc/assets/js/11.4dfd0b43.js"><link rel="prefetch" href="/doc/assets/js/12.639e1894.js"><link rel="prefetch" href="/doc/assets/js/13.e30615b0.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.3e6eaba0.js"><link rel="prefetch" href="/doc/assets/js/19.4abe8428.js"><link rel="prefetch" href="/doc/assets/js/20.eb3d4a7f.js"><link rel="prefetch" href="/doc/assets/js/21.acd348b3.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.3c312dd7.js"><link rel="prefetch" href="/doc/assets/js/25.b3baaa9c.js"><link rel="prefetch" href="/doc/assets/js/26.5755449d.js"><link rel="prefetch" href="/doc/assets/js/27.9151272d.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.2121e1d8.js"><link rel="prefetch" href="/doc/assets/js/5.615d527f.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.f3022582.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.js"><link rel="prefetch" href="/doc/assets/js/9.5e6217e4.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.690c58c3.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/doc/" class="home-link router-link-active"><!----> <span class="site-name">h5-dooring</span></a> <div class="links"><!----> <nav class="nav-links can-hide"><div class="nav-item"><a href="/doc/" class="nav-link">
|
||||
@ -58,6 +58,6 @@ observe<span class="token punctuation">.</span><span class="token function">subs
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </main></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.04dfb0e4.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/24.96d82a87.js" defer></script>
|
||||
<script src="/doc/assets/js/app.ac490cc9.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/24.96d82a87.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -8,8 +8,8 @@
|
||||
|
||||
<meta name="description" content="">
|
||||
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.3b9b3a9c.css" as="style"><link rel="preload" href="/doc/assets/js/app.04dfb0e4.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/25.e454a69e.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.57c980fd.js"><link rel="prefetch" href="/doc/assets/js/11.a47e2d9b.js"><link rel="prefetch" href="/doc/assets/js/12.9eddd902.js"><link rel="prefetch" href="/doc/assets/js/13.663fc48e.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.8be51919.js"><link rel="prefetch" href="/doc/assets/js/19.c5cc8e35.js"><link rel="prefetch" href="/doc/assets/js/20.09f15f46.js"><link rel="prefetch" href="/doc/assets/js/21.390bb49b.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.9bda2ced.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/26.bf8cc2c2.js"><link rel="prefetch" href="/doc/assets/js/27.18814355.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.d198a40c.js"><link rel="prefetch" href="/doc/assets/js/5.82171d89.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.e7b0462e.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.js"><link rel="prefetch" href="/doc/assets/js/9.c9c11d43.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.3b9b3a9c.css">
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.ac490cc9.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/25.b3baaa9c.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.c3aa487f.js"><link rel="prefetch" href="/doc/assets/js/11.4dfd0b43.js"><link rel="prefetch" href="/doc/assets/js/12.639e1894.js"><link rel="prefetch" href="/doc/assets/js/13.e30615b0.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.3e6eaba0.js"><link rel="prefetch" href="/doc/assets/js/19.4abe8428.js"><link rel="prefetch" href="/doc/assets/js/20.eb3d4a7f.js"><link rel="prefetch" href="/doc/assets/js/21.acd348b3.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.3c312dd7.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/26.5755449d.js"><link rel="prefetch" href="/doc/assets/js/27.9151272d.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.2121e1d8.js"><link rel="prefetch" href="/doc/assets/js/5.615d527f.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.f3022582.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.js"><link rel="prefetch" href="/doc/assets/js/9.5e6217e4.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.690c58c3.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/doc/" class="home-link router-link-active"><!----> <span class="site-name">h5-dooring</span></a> <div class="links"><!----> <nav class="nav-links can-hide"><div class="nav-item"><a href="/doc/" class="nav-link">
|
||||
@ -322,6 +322,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </main></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.04dfb0e4.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/25.e454a69e.js" defer></script>
|
||||
<script src="/doc/assets/js/app.ac490cc9.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/25.b3baaa9c.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -8,8 +8,8 @@
|
||||
|
||||
<meta name="description" content="">
|
||||
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.3b9b3a9c.css" as="style"><link rel="preload" href="/doc/assets/js/app.04dfb0e4.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/12.9eddd902.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.57c980fd.js"><link rel="prefetch" href="/doc/assets/js/11.a47e2d9b.js"><link rel="prefetch" href="/doc/assets/js/13.663fc48e.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.8be51919.js"><link rel="prefetch" href="/doc/assets/js/19.c5cc8e35.js"><link rel="prefetch" href="/doc/assets/js/20.09f15f46.js"><link rel="prefetch" href="/doc/assets/js/21.390bb49b.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.9bda2ced.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.e454a69e.js"><link rel="prefetch" href="/doc/assets/js/26.bf8cc2c2.js"><link rel="prefetch" href="/doc/assets/js/27.18814355.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.d198a40c.js"><link rel="prefetch" href="/doc/assets/js/5.82171d89.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.e7b0462e.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.js"><link rel="prefetch" href="/doc/assets/js/9.c9c11d43.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.3b9b3a9c.css">
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.ac490cc9.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/12.639e1894.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.c3aa487f.js"><link rel="prefetch" href="/doc/assets/js/11.4dfd0b43.js"><link rel="prefetch" href="/doc/assets/js/13.e30615b0.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.3e6eaba0.js"><link rel="prefetch" href="/doc/assets/js/19.4abe8428.js"><link rel="prefetch" href="/doc/assets/js/20.eb3d4a7f.js"><link rel="prefetch" href="/doc/assets/js/21.acd348b3.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.3c312dd7.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.b3baaa9c.js"><link rel="prefetch" href="/doc/assets/js/26.5755449d.js"><link rel="prefetch" href="/doc/assets/js/27.9151272d.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.2121e1d8.js"><link rel="prefetch" href="/doc/assets/js/5.615d527f.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.f3022582.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.js"><link rel="prefetch" href="/doc/assets/js/9.5e6217e4.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.690c58c3.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/doc/" class="home-link router-link-active"><!----> <span class="site-name">h5-dooring</span></a> <div class="links"><!----> <nav class="nav-links can-hide"><div class="nav-item"><a href="/doc/" class="nav-link">
|
||||
@ -37,6 +37,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </main></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.04dfb0e4.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/12.9eddd902.js" defer></script>
|
||||
<script src="/doc/assets/js/app.ac490cc9.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/12.639e1894.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -8,8 +8,8 @@
|
||||
|
||||
<meta name="description" content="">
|
||||
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.3b9b3a9c.css" as="style"><link rel="preload" href="/doc/assets/js/app.04dfb0e4.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/7.e7b0462e.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.57c980fd.js"><link rel="prefetch" href="/doc/assets/js/11.a47e2d9b.js"><link rel="prefetch" href="/doc/assets/js/12.9eddd902.js"><link rel="prefetch" href="/doc/assets/js/13.663fc48e.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.8be51919.js"><link rel="prefetch" href="/doc/assets/js/19.c5cc8e35.js"><link rel="prefetch" href="/doc/assets/js/20.09f15f46.js"><link rel="prefetch" href="/doc/assets/js/21.390bb49b.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.9bda2ced.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.e454a69e.js"><link rel="prefetch" href="/doc/assets/js/26.bf8cc2c2.js"><link rel="prefetch" href="/doc/assets/js/27.18814355.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.d198a40c.js"><link rel="prefetch" href="/doc/assets/js/5.82171d89.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.js"><link rel="prefetch" href="/doc/assets/js/9.c9c11d43.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.3b9b3a9c.css">
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.ac490cc9.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/7.f3022582.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.c3aa487f.js"><link rel="prefetch" href="/doc/assets/js/11.4dfd0b43.js"><link rel="prefetch" href="/doc/assets/js/12.639e1894.js"><link rel="prefetch" href="/doc/assets/js/13.e30615b0.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.3e6eaba0.js"><link rel="prefetch" href="/doc/assets/js/19.4abe8428.js"><link rel="prefetch" href="/doc/assets/js/20.eb3d4a7f.js"><link rel="prefetch" href="/doc/assets/js/21.acd348b3.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.3c312dd7.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.b3baaa9c.js"><link rel="prefetch" href="/doc/assets/js/26.5755449d.js"><link rel="prefetch" href="/doc/assets/js/27.9151272d.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.2121e1d8.js"><link rel="prefetch" href="/doc/assets/js/5.615d527f.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.js"><link rel="prefetch" href="/doc/assets/js/9.5e6217e4.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.690c58c3.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/doc/" class="home-link router-link-active"><!----> <span class="site-name">h5-dooring</span></a> <div class="links"><!----> <nav class="nav-links can-hide"><div class="nav-item"><a href="/doc/" class="nav-link">
|
||||
@ -37,6 +37,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </main></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.04dfb0e4.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/7.e7b0462e.js" defer></script>
|
||||
<script src="/doc/assets/js/app.ac490cc9.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/7.f3022582.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -8,8 +8,8 @@
|
||||
|
||||
<meta name="description" content="">
|
||||
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.3b9b3a9c.css" as="style"><link rel="preload" href="/doc/assets/js/app.04dfb0e4.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/26.bf8cc2c2.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.57c980fd.js"><link rel="prefetch" href="/doc/assets/js/11.a47e2d9b.js"><link rel="prefetch" href="/doc/assets/js/12.9eddd902.js"><link rel="prefetch" href="/doc/assets/js/13.663fc48e.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.8be51919.js"><link rel="prefetch" href="/doc/assets/js/19.c5cc8e35.js"><link rel="prefetch" href="/doc/assets/js/20.09f15f46.js"><link rel="prefetch" href="/doc/assets/js/21.390bb49b.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.9bda2ced.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.e454a69e.js"><link rel="prefetch" href="/doc/assets/js/27.18814355.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.d198a40c.js"><link rel="prefetch" href="/doc/assets/js/5.82171d89.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.e7b0462e.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.js"><link rel="prefetch" href="/doc/assets/js/9.c9c11d43.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.3b9b3a9c.css">
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.ac490cc9.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/26.5755449d.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.c3aa487f.js"><link rel="prefetch" href="/doc/assets/js/11.4dfd0b43.js"><link rel="prefetch" href="/doc/assets/js/12.639e1894.js"><link rel="prefetch" href="/doc/assets/js/13.e30615b0.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.3e6eaba0.js"><link rel="prefetch" href="/doc/assets/js/19.4abe8428.js"><link rel="prefetch" href="/doc/assets/js/20.eb3d4a7f.js"><link rel="prefetch" href="/doc/assets/js/21.acd348b3.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.3c312dd7.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.b3baaa9c.js"><link rel="prefetch" href="/doc/assets/js/27.9151272d.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.2121e1d8.js"><link rel="prefetch" href="/doc/assets/js/5.615d527f.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.f3022582.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.js"><link rel="prefetch" href="/doc/assets/js/9.5e6217e4.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.690c58c3.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/doc/" class="home-link router-link-active"><!----> <span class="site-name">h5-dooring</span></a> <div class="links"><!----> <nav class="nav-links can-hide"><div class="nav-item"><a href="/doc/" class="nav-link">
|
||||
@ -58,6 +58,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </main></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.04dfb0e4.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/26.bf8cc2c2.js" defer></script>
|
||||
<script src="/doc/assets/js/app.ac490cc9.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/26.5755449d.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -8,8 +8,8 @@
|
||||
|
||||
<meta name="description" content="">
|
||||
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.3b9b3a9c.css" as="style"><link rel="preload" href="/doc/assets/js/app.04dfb0e4.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/27.18814355.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.57c980fd.js"><link rel="prefetch" href="/doc/assets/js/11.a47e2d9b.js"><link rel="prefetch" href="/doc/assets/js/12.9eddd902.js"><link rel="prefetch" href="/doc/assets/js/13.663fc48e.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.8be51919.js"><link rel="prefetch" href="/doc/assets/js/19.c5cc8e35.js"><link rel="prefetch" href="/doc/assets/js/20.09f15f46.js"><link rel="prefetch" href="/doc/assets/js/21.390bb49b.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.9bda2ced.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.e454a69e.js"><link rel="prefetch" href="/doc/assets/js/26.bf8cc2c2.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.d198a40c.js"><link rel="prefetch" href="/doc/assets/js/5.82171d89.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.e7b0462e.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.js"><link rel="prefetch" href="/doc/assets/js/9.c9c11d43.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.3b9b3a9c.css">
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.ac490cc9.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/27.9151272d.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.c3aa487f.js"><link rel="prefetch" href="/doc/assets/js/11.4dfd0b43.js"><link rel="prefetch" href="/doc/assets/js/12.639e1894.js"><link rel="prefetch" href="/doc/assets/js/13.e30615b0.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.3e6eaba0.js"><link rel="prefetch" href="/doc/assets/js/19.4abe8428.js"><link rel="prefetch" href="/doc/assets/js/20.eb3d4a7f.js"><link rel="prefetch" href="/doc/assets/js/21.acd348b3.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.3c312dd7.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.b3baaa9c.js"><link rel="prefetch" href="/doc/assets/js/26.5755449d.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.2121e1d8.js"><link rel="prefetch" href="/doc/assets/js/5.615d527f.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.f3022582.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.js"><link rel="prefetch" href="/doc/assets/js/9.5e6217e4.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.690c58c3.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/doc/" class="home-link router-link-active"><!----> <span class="site-name">h5-dooring</span></a> <div class="links"><!----> <nav class="nav-links can-hide"><div class="nav-item"><a href="/doc/" class="nav-link">
|
||||
@ -37,6 +37,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </main></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.04dfb0e4.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/27.18814355.js" defer></script>
|
||||
<script src="/doc/assets/js/app.ac490cc9.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/27.9151272d.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -8,8 +8,8 @@
|
||||
|
||||
<meta name="description" content="">
|
||||
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.3b9b3a9c.css" as="style"><link rel="preload" href="/doc/assets/js/app.04dfb0e4.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/13.663fc48e.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.57c980fd.js"><link rel="prefetch" href="/doc/assets/js/11.a47e2d9b.js"><link rel="prefetch" href="/doc/assets/js/12.9eddd902.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.8be51919.js"><link rel="prefetch" href="/doc/assets/js/19.c5cc8e35.js"><link rel="prefetch" href="/doc/assets/js/20.09f15f46.js"><link rel="prefetch" href="/doc/assets/js/21.390bb49b.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.9bda2ced.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.e454a69e.js"><link rel="prefetch" href="/doc/assets/js/26.bf8cc2c2.js"><link rel="prefetch" href="/doc/assets/js/27.18814355.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.d198a40c.js"><link rel="prefetch" href="/doc/assets/js/5.82171d89.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.e7b0462e.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.js"><link rel="prefetch" href="/doc/assets/js/9.c9c11d43.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.3b9b3a9c.css">
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.ac490cc9.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/13.e30615b0.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.c3aa487f.js"><link rel="prefetch" href="/doc/assets/js/11.4dfd0b43.js"><link rel="prefetch" href="/doc/assets/js/12.639e1894.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.3e6eaba0.js"><link rel="prefetch" href="/doc/assets/js/19.4abe8428.js"><link rel="prefetch" href="/doc/assets/js/20.eb3d4a7f.js"><link rel="prefetch" href="/doc/assets/js/21.acd348b3.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.3c312dd7.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.b3baaa9c.js"><link rel="prefetch" href="/doc/assets/js/26.5755449d.js"><link rel="prefetch" href="/doc/assets/js/27.9151272d.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.2121e1d8.js"><link rel="prefetch" href="/doc/assets/js/5.615d527f.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.f3022582.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.js"><link rel="prefetch" href="/doc/assets/js/9.5e6217e4.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.690c58c3.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/doc/" class="home-link router-link-active"><!----> <span class="site-name">h5-dooring</span></a> <div class="links"><!----> <nav class="nav-links can-hide"><div class="nav-item"><a href="/doc/" class="nav-link">
|
||||
@ -37,6 +37,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </main></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.04dfb0e4.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/13.663fc48e.js" defer></script>
|
||||
<script src="/doc/assets/js/app.ac490cc9.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/13.e30615b0.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -8,8 +8,8 @@
|
||||
|
||||
<meta name="description" content="">
|
||||
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.3b9b3a9c.css" as="style"><link rel="preload" href="/doc/assets/js/app.04dfb0e4.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/8.66884c30.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.57c980fd.js"><link rel="prefetch" href="/doc/assets/js/11.a47e2d9b.js"><link rel="prefetch" href="/doc/assets/js/12.9eddd902.js"><link rel="prefetch" href="/doc/assets/js/13.663fc48e.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.8be51919.js"><link rel="prefetch" href="/doc/assets/js/19.c5cc8e35.js"><link rel="prefetch" href="/doc/assets/js/20.09f15f46.js"><link rel="prefetch" href="/doc/assets/js/21.390bb49b.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.9bda2ced.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.e454a69e.js"><link rel="prefetch" href="/doc/assets/js/26.bf8cc2c2.js"><link rel="prefetch" href="/doc/assets/js/27.18814355.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.d198a40c.js"><link rel="prefetch" href="/doc/assets/js/5.82171d89.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.e7b0462e.js"><link rel="prefetch" href="/doc/assets/js/9.c9c11d43.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.3b9b3a9c.css">
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.ac490cc9.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/8.66884c30.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.c3aa487f.js"><link rel="prefetch" href="/doc/assets/js/11.4dfd0b43.js"><link rel="prefetch" href="/doc/assets/js/12.639e1894.js"><link rel="prefetch" href="/doc/assets/js/13.e30615b0.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.3e6eaba0.js"><link rel="prefetch" href="/doc/assets/js/19.4abe8428.js"><link rel="prefetch" href="/doc/assets/js/20.eb3d4a7f.js"><link rel="prefetch" href="/doc/assets/js/21.acd348b3.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.3c312dd7.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.b3baaa9c.js"><link rel="prefetch" href="/doc/assets/js/26.5755449d.js"><link rel="prefetch" href="/doc/assets/js/27.9151272d.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.2121e1d8.js"><link rel="prefetch" href="/doc/assets/js/5.615d527f.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.f3022582.js"><link rel="prefetch" href="/doc/assets/js/9.5e6217e4.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.690c58c3.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/doc/" class="home-link router-link-active"><!----> <span class="site-name">h5-dooring</span></a> <div class="links"><!----> <nav class="nav-links can-hide"><div class="nav-item"><a href="/doc/" class="nav-link">
|
||||
@ -37,6 +37,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </main></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.04dfb0e4.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/8.66884c30.js" defer></script>
|
||||
<script src="/doc/assets/js/app.ac490cc9.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/8.66884c30.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -8,8 +8,8 @@
|
||||
|
||||
<meta name="description" content="">
|
||||
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.3b9b3a9c.css" as="style"><link rel="preload" href="/doc/assets/js/app.04dfb0e4.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/9.c9c11d43.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.57c980fd.js"><link rel="prefetch" href="/doc/assets/js/11.a47e2d9b.js"><link rel="prefetch" href="/doc/assets/js/12.9eddd902.js"><link rel="prefetch" href="/doc/assets/js/13.663fc48e.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.8be51919.js"><link rel="prefetch" href="/doc/assets/js/19.c5cc8e35.js"><link rel="prefetch" href="/doc/assets/js/20.09f15f46.js"><link rel="prefetch" href="/doc/assets/js/21.390bb49b.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.9bda2ced.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.e454a69e.js"><link rel="prefetch" href="/doc/assets/js/26.bf8cc2c2.js"><link rel="prefetch" href="/doc/assets/js/27.18814355.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.d198a40c.js"><link rel="prefetch" href="/doc/assets/js/5.82171d89.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.e7b0462e.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.3b9b3a9c.css">
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.ac490cc9.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/9.5e6217e4.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.c3aa487f.js"><link rel="prefetch" href="/doc/assets/js/11.4dfd0b43.js"><link rel="prefetch" href="/doc/assets/js/12.639e1894.js"><link rel="prefetch" href="/doc/assets/js/13.e30615b0.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.3e6eaba0.js"><link rel="prefetch" href="/doc/assets/js/19.4abe8428.js"><link rel="prefetch" href="/doc/assets/js/20.eb3d4a7f.js"><link rel="prefetch" href="/doc/assets/js/21.acd348b3.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.3c312dd7.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.b3baaa9c.js"><link rel="prefetch" href="/doc/assets/js/26.5755449d.js"><link rel="prefetch" href="/doc/assets/js/27.9151272d.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.2121e1d8.js"><link rel="prefetch" href="/doc/assets/js/5.615d527f.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.f3022582.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.690c58c3.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/doc/" class="home-link router-link-active"><!----> <span class="site-name">h5-dooring</span></a> <div class="links"><!----> <nav class="nav-links can-hide"><div class="nav-item"><a href="/doc/" class="nav-link">
|
||||
@ -33,6 +33,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </main></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.04dfb0e4.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/9.c9c11d43.js" defer></script>
|
||||
<script src="/doc/assets/js/app.ac490cc9.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/9.5e6217e4.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -8,8 +8,8 @@
|
||||
|
||||
<meta name="description" content="">
|
||||
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.3b9b3a9c.css" as="style"><link rel="preload" href="/doc/assets/js/app.04dfb0e4.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/14.eff270f4.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.57c980fd.js"><link rel="prefetch" href="/doc/assets/js/11.a47e2d9b.js"><link rel="prefetch" href="/doc/assets/js/12.9eddd902.js"><link rel="prefetch" href="/doc/assets/js/13.663fc48e.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.8be51919.js"><link rel="prefetch" href="/doc/assets/js/19.c5cc8e35.js"><link rel="prefetch" href="/doc/assets/js/20.09f15f46.js"><link rel="prefetch" href="/doc/assets/js/21.390bb49b.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.9bda2ced.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.e454a69e.js"><link rel="prefetch" href="/doc/assets/js/26.bf8cc2c2.js"><link rel="prefetch" href="/doc/assets/js/27.18814355.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.d198a40c.js"><link rel="prefetch" href="/doc/assets/js/5.82171d89.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.e7b0462e.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.js"><link rel="prefetch" href="/doc/assets/js/9.c9c11d43.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.3b9b3a9c.css">
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.ac490cc9.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/14.eff270f4.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.c3aa487f.js"><link rel="prefetch" href="/doc/assets/js/11.4dfd0b43.js"><link rel="prefetch" href="/doc/assets/js/12.639e1894.js"><link rel="prefetch" href="/doc/assets/js/13.e30615b0.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.3e6eaba0.js"><link rel="prefetch" href="/doc/assets/js/19.4abe8428.js"><link rel="prefetch" href="/doc/assets/js/20.eb3d4a7f.js"><link rel="prefetch" href="/doc/assets/js/21.acd348b3.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.3c312dd7.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.b3baaa9c.js"><link rel="prefetch" href="/doc/assets/js/26.5755449d.js"><link rel="prefetch" href="/doc/assets/js/27.9151272d.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.2121e1d8.js"><link rel="prefetch" href="/doc/assets/js/5.615d527f.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.f3022582.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.js"><link rel="prefetch" href="/doc/assets/js/9.5e6217e4.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.690c58c3.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/doc/" class="home-link router-link-active"><!----> <span class="site-name">h5-dooring</span></a> <div class="links"><!----> <nav class="nav-links can-hide"><div class="nav-item"><a href="/doc/" class="nav-link">
|
||||
@ -37,6 +37,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </main></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.04dfb0e4.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/14.eff270f4.js" defer></script>
|
||||
<script src="/doc/assets/js/app.ac490cc9.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/14.eff270f4.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -8,8 +8,8 @@
|
||||
|
||||
<meta name="description" content="">
|
||||
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.3b9b3a9c.css" as="style"><link rel="preload" href="/doc/assets/js/app.04dfb0e4.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/15.2cabc303.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.57c980fd.js"><link rel="prefetch" href="/doc/assets/js/11.a47e2d9b.js"><link rel="prefetch" href="/doc/assets/js/12.9eddd902.js"><link rel="prefetch" href="/doc/assets/js/13.663fc48e.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.8be51919.js"><link rel="prefetch" href="/doc/assets/js/19.c5cc8e35.js"><link rel="prefetch" href="/doc/assets/js/20.09f15f46.js"><link rel="prefetch" href="/doc/assets/js/21.390bb49b.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.9bda2ced.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.e454a69e.js"><link rel="prefetch" href="/doc/assets/js/26.bf8cc2c2.js"><link rel="prefetch" href="/doc/assets/js/27.18814355.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.d198a40c.js"><link rel="prefetch" href="/doc/assets/js/5.82171d89.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.e7b0462e.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.js"><link rel="prefetch" href="/doc/assets/js/9.c9c11d43.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.3b9b3a9c.css">
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.ac490cc9.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/15.2cabc303.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.c3aa487f.js"><link rel="prefetch" href="/doc/assets/js/11.4dfd0b43.js"><link rel="prefetch" href="/doc/assets/js/12.639e1894.js"><link rel="prefetch" href="/doc/assets/js/13.e30615b0.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.3e6eaba0.js"><link rel="prefetch" href="/doc/assets/js/19.4abe8428.js"><link rel="prefetch" href="/doc/assets/js/20.eb3d4a7f.js"><link rel="prefetch" href="/doc/assets/js/21.acd348b3.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.3c312dd7.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.b3baaa9c.js"><link rel="prefetch" href="/doc/assets/js/26.5755449d.js"><link rel="prefetch" href="/doc/assets/js/27.9151272d.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.2121e1d8.js"><link rel="prefetch" href="/doc/assets/js/5.615d527f.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.f3022582.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.js"><link rel="prefetch" href="/doc/assets/js/9.5e6217e4.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.690c58c3.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/doc/" class="home-link router-link-active"><!----> <span class="site-name">h5-dooring</span></a> <div class="links"><!----> <nav class="nav-links can-hide"><div class="nav-item"><a href="/doc/" class="nav-link">
|
||||
@ -39,6 +39,6 @@ v10.13.0
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </main></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.04dfb0e4.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/15.2cabc303.js" defer></script>
|
||||
<script src="/doc/assets/js/app.ac490cc9.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/15.2cabc303.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -59,3 +59,121 @@ export default template;
|
||||
```
|
||||
|
||||
以上就是我们template的结构，type用来定义组件的类型，方便渲染器动态查找，h代表组件的初始化高度，我们可以自由设置。displayName是组件的中文名，用来在左侧组件面板中展示，方便用户理解，我们可以在template中自定义更多辅助信息，方便使用者更高效的使用我们的编辑器。
|
||||
|
||||
|
||||
## schema设计
|
||||
|
||||
开发一个自定义组件需要包含3部分, `Component`, `Schema` 和 `Template`. 接下来我们看一下 `Header` 组件的 `Schema`.
|
||||
|
||||
``` js
|
||||
import {
|
||||
IColorConfigType,
|
||||
INumberConfigType,
|
||||
ITextConfigType,
|
||||
IUploadConfigType,
|
||||
TColorDefaultType,
|
||||
TNumberDefaultType,
|
||||
TTextDefaultType,
|
||||
TUploadDefaultType,
|
||||
} from '@/components/FormComponents/types';
|
||||
import { baseConfig, baseDefault, ICommonBaseType } from '../../common';
|
||||
|
||||
export type THeaderEditData = Array<
|
||||
IColorConfigType | INumberConfigType | IUploadConfigType | ITextConfigType
|
||||
>;
|
||||
export interface IHeaderConfig extends ICommonBaseType {
|
||||
bgColor: TColorDefaultType;
|
||||
logo: TUploadDefaultType;
|
||||
logoText: TTextDefaultType;
|
||||
fontSize: TNumberDefaultType;
|
||||
color: TColorDefaultType;
|
||||
height: TNumberDefaultType;
|
||||
}
|
||||
|
||||
export interface IHeaderSchema {
|
||||
editData: THeaderEditData;
|
||||
config: IHeaderConfig;
|
||||
}
|
||||
|
||||
const Header: IHeaderSchema = {
|
||||
editData: [
|
||||
...baseConfig,
|
||||
{
|
||||
key: 'bgColor',
|
||||
name: '背景色',
|
||||
type: 'Color',
|
||||
},
|
||||
{
|
||||
key: 'height',
|
||||
name: '高度',
|
||||
type: 'Number',
|
||||
},
|
||||
{
|
||||
key: 'logo',
|
||||
name: 'logo',
|
||||
type: 'Upload',
|
||||
isCrop: true,
|
||||
cropRate: 1000 / 618,
|
||||
},
|
||||
{
|
||||
key: 'logoText',
|
||||
name: 'logo文字',
|
||||
type: 'Text',
|
||||
},
|
||||
{
|
||||
key: 'color',
|
||||
name: '文字颜色',
|
||||
type: 'Color',
|
||||
},
|
||||
{
|
||||
key: 'fontSize',
|
||||
name: '文字大小',
|
||||
type: 'Number',
|
||||
},
|
||||
],
|
||||
config: {
|
||||
bgColor: 'rgba(0,0,0,1)',
|
||||
logo: [
|
||||
{
|
||||
uid: '001',
|
||||
name: 'image.png',
|
||||
status: 'done',
|
||||
url: 'http://49.234.61.19/uploads/3_1740be8a482.png',
|
||||
},
|
||||
],
|
||||
logoText: '页头Header',
|
||||
fontSize: 20,
|
||||
color: 'rgba(255,255,255,1)',
|
||||
height: 50,
|
||||
...baseDefault,
|
||||
},
|
||||
};
|
||||
|
||||
export default Header;
|
||||
```
|
||||
|
||||
`editData`表示组件的可编辑属性, 我们可以自定义哪些组件可编辑. `config`为组件接收的属性, 和`editData`数组项中的`key`一一对应.
|
||||
|
||||
|
||||
### 组件编辑区属性类型
|
||||
|
||||
`Dooring`组件编辑面板有如下对应编辑类型:
|
||||
|
||||
- Upload 上传组件
|
||||
- Text 文本框
|
||||
- RichText 富文本
|
||||
- TextArea 多行文本
|
||||
- Number 数字输入框
|
||||
- DataList 列表编辑器
|
||||
- FileList 文件列表编辑器
|
||||
- InteractionData 交互设置
|
||||
- Color 颜色面板
|
||||
- MutiText 多文本
|
||||
- Select 选择下拉框
|
||||
- Radio 单选框
|
||||
- Switch 开关切换
|
||||
- CardPicker 卡片面板
|
||||
- Table 表格编辑器
|
||||
- Pos 坐标编辑器
|
||||
- FormItems 表单设计器
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user