Search
Preparing search index...
The search index is not available
kdayun 界面引擎API
Options
All
Public
Public/Protected
All
Inherited
Menu
kdayun 界面引擎API
YH-Designer/src/designer/DesignerComponentRender
GsDesignerRender
Class GsDesignerRender
怪兽设计器渲染器
Hierarchy
DesignerRenderBase
GsDesignerRender
Index
Constructors
constructor
Methods
do
Clear
Container
do
Get
Cmp
Item
Css
do
Get
Cmp
Tool
Bar
Css
do
Init
Event
do
Render
Cmps
From
Group
do
Render
Group
Form
Top
Group
get
Container
Elem
get
Contrain
Elem
get
Css
get
Curr
Group
Container
Elem
get
Curr
Group
Elem
get
Curr
Group
Id
get
Curr
Groups
Elem
get
Designer
get
Groups
Elem
get
Html
get
Tool
Bar
Elem
group
Render
Builder
hide
init
Laz
Load
is
Visable
render
Builder
render
Component
Groups
render
Component
Items
show
Constructors
constructor
new
GsDesigner
Render
(
)
:
GsDesignerRender
Returns
GsDesignerRender
Methods
Protected
do
Clear
Container
do
Clear
Container
(
)
:
void
Returns
void
Protected
do
Get
Cmp
Item
Css
do
Get
Cmp
Item
Css
(
)
:
any
Returns
any
Protected
do
Get
Cmp
Tool
Bar
Css
do
Get
Cmp
Tool
Bar
Css
(
)
:
Object
&
{
& .hideBtn
:
{
background
:
string
;
background-size
:
string
;
border-bottom
:
string
;
border-bottom-right-radius
:
string
;
border-right
:
string
;
border-top
:
string
;
border-top-right-radius
:
string
;
color
:
string
;
cursor
:
string
;
font-size
:
string
;
height
:
string
;
line-height
:
string
;
margin-top
:
string
;
position
:
string
;
right
:
string
;
text-align
:
string
;
top
:
string
;
width
:
string
}
;
& .yh-designer-compnentgourp
:
{
&[active='true']
:
{
& .yh-designer-compnentgourp-title
:
{
background-color
:
string
;
color
:
string
;
padding-top
:
string
}
}
;
display
:
string
;
height
:
string
;
margin-top
:
string
;
width
:
string
}
;
& .yh-designer-compnentgourp-container
:
{
& .group-sub-container
:
{
& .group-container-header
:
{
color
:
string
;
font-weight
:
string
;
margin
:
string
}
}
;
display
:
string
;
height
:
string
;
left
:
string
;
margin-left
:
string
;
overflow-y
:
string
;
position
:
string
;
width
:
string
}
;
& .yh-designer-compnentgourp-title
:
{
& .item-active
:
{}
;
& .item-icon
:
{
font-size
:
string
;
height
:
string
;
width
:
string
}
;
& .item-text
:
{
font-size
:
string
;
height
:
string
;
line-height
:
string
;
text-align
:
string
}
;
&:hover
:
{
background-color
:
string
}
;
align-items
:
string
;
border-radius
:
string
;
color
:
string
;
cursor
:
string
;
display
:
string
;
flex-direction
:
string
;
height
:
string
;
justify-content
:
string
;
margin-bottom
:
string
;
padding
:
string
;
width
:
string
}
;
& .yh-designer-compnentgourps
:
{
background
:
string
;
border-radius
:
string
;
border-right
:
string
;
display
:
string
;
height
:
string
;
overflow-x
:
string
;
overflow-y
:
string
;
padding-left
:
string
;
text-align
:
string
;
user-select
:
string
;
width
:
string
}
;
&[expand='true']
:
{
width
:
string
}
;
width
:
string
}
Returns
Object
&
{
& .hideBtn
:
{
background
:
string
;
background-size
:
string
;
border-bottom
:
string
;
border-bottom-right-radius
:
string
;
border-right
:
string
;
border-top
:
string
;
border-top-right-radius
:
string
;
color
:
string
;
cursor
:
string
;
font-size
:
string
;
height
:
string
;
line-height
:
string
;
margin-top
:
string
;
position
:
string
;
right
:
string
;
text-align
:
string
;
top
:
string
;
width
:
string
}
;
& .yh-designer-compnentgourp
:
{
&[active='true']
:
{
& .yh-designer-compnentgourp-title
:
{
background-color
:
string
;
color
:
string
;
padding-top
:
string
}
}
;
display
:
string
;
height
:
string
;
margin-top
:
string
;
width
:
string
}
;
& .yh-designer-compnentgourp-container
:
{
& .group-sub-container
:
{
& .group-container-header
:
{
color
:
string
;
font-weight
:
string
;
margin
:
string
}
}
;
display
:
string
;
height
:
string
;
left
:
string
;
margin-left
:
string
;
overflow-y
:
string
;
position
:
string
;
width
:
string
}
;
& .yh-designer-compnentgourp-title
:
{
& .item-active
:
{}
;
& .item-icon
:
{
font-size
:
string
;
height
:
string
;
width
:
string
}
;
& .item-text
:
{
font-size
:
string
;
height
:
string
;
line-height
:
string
;
text-align
:
string
}
;
&:hover
:
{
background-color
:
string
}
;
align-items
:
string
;
border-radius
:
string
;
color
:
string
;
cursor
:
string
;
display
:
string
;
flex-direction
:
string
;
height
:
string
;
justify-content
:
string
;
margin-bottom
:
string
;
padding
:
string
;
width
:
string
}
;
& .yh-designer-compnentgourps
:
{
background
:
string
;
border-radius
:
string
;
border-right
:
string
;
display
:
string
;
height
:
string
;
overflow-x
:
string
;
overflow-y
:
string
;
padding-left
:
string
;
text-align
:
string
;
user-select
:
string
;
width
:
string
}
;
&[expand='true']
:
{
width
:
string
}
;
width
:
string
}
Protected
do
Init
Event
do
Init
Event
(
)
:
void
Returns
void
Protected
do
Render
Cmps
From
Group
do
Render
Cmps
From
Group
(
groupId
:
string
)
:
void
Parameters
groupId:
string
Returns
void
Protected
do
Render
Group
Form
Top
Group
do
Render
Group
Form
Top
Group
(
topGroupId
:
string
)
:
void
Parameters
topGroupId:
string
Returns
void
Protected
get
Container
Elem
get
Container
Elem
(
)
:
JQuery
<
HTMLElement
>
Returns
JQuery
<
HTMLElement
>
Private
get
Contrain
Elem
get
Contrain
Elem
(
)
:
any
Returns
any
get
Css
get
Css
(
)
:
{
@global
:
{
@keyframes linearGradientMove
:
{
100%
:
{
background-position
:
string
}
}
;
@keyframes load
:
{
0%,40%,100%
:
{
transform
:
string
}
;
20%
:
{
transform
:
string
}
}
}
;
Designer
:
{
& *
:
{
&::-webkit-scrollbar
:
{
height
:
string
;
width
:
string
}
;
&::-webkit-scrollbar-thumb
:
{
border-radius
:
string
}
;
&::-webkit-scrollbar-track
:
{
border-radius
:
string
}
;
box-sizing
:
string
;
outline
:
string
;
scrollbar-width
:
string
}
;
& .focus-border
:
{
border
:
string
}
;
& .focus-border-blue
:
{
border-color
:
string
}
;
& .focus-border-white
:
{
border-color
:
string
}
;
& .right-menu
:
{
& a
:
{
color
:
string
;
text-decoration
:
string
}
;
& li
:
{
&:hover
:
{
background
:
string
;
color
:
string
}
;
color
:
string
;
cursor
:
string
;
padding
:
string
}
;
background-color
:
string
;
border
:
string
;
box-shadow
:
string
;
color
:
string
;
display
:
string
;
line-height
:
string
;
margin
:
string
;
padding
:
string
;
position
:
string
;
width
:
string
}
;
& .row-fluid
:
{
-moz-box-shadow
:
string
;
-moz-box-sizing
:
string
;
-webkit-box-shadow
:
string
;
-webkit-box-sizing
:
string
;
background-color
:
string
;
border-radius
:
string
;
box-shadow
:
string
;
box-sizing
:
string
;
position
:
string
}
;
& .yh-designer-canvas-container [xtype] *:focus
:
{
animation
:
string
;
border
:
string
;
border-color
:
string
}
;
& .yh-designer-component-attr-item
:
{
& .layui-input,& .yh-input
:
{
&:focus
:
{
border-color
:
string
;
border-right-width
:
string
;
box-shadow
:
string
;
outline
:
string
}
;
&:hover
:
{
border-color
:
string
;
outline
:
string
}
;
border-radius
:
string
;
height
:
string
}
;
& .yh-designer-form-label
:
{
color
:
string
;
font-weight
:
string
}
}
;
& .yh-designer-component-container
:
any
;
& .yh-designer-component-toolbar
:
Object
;
& .yh-designer-disable-child-fouse
:
{
& *
:
{
pointer-events
:
string
}
}
;
& .yh-designer-header
:
{
& .layui-form-onswitch
:
{
background-color
:
string
;
border-color
:
string
}
;
& .yh-button
:
{
margin-right
:
string
}
;
& .yh-designer-toolbar
:
{
& .yh-designer-toolbar-left
:
{}
;
& .yh-designer-toolbar-right
:
{
& #page-state
:
{
color
:
string
;
font-weight
:
string
;
margin-right
:
string
;
vertical-align
:
string
}
;
float
:
string
}
;
background-color
:
string
;
border-bottom
:
string
;
padding
:
string
}
}
;
& .yh-designer-right
:
{
& .layui-tab
:
{
& .layui-tab-title
:
{
& .layui-this:after
:
{
border-bottom
:
string
}
;
& li
:
{}
}
;
height
:
string
;
margin
:
number
}
;
& .yh-designer-component-attribute
:
{
& .yh-designer-attr-container
:
{
padding-left
:
string
}
;
& .yh-designer-component-attr-item
:
{
margin-bottom
:
string
}
;
& .yh-designer-form-label
:
{
display
:
string
;
float
:
string
;
padding
:
string
;
padding-bottom
:
string
;
padding-left
:
string
;
text-align
:
string
;
width
:
string
}
;
& .yh-designer-form-label-help
:
{
&:hover
:
{
color
:
string
}
;
cursor
:
string
;
font-size
:
string
;
margin-left
:
string
}
;
& .yh-designer-input-box
:
{
display
:
string
;
position
:
string
}
;
border-left
:
string
;
float
:
string
;
height
:
string
;
margin-top
:
string
;
overflow
:
string
;
padding-bottom
:
string
;
padding-left
:
string
;
text-align
:
string
}
;
-moz-transition
:
string
;
-ms-transition
:
string
;
-o-transition
:
string
;
-webkit-transition
:
string
;
background
:
string
;
bottom
:
string
;
padding
:
string
;
position
:
string
;
right
:
string
;
top
:
string
;
transition
:
string
;
width
:
string
;
z-index
:
string
}
;
& .zlui-icon-gongs
:
{
cursor
:
string
}
;
& .zlui-icon-gongs:hover
:
{
color
:
string
}
;
.yh-designer-canvas-container
:
{}
;
cursor
:
string
;
min-height
:
string
}
}
获取css样式
Returns
{
@global
:
{
@keyframes linearGradientMove
:
{
100%
:
{
background-position
:
string
}
}
;
@keyframes load
:
{
0%,40%,100%
:
{
transform
:
string
}
;
20%
:
{
transform
:
string
}
}
}
;
Designer
:
{
& *
:
{
&::-webkit-scrollbar
:
{
height
:
string
;
width
:
string
}
;
&::-webkit-scrollbar-thumb
:
{
border-radius
:
string
}
;
&::-webkit-scrollbar-track
:
{
border-radius
:
string
}
;
box-sizing
:
string
;
outline
:
string
;
scrollbar-width
:
string
}
;
& .focus-border
:
{
border
:
string
}
;
& .focus-border-blue
:
{
border-color
:
string
}
;
& .focus-border-white
:
{
border-color
:
string
}
;
& .right-menu
:
{
& a
:
{
color
:
string
;
text-decoration
:
string
}
;
& li
:
{
&:hover
:
{
background
:
string
;
color
:
string
}
;
color
:
string
;
cursor
:
string
;
padding
:
string
}
;
background-color
:
string
;
border
:
string
;
box-shadow
:
string
;
color
:
string
;
display
:
string
;
line-height
:
string
;
margin
:
string
;
padding
:
string
;
position
:
string
;
width
:
string
}
;
& .row-fluid
:
{
-moz-box-shadow
:
string
;
-moz-box-sizing
:
string
;
-webkit-box-shadow
:
string
;
-webkit-box-sizing
:
string
;
background-color
:
string
;
border-radius
:
string
;
box-shadow
:
string
;
box-sizing
:
string
;
position
:
string
}
;
& .yh-designer-canvas-container [xtype] *:focus
:
{
animation
:
string
;
border
:
string
;
border-color
:
string
}
;
& .yh-designer-component-attr-item
:
{
& .layui-input,& .yh-input
:
{
&:focus
:
{
border-color
:
string
;
border-right-width
:
string
;
box-shadow
:
string
;
outline
:
string
}
;
&:hover
:
{
border-color
:
string
;
outline
:
string
}
;
border-radius
:
string
;
height
:
string
}
;
& .yh-designer-form-label
:
{
color
:
string
;
font-weight
:
string
}
}
;
& .yh-designer-component-container
:
any
;
& .yh-designer-component-toolbar
:
Object
;
& .yh-designer-disable-child-fouse
:
{
& *
:
{
pointer-events
:
string
}
}
;
& .yh-designer-header
:
{
& .layui-form-onswitch
:
{
background-color
:
string
;
border-color
:
string
}
;
& .yh-button
:
{
margin-right
:
string
}
;
& .yh-designer-toolbar
:
{
& .yh-designer-toolbar-left
:
{}
;
& .yh-designer-toolbar-right
:
{
& #page-state
:
{
color
:
string
;
font-weight
:
string
;
margin-right
:
string
;
vertical-align
:
string
}
;
float
:
string
}
;
background-color
:
string
;
border-bottom
:
string
;
padding
:
string
}
}
;
& .yh-designer-right
:
{
& .layui-tab
:
{
& .layui-tab-title
:
{
& .layui-this:after
:
{
border-bottom
:
string
}
;
& li
:
{}
}
;
height
:
string
;
margin
:
number
}
;
& .yh-designer-component-attribute
:
{
& .yh-designer-attr-container
:
{
padding-left
:
string
}
;
& .yh-designer-component-attr-item
:
{
margin-bottom
:
string
}
;
& .yh-designer-form-label
:
{
display
:
string
;
float
:
string
;
padding
:
string
;
padding-bottom
:
string
;
padding-left
:
string
;
text-align
:
string
;
width
:
string
}
;
& .yh-designer-form-label-help
:
{
&:hover
:
{
color
:
string
}
;
cursor
:
string
;
font-size
:
string
;
margin-left
:
string
}
;
& .yh-designer-input-box
:
{
display
:
string
;
position
:
string
}
;
border-left
:
string
;
float
:
string
;
height
:
string
;
margin-top
:
string
;
overflow
:
string
;
padding-bottom
:
string
;
padding-left
:
string
;
text-align
:
string
}
;
-moz-transition
:
string
;
-ms-transition
:
string
;
-o-transition
:
string
;
-webkit-transition
:
string
;
background
:
string
;
bottom
:
string
;
padding
:
string
;
position
:
string
;
right
:
string
;
top
:
string
;
transition
:
string
;
width
:
string
;
z-index
:
string
}
;
& .zlui-icon-gongs
:
{
cursor
:
string
}
;
& .zlui-icon-gongs:hover
:
{
color
:
string
}
;
.yh-designer-canvas-container
:
{}
;
cursor
:
string
;
min-height
:
string
}
}
@global
:
{
@keyframes linearGradientMove
:
{
100%
:
{
background-position
:
string
}
}
;
@keyframes load
:
{
0%,40%,100%
:
{
transform
:
string
}
;
20%
:
{
transform
:
string
}
}
}
@keyframes linear
Gradient
Move
:
{
100%
:
{
background-position
:
string
}
}
100%
:
{
background-position
:
string
}
background-
position
:
string
@keyframes load
:
{
0%,40%,100%
:
{
transform
:
string
}
;
20%
:
{
transform
:
string
}
}
0%,40%,100%
:
{
transform
:
string
}
transform
:
string
20%
:
{
transform
:
string
}
transform
:
string
Designer
:
{
& *
:
{
&::-webkit-scrollbar
:
{
height
:
string
;
width
:
string
}
;
&::-webkit-scrollbar-thumb
:
{
border-radius
:
string
}
;
&::-webkit-scrollbar-track
:
{
border-radius
:
string
}
;
box-sizing
:
string
;
outline
:
string
;
scrollbar-width
:
string
}
;
& .focus-border
:
{
border
:
string
}
;
& .focus-border-blue
:
{
border-color
:
string
}
;
& .focus-border-white
:
{
border-color
:
string
}
;
& .right-menu
:
{
& a
:
{
color
:
string
;
text-decoration
:
string
}
;
& li
:
{
&:hover
:
{
background
:
string
;
color
:
string
}
;
color
:
string
;
cursor
:
string
;
padding
:
string
}
;
background-color
:
string
;
border
:
string
;
box-shadow
:
string
;
color
:
string
;
display
:
string
;
line-height
:
string
;
margin
:
string
;
padding
:
string
;
position
:
string
;
width
:
string
}
;
& .row-fluid
:
{
-moz-box-shadow
:
string
;
-moz-box-sizing
:
string
;
-webkit-box-shadow
:
string
;
-webkit-box-sizing
:
string
;
background-color
:
string
;
border-radius
:
string
;
box-shadow
:
string
;
box-sizing
:
string
;
position
:
string
}
;
& .yh-designer-canvas-container [xtype] *:focus
:
{
animation
:
string
;
border
:
string
;
border-color
:
string
}
;
& .yh-designer-component-attr-item
:
{
& .layui-input,& .yh-input
:
{
&:focus
:
{
border-color
:
string
;
border-right-width
:
string
;
box-shadow
:
string
;
outline
:
string
}
;
&:hover
:
{
border-color
:
string
;
outline
:
string
}
;
border-radius
:
string
;
height
:
string
}
;
& .yh-designer-form-label
:
{
color
:
string
;
font-weight
:
string
}
}
;
& .yh-designer-component-container
:
any
;
& .yh-designer-component-toolbar
:
Object
;
& .yh-designer-disable-child-fouse
:
{
& *
:
{
pointer-events
:
string
}
}
;
& .yh-designer-header
:
{
& .layui-form-onswitch
:
{
background-color
:
string
;
border-color
:
string
}
;
& .yh-button
:
{
margin-right
:
string
}
;
& .yh-designer-toolbar
:
{
& .yh-designer-toolbar-left
:
{}
;
& .yh-designer-toolbar-right
:
{
& #page-state
:
{
color
:
string
;
font-weight
:
string
;
margin-right
:
string
;
vertical-align
:
string
}
;
float
:
string
}
;
background-color
:
string
;
border-bottom
:
string
;
padding
:
string
}
}
;
& .yh-designer-right
:
{
& .layui-tab
:
{
& .layui-tab-title
:
{
& .layui-this:after
:
{
border-bottom
:
string
}
;
& li
:
{}
}
;
height
:
string
;
margin
:
number
}
;
& .yh-designer-component-attribute
:
{
& .yh-designer-attr-container
:
{
padding-left
:
string
}
;
& .yh-designer-component-attr-item
:
{
margin-bottom
:
string
}
;
& .yh-designer-form-label
:
{
display
:
string
;
float
:
string
;
padding
:
string
;
padding-bottom
:
string
;
padding-left
:
string
;
text-align
:
string
;
width
:
string
}
;
& .yh-designer-form-label-help
:
{
&:hover
:
{
color
:
string
}
;
cursor
:
string
;
font-size
:
string
;
margin-left
:
string
}
;
& .yh-designer-input-box
:
{
display
:
string
;
position
:
string
}
;
border-left
:
string
;
float
:
string
;
height
:
string
;
margin-top
:
string
;
overflow
:
string
;
padding-bottom
:
string
;
padding-left
:
string
;
text-align
:
string
}
;
-moz-transition
:
string
;
-ms-transition
:
string
;
-o-transition
:
string
;
-webkit-transition
:
string
;
background
:
string
;
bottom
:
string
;
padding
:
string
;
position
:
string
;
right
:
string
;
top
:
string
;
transition
:
string
;
width
:
string
;
z-index
:
string
}
;
& .zlui-icon-gongs
:
{
cursor
:
string
}
;
& .zlui-icon-gongs:hover
:
{
color
:
string
}
;
.yh-designer-canvas-container
:
{}
;
cursor
:
string
;
min-height
:
string
}
& *
:
{
&::-webkit-scrollbar
:
{
height
:
string
;
width
:
string
}
;
&::-webkit-scrollbar-thumb
:
{
border-radius
:
string
}
;
&::-webkit-scrollbar-track
:
{
border-radius
:
string
}
;
box-sizing
:
string
;
outline
:
string
;
scrollbar-width
:
string
}
&::-
webkit-
scrollbar
:
{
height
:
string
;
width
:
string
}
height
:
string
width
:
string
&::-
webkit-
scrollbar-
thumb
:
{
border-radius
:
string
}
border-
radius
:
string
&::-
webkit-
scrollbar-
track
:
{
border-radius
:
string
}
border-
radius
:
string
box-
sizing
:
string
outline
:
string
scrollbar-
width
:
string
& .focus-
border
:
{
border
:
string
}
border
:
string
& .focus-
border-
blue
:
{
border-color
:
string
}
border-
color
:
string
& .focus-
border-
white
:
{
border-color
:
string
}
border-
color
:
string
& .right-
menu
:
{
& a
:
{
color
:
string
;
text-decoration
:
string
}
;
& li
:
{
&:hover
:
{
background
:
string
;
color
:
string
}
;
color
:
string
;
cursor
:
string
;
padding
:
string
}
;
background-color
:
string
;
border
:
string
;
box-shadow
:
string
;
color
:
string
;
display
:
string
;
line-height
:
string
;
margin
:
string
;
padding
:
string
;
position
:
string
;
width
:
string
}
& a
:
{
color
:
string
;
text-decoration
:
string
}
color
:
string
text-
decoration
:
string
& li
:
{
&:hover
:
{
background
:
string
;
color
:
string
}
;
color
:
string
;
cursor
:
string
;
padding
:
string
}
&:hover
:
{
background
:
string
;
color
:
string
}
background
:
string
color
:
string
color
:
string
cursor
:
string
padding
:
string
background-
color
:
string
border
:
string
box-
shadow
:
string
color
:
string
display
:
string
line-
height
:
string
margin
:
string
padding
:
string
position
:
string
width
:
string
& .row-
fluid
:
{
-moz-box-shadow
:
string
;
-moz-box-sizing
:
string
;
-webkit-box-shadow
:
string
;
-webkit-box-sizing
:
string
;
background-color
:
string
;
border-radius
:
string
;
box-shadow
:
string
;
box-sizing
:
string
;
position
:
string
}
-moz-
box-
shadow
:
string
-moz-
box-
sizing
:
string
-webkit-
box-
shadow
:
string
-webkit-
box-
sizing
:
string
background-
color
:
string
border-
radius
:
string
box-
shadow
:
string
box-
sizing
:
string
position
:
string
& .yh-
designer-
canvas-
container [xtype] *:focus
:
{
animation
:
string
;
border
:
string
;
border-color
:
string
}
animation
:
string
border
:
string
border-
color
:
string
& .yh-
designer-
component-
attr-
item
:
{
& .layui-input,& .yh-input
:
{
&:focus
:
{
border-color
:
string
;
border-right-width
:
string
;
box-shadow
:
string
;
outline
:
string
}
;
&:hover
:
{
border-color
:
string
;
outline
:
string
}
;
border-radius
:
string
;
height
:
string
}
;
& .yh-designer-form-label
:
{
color
:
string
;
font-weight
:
string
}
}
& .layui-
input,& .yh-
input
:
{
&:focus
:
{
border-color
:
string
;
border-right-width
:
string
;
box-shadow
:
string
;
outline
:
string
}
;
&:hover
:
{
border-color
:
string
;
outline
:
string
}
;
border-radius
:
string
;
height
:
string
}
&:focus
:
{
border-color
:
string
;
border-right-width
:
string
;
box-shadow
:
string
;
outline
:
string
}
border-
color
:
string
border-
right-
width
:
string
box-
shadow
:
string
outline
:
string
&:hover
:
{
border-color
:
string
;
outline
:
string
}
border-
color
:
string
outline
:
string
border-
radius
:
string
height
:
string
& .yh-
designer-
form-
label
:
{
color
:
string
;
font-weight
:
string
}
color
:
string
font-
weight
:
string
& .yh-
designer-
component-
container
:
any
& .yh-
designer-
component-
toolbar
:
Object
& .yh-
designer-
disable-
child-
fouse
:
{
& *
:
{
pointer-events
:
string
}
}
& *
:
{
pointer-events
:
string
}
pointer-
events
:
string
& .yh-
designer-
header
:
{
& .layui-form-onswitch
:
{
background-color
:
string
;
border-color
:
string
}
;
& .yh-button
:
{
margin-right
:
string
}
;
& .yh-designer-toolbar
:
{
& .yh-designer-toolbar-left
:
{}
;
& .yh-designer-toolbar-right
:
{
& #page-state
:
{
color
:
string
;
font-weight
:
string
;
margin-right
:
string
;
vertical-align
:
string
}
;
float
:
string
}
;
background-color
:
string
;
border-bottom
:
string
;
padding
:
string
}
}
& .layui-
form-
onswitch
:
{
background-color
:
string
;
border-color
:
string
}
background-
color
:
string
border-
color
:
string
& .yh-
button
:
{
margin-right
:
string
}
margin-
right
:
string
& .yh-
designer-
toolbar
:
{
& .yh-designer-toolbar-left
:
{}
;
& .yh-designer-toolbar-right
:
{
& #page-state
:
{
color
:
string
;
font-weight
:
string
;
margin-right
:
string
;
vertical-align
:
string
}
;
float
:
string
}
;
background-color
:
string
;
border-bottom
:
string
;
padding
:
string
}
& .yh-
designer-
toolbar-
left
:
{}
& .yh-
designer-
toolbar-
right
:
{
& #page-state
:
{
color
:
string
;
font-weight
:
string
;
margin-right
:
string
;
vertical-align
:
string
}
;
float
:
string
}
& #page-
state
:
{
color
:
string
;
font-weight
:
string
;
margin-right
:
string
;
vertical-align
:
string
}
color
:
string
font-
weight
:
string
margin-
right
:
string
vertical-
align
:
string
float
:
string
background-
color
:
string
border-
bottom
:
string
padding
:
string
& .yh-
designer-
right
:
{
& .layui-tab
:
{
& .layui-tab-title
:
{
& .layui-this:after
:
{
border-bottom
:
string
}
;
& li
:
{}
}
;
height
:
string
;
margin
:
number
}
;
& .yh-designer-component-attribute
:
{
& .yh-designer-attr-container
:
{
padding-left
:
string
}
;
& .yh-designer-component-attr-item
:
{
margin-bottom
:
string
}
;
& .yh-designer-form-label
:
{
display
:
string
;
float
:
string
;
padding
:
string
;
padding-bottom
:
string
;
padding-left
:
string
;
text-align
:
string
;
width
:
string
}
;
& .yh-designer-form-label-help
:
{
&:hover
:
{
color
:
string
}
;
cursor
:
string
;
font-size
:
string
;
margin-left
:
string
}
;
& .yh-designer-input-box
:
{
display
:
string
;
position
:
string
}
;
border-left
:
string
;
float
:
string
;
height
:
string
;
margin-top
:
string
;
overflow
:
string
;
padding-bottom
:
string
;
padding-left
:
string
;
text-align
:
string
}
;
-moz-transition
:
string
;
-ms-transition
:
string
;
-o-transition
:
string
;
-webkit-transition
:
string
;
background
:
string
;
bottom
:
string
;
padding
:
string
;
position
:
string
;
right
:
string
;
top
:
string
;
transition
:
string
;
width
:
string
;
z-index
:
string
}
& .layui-
tab
:
{
& .layui-tab-title
:
{
& .layui-this:after
:
{
border-bottom
:
string
}
;
& li
:
{}
}
;
height
:
string
;
margin
:
number
}
& .layui-
tab-
title
:
{
& .layui-this:after
:
{
border-bottom
:
string
}
;
& li
:
{}
}
& .layui-
this:after
:
{
border-bottom
:
string
}
border-
bottom
:
string
& li
:
{}
height
:
string
margin
:
number
& .yh-
designer-
component-
attribute
:
{
& .yh-designer-attr-container
:
{
padding-left
:
string
}
;
& .yh-designer-component-attr-item
:
{
margin-bottom
:
string
}
;
& .yh-designer-form-label
:
{
display
:
string
;
float
:
string
;
padding
:
string
;
padding-bottom
:
string
;
padding-left
:
string
;
text-align
:
string
;
width
:
string
}
;
& .yh-designer-form-label-help
:
{
&:hover
:
{
color
:
string
}
;
cursor
:
string
;
font-size
:
string
;
margin-left
:
string
}
;
& .yh-designer-input-box
:
{
display
:
string
;
position
:
string
}
;
border-left
:
string
;
float
:
string
;
height
:
string
;
margin-top
:
string
;
overflow
:
string
;
padding-bottom
:
string
;
padding-left
:
string
;
text-align
:
string
}
& .yh-
designer-
attr-
container
:
{
padding-left
:
string
}
padding-
left
:
string
& .yh-
designer-
component-
attr-
item
:
{
margin-bottom
:
string
}
margin-
bottom
:
string
& .yh-
designer-
form-
label
:
{
display
:
string
;
float
:
string
;
padding
:
string
;
padding-bottom
:
string
;
padding-left
:
string
;
text-align
:
string
;
width
:
string
}
display
:
string
float
:
string
padding
:
string
padding-
bottom
:
string
padding-
left
:
string
text-
align
:
string
width
:
string
& .yh-
designer-
form-
label-
help
:
{
&:hover
:
{
color
:
string
}
;
cursor
:
string
;
font-size
:
string
;
margin-left
:
string
}
&:hover
:
{
color
:
string
}
color
:
string
cursor
:
string
font-
size
:
string
margin-
left
:
string
& .yh-
designer-
input-
box
:
{
display
:
string
;
position
:
string
}
display
:
string
position
:
string
border-
left
:
string
float
:
string
height
:
string
margin-
top
:
string
overflow
:
string
padding-
bottom
:
string
padding-
left
:
string
text-
align
:
string
-moz-
transition
:
string
-ms-
transition
:
string
-o-
transition
:
string
-webkit-
transition
:
string
background
:
string
bottom
:
string
padding
:
string
position
:
string
right
:
string
top
:
string
transition
:
string
width
:
string
z-
index
:
string
& .zlui-
icon-
gongs
:
{
cursor
:
string
}
cursor
:
string
& .zlui-
icon-
gongs:hover
:
{
color
:
string
}
color
:
string
.yh-
designer-
canvas-
container
:
{}
cursor
:
string
min-
height
:
string
Private
get
Curr
Group
Container
Elem
get
Curr
Group
Container
Elem
(
)
:
JQuery
<
HTMLElement
>
Returns
JQuery
<
HTMLElement
>
Private
get
Curr
Group
Elem
get
Curr
Group
Elem
(
)
:
JQuery
<
HTMLElement
>
Returns
JQuery
<
HTMLElement
>
Private
get
Curr
Group
Id
get
Curr
Group
Id
(
)
:
string
Returns
string
Private
get
Curr
Groups
Elem
get
Curr
Groups
Elem
(
)
:
JQuery
<
HTMLElement
>
Returns
JQuery
<
HTMLElement
>
get
Designer
get
Designer
(
)
:
any
Returns
any
Protected
get
Groups
Elem
get
Groups
Elem
(
)
:
JQuery
<
HTMLElement
>
Returns
JQuery
<
HTMLElement
>
get
Html
get
Html
(
)
:
string
获取html
Returns
string
Private
get
Tool
Bar
Elem
get
Tool
Bar
Elem
(
)
:
any
Returns
any
Protected
group
Render
Builder
group
Render
Builder
(
group
:
IRegCmpGroup
)
:
IRegeditComponentConfigRender
Parameters
group:
IRegCmpGroup
Returns
IRegeditComponentConfigRender
Private
hide
hide
(
)
:
void
Returns
void
Private
init
Laz
Load
init
Laz
Load
(
)
:
void
Returns
void
Private
is
Visable
is
Visable
(
)
:
boolean
Returns
boolean
Protected
render
Builder
render
Builder
(
cmp
:
IRegCmpConfig
)
:
IRegeditComponentConfigRender
Parameters
cmp:
IRegCmpConfig
Returns
IRegeditComponentConfigRender
render
Component
Groups
render
Component
Groups
(
)
:
void
渲染组件组
Returns
void
render
Component
Items
render
Component
Items
(
)
:
void
渲染组件
Returns
void
Private
show
show
(
groupId
:
string
)
:
void
Parameters
groupId:
string
Returns
void
Modules
YH-
Designer/src/designer/
Designer
Component
Render
Generated using
TypeDoc
怪兽设计器渲染器