plain-design 1.0.0-beta.1 → 1.0.0-beta.11
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/plain-design.commonjs.min.js +11 -2
- package/dist/plain-design.min.css +3 -1
- package/dist/plain-design.min.js +11 -2
- package/dist/report.html +2 -2
- package/package.json +4 -4
- package/src/packages/build.ts +1 -1
- package/src/packages/components/Application/theme/theme.ts +1 -1
- package/src/packages/components/ColorPicker/sub/ColorSlider.tsx +8 -5
- package/src/packages/components/ColorPicker/sub/ColorSvPanel.tsx +7 -4
- package/src/packages/components/Dialog/index.tsx +2 -1
- package/src/packages/components/Dialog/useDialogMovable.tsx +7 -4
- package/src/packages/components/Dialog/utils/dialog.mouse.ts +4 -2
- package/src/packages/components/Input/useMultipleInput.tsx +5 -2
- package/src/packages/components/Input/useTextareaInput.tsx +10 -5
- package/src/packages/components/InputNumber/NumberResize.tsx +6 -2
- package/src/packages/components/Layout/index.tsx +31 -0
- package/src/packages/components/Layout/layout.scss +227 -0
- package/src/packages/components/Layout/layout.utils.ts +3 -0
- package/src/packages/components/LayoutSection/index.tsx +67 -0
- package/src/packages/components/LayoutSection/useLayoutSectionResizer.tsx +184 -0
- package/src/{pages/index/PageThemeUtils.tsx → packages/components/PageThemeUtils/index.tsx} +6 -4
- package/src/packages/components/Popup/index.tsx +20 -8
- package/src/packages/components/Rate/index.tsx +3 -1
- package/src/packages/components/Scroll/HorizontalScrollbar.tsx +7 -3
- package/src/packages/components/Scroll/VerticalScrollbar.tsx +7 -3
- package/src/packages/components/Slider/useSliderDotDragier.tsx +7 -4
- package/src/packages/components/Table/table/head/useHeadCellResize.ts +8 -3
- package/src/packages/components/Table/table/use/useTableDraggier.col.tsx +10 -5
- package/src/packages/components/Table/table/use/useTableDraggier.row.tsx +11 -6
- package/src/packages/components/ThemePrimaryColors/index.ts +5 -0
- package/src/packages/components/Tree/RenderTreeNode.tsx +2 -1
- package/src/packages/components/Tree/tree.scss +34 -8
- package/src/packages/components/TreeCore/TreeCore.type.tsx +2 -0
- package/src/packages/components/TreeCore/createTreeCore.tsx +5 -1
- package/src/packages/components/TreeCore/createTreeDraggier.tsx +9 -5
- package/src/packages/components/TreeCore/createTreeProps.ts +1 -0
- package/src/packages/components/TreeNodeWithMenu/index.tsx +53 -0
- package/src/packages/components/TreeNodeWithMenu/tree-node-with-menu.scss +38 -0
- package/src/packages/components/createProvider/index.ts +5 -0
- package/src/packages/components/nextPopupId/index.ts +5 -0
- package/src/packages/components/useImage/ImageService.tsx +7 -4
- package/src/packages/components/usePopup/PopupItem.tsx +10 -1
- package/src/packages/components/usePopupManager/index.ts +5 -0
- package/src/packages/components/usePopupTrigger/index.tsx +5 -0
- package/src/packages/components/useReferenceTrigger/index.tsx +5 -0
- package/src/packages/components/useTooltip/index.tsx +2 -0
- package/src/packages/components/useWatchAutoClear/index.ts +5 -0
- package/src/packages/entry.tsx +29 -0
- package/src/packages/utils/ClientZoom.ts +24 -2
- package/src/packages/utils/useMove.tsx +10 -4
- package/src/pages/index/App.tsx +3 -2
- package/src/pages/index/app.scss +5 -0
- package/src/pages/index/components/normal/DemoLayout.tsx +144 -0
- package/src/pages/index/components/normal/DemoLoading.tsx +3 -0
- package/src/pages/index/components/normal/DemoTree.tsx +71 -2
- package/src/pages/index/components/service/DemoPopupService.tsx +6 -3
- package/src/pages/index/home/AppHead.tsx +4 -4
- package/src/pages/index/home/menus.tsx +1 -0
- package/src/pages/index/home/plain-design.png +0 -0
- package/src/pages/index/main.tsx +0 -4
|
@@ -51,7 +51,8 @@ html{line-height:1.4;-webkit-text-size-adjust:100%}body{margin:0}main{display:bl
|
|
|
51
51
|
.pl-tab-group.tabs-head-position-left,.pl-tab-group.tabs-head-position-right{display:flex}.pl-tab-group.tabs-head-position-left .tabs-body,.pl-tab-group.tabs-head-position-right .tabs-body{flex:1;box-sizing:border-box}.pl-tab-group.tabs-head-position-left .tabs-header,.pl-tab-group.tabs-head-position-right .tabs-header{position:relative}.pl-tab-group.tabs-head-position-left .tabs-header .tabs-header-item,.pl-tab-group.tabs-head-position-right .tabs-header .tabs-header-item{line-height:36px;padding:0 16px;position:relative;z-index:1;transition:all linear 150ms;white-space:nowrap}.pl-tab-group.tabs-head-position-left .tabs-header .tabs-header-item:hover,.pl-tab-group.tabs-head-position-right .tabs-header .tabs-header-item:hover{color:var(--pl-primary-6)}.pl-tab-group.tabs-head-position-left .tabs-header .tabs-header-item.tabs-header-item-active,.pl-tab-group.tabs-head-position-right .tabs-header .tabs-header-item.tabs-header-item-active{color:var(--pl-primary-6);background-color:var(--pl-primary-light-2)}.pl-tab-group.tabs-head-position-left .tabs-header.tabs-header-pos-left:before,.pl-tab-group.tabs-head-position-right .tabs-header.tabs-header-pos-left:before{position:absolute;content:"";right:0;width:2px;top:0;bottom:0;background-color:var(--pl-secondary-light-2)}.pl-tab-group.tabs-head-position-left .tabs-header.tabs-header-pos-left .tabs-header-item,.pl-tab-group.tabs-head-position-right .tabs-header.tabs-header-pos-left .tabs-header-item{text-align:right;border-right:solid 2px transparent}.pl-tab-group.tabs-head-position-left .tabs-header.tabs-header-pos-left .tabs-header-item:hover,.pl-tab-group.tabs-head-position-right .tabs-header.tabs-header-pos-left .tabs-header-item:hover{border-right-color:var(--pl-primary-2)}.pl-tab-group.tabs-head-position-left .tabs-header.tabs-header-pos-left .tabs-header-item.tabs-header-item-active,.pl-tab-group.tabs-head-position-right .tabs-header.tabs-header-pos-left .tabs-header-item.tabs-header-item-active{border-right-color:var(--pl-primary-6)}.pl-tab-group.tabs-head-position-left .tabs-header.tabs-header-pos-right:before,.pl-tab-group.tabs-head-position-right .tabs-header.tabs-header-pos-right:before{position:absolute;content:"";left:0;width:2px;top:0;bottom:0;background-color:var(--pl-secondary-light-2)}.pl-tab-group.tabs-head-position-left .tabs-header.tabs-header-pos-right .tabs-header-item,.pl-tab-group.tabs-head-position-right .tabs-header.tabs-header-pos-right .tabs-header-item{text-align:left;border-left:solid 2px transparent}.pl-tab-group.tabs-head-position-left .tabs-header.tabs-header-pos-right .tabs-header-item:hover,.pl-tab-group.tabs-head-position-right .tabs-header.tabs-header-pos-right .tabs-header-item:hover{border-left-color:var(--pl-primary-2)}.pl-tab-group.tabs-head-position-left .tabs-header.tabs-header-pos-right .tabs-header-item.tabs-header-item-active,.pl-tab-group.tabs-head-position-right .tabs-header.tabs-header-pos-right .tabs-header-item.tabs-header-item-active{border-left-color:var(--pl-primary-6)}.pl-tab-group.tabs-head-position-left.tabs-fit-height,.pl-tab-group.tabs-head-position-right.tabs-fit-height{height:100%;flex:1;align-items:stretch}.pl-tab-group.tabs-head-position-left.tabs-fit-height>.tabs-header,.pl-tab-group.tabs-head-position-right.tabs-fit-height>.tabs-header{overflow:auto}.pl-tab-group.tabs-head-position-left.tabs-fit-height>.tabs-body,.pl-tab-group.tabs-head-position-right.tabs-fit-height>.tabs-body{overflow:hidden;display:flex;align-items:stretch}.pl-tab-group.tabs-head-position-left.tabs-fit-height>.tabs-body>.inner-tab,.pl-tab-group.tabs-head-position-right.tabs-fit-height>.tabs-body>.inner-tab{flex:1;overflow:auto}.pl-tab-group.tabs-head-position-left .tabs-body{padding-left:16px}.pl-tab-group.tabs-head-position-right .tabs-body{padding-right:16px}.tab-group-loading{cursor:wait}.tab-group-disabled{cursor:not-allowed}.tab-group-block{display:block;min-width:initial;width:100%}
|
|
52
52
|
.pl-tag{display:inline-flex;align-items:center;box-sizing:border-box;cursor:pointer;transition:all ease 300ms}.pl-tag+.pl-tag{margin-left:8px}.pl-tag.tag-size-large{font-size:var(--pl-box-size-large-font-size);border-radius:var(--pl-box-size-large-border-radius);height:var(--pl-tag-size-large-height);padding:0 4px}.pl-tag.tag-size-normal{font-size:var(--pl-box-size-normal-font-size);border-radius:var(--pl-box-size-normal-border-radius);height:var(--pl-tag-size-normal-height);padding:0 4px}.pl-tag.tag-size-small{font-size:var(--pl-box-size-small-font-size);border-radius:var(--pl-box-size-small-border-radius);height:var(--pl-tag-size-small-height);padding:0 4px}.pl-tag.tag-size-mini{font-size:var(--pl-box-size-mini-font-size);border-radius:var(--pl-box-size-mini-border-radius);height:var(--pl-tag-size-mini-height);padding:0 4px}.pl-tag .pl-loading:last-child,.pl-tag .pl-icon:last-child{cursor:pointer;margin-left:4px}.pl-tag .pl-loading:not(:last-child),.pl-tag .pl-icon:not(:last-child){margin-right:4px !important}.tag-loading{cursor:wait}.tag-disabled{cursor:not-allowed}.tag-block{display:block;min-width:initial;width:100%}
|
|
53
53
|
.pl-auto-scroll-utils-wrapper{position:fixed;top:0;left:0;z-index:10;pointer-events:none}.pl-auto-scroll-utils-wrapper .pl-auto-scroll-utils-shadow{position:absolute;opacity:.1;pointer-events:auto}.pl-auto-scroll-utils-wrapper.auto-scroll-utils-wrapper-vertical .pl-auto-scroll-utils-shadow{left:0;right:0;height:20px}.pl-auto-scroll-utils-wrapper.auto-scroll-utils-wrapper-vertical .pl-auto-scroll-utils-shadow.auto-scroll-utils-shadow-start{top:0;background:linear-gradient(to top, transparent, var(--pl-secondary-9))}.pl-auto-scroll-utils-wrapper.auto-scroll-utils-wrapper-vertical .pl-auto-scroll-utils-shadow.auto-scroll-utils-shadow-end{bottom:0;background:linear-gradient(to bottom, transparent, var(--pl-secondary-9))}.pl-auto-scroll-utils-wrapper.auto-scroll-utils-wrapper-horizontal .pl-auto-scroll-utils-shadow{top:0;bottom:0;width:20px}.pl-auto-scroll-utils-wrapper.auto-scroll-utils-wrapper-horizontal .pl-auto-scroll-utils-shadow.auto-scroll-utils-shadow-start{left:0;background:linear-gradient(to left, transparent, var(--pl-secondary-9))}.pl-auto-scroll-utils-wrapper.auto-scroll-utils-wrapper-horizontal .pl-auto-scroll-utils-shadow.auto-scroll-utils-shadow-end{right:0;background:linear-gradient(to right, transparent, var(--pl-secondary-9))}
|
|
54
|
-
.pl-tree-node{display:flex;align-items:center;line-height:22px;padding-bottom:1px}.pl-tree-node .tree-node-operator>div,.pl-tree-node .tree-node-content{transition:background-color linear 150ms,color linear 150ms}.pl-tree-node .tree-node-operator{display:flex;align-self:stretch;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--pl-text-3)}.pl-tree-node .tree-node-operator>div:not(:last-child){margin-right:4px}.pl-tree-node .tree-node-operator .tree-node-connector,.pl-tree-node .tree-node-operator .tree-node-expander,.pl-tree-node .tree-node-operator .tree-node-checker,.pl-tree-node .tree-node-operator .tree-node-draggier{height:20px;width:20px;display:flex;align-items:center;justify-content:center;border-radius:99px}.pl-tree-node .tree-node-operator .tree-node-connector:hover:not(.tree-node-connector),.pl-tree-node .tree-node-operator .tree-node-expander:hover:not(.tree-node-connector),.pl-tree-node .tree-node-operator .tree-node-checker:hover:not(.tree-node-connector),.pl-tree-node .tree-node-operator .tree-node-draggier:hover:not(.tree-node-connector){background-color:var(--pl-background-hover);cursor:pointer}.pl-tree-node .tree-node-operator .tree-node-connector{position:relative}.pl-tree-node .tree-node-operator .tree-node-connector:before,.pl-tree-node .tree-node-operator .tree-node-connector:after{background-color:#ccc}.pl-tree-node .tree-node-operator .tree-node-connector.tree-node-connector-x:after{position:absolute;top:50%;left:8.5px;height:1px;width:6px;content:"";-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}.pl-tree-node .tree-node-operator .tree-node-connector.tree-node-connector-y:before{position:absolute;content:"";width:1px;left:8px;top:0;bottom:-14px;-webkit-transform:scaleX(0.5);transform:scaleX(0.5)}.pl-tree-node .tree-node-operator .tree-node-connector.tree-node-connector-y.tree-node-connector-y-prev:before{height:50%;bottom:initial}.pl-tree-node .tree-node-operator .tree-node-connector.tree-node-connector-hide{opacity:0}.pl-tree-node .tree-node-content{padding:5px 8px;color:var(--pl-text-2)}.pl-tree-node .tree-node-content:hover{background-color:var(--pl-background-hover);
|
|
54
|
+
.pl-tree-node{display:flex;align-items:center;line-height:22px;padding-bottom:1px;position:relative}.pl-tree-node .tree-node-operator>div,.pl-tree-node .tree-node-content{transition:background-color linear 150ms,color linear 150ms}.pl-tree-node .tree-node-operator{display:flex;align-self:stretch;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--pl-text-3)}.pl-tree-node .tree-node-operator>div:not(:last-child){margin-right:4px}.pl-tree-node .tree-node-operator .tree-node-connector,.pl-tree-node .tree-node-operator .tree-node-expander,.pl-tree-node .tree-node-operator .tree-node-checker,.pl-tree-node .tree-node-operator .tree-node-draggier{height:20px;width:20px;display:flex;align-items:center;justify-content:center;border-radius:99px}.pl-tree-node .tree-node-operator .tree-node-connector:hover:not(.tree-node-connector),.pl-tree-node .tree-node-operator .tree-node-expander:hover:not(.tree-node-connector),.pl-tree-node .tree-node-operator .tree-node-checker:hover:not(.tree-node-connector),.pl-tree-node .tree-node-operator .tree-node-draggier:hover:not(.tree-node-connector){background-color:var(--pl-background-hover);cursor:pointer}.pl-tree-node .tree-node-operator .tree-node-connector{position:relative}.pl-tree-node .tree-node-operator .tree-node-connector:before,.pl-tree-node .tree-node-operator .tree-node-connector:after{background-color:#ccc}.pl-tree-node .tree-node-operator .tree-node-connector.tree-node-connector-x:after{position:absolute;top:50%;left:8.5px;height:1px;width:6px;content:"";-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}.pl-tree-node .tree-node-operator .tree-node-connector.tree-node-connector-y:before{position:absolute;content:"";width:1px;left:8px;top:0;bottom:-14px;-webkit-transform:scaleX(0.5);transform:scaleX(0.5)}.pl-tree-node .tree-node-operator .tree-node-connector.tree-node-connector-y.tree-node-connector-y-prev:before{height:50%;bottom:initial}.pl-tree-node .tree-node-operator .tree-node-connector.tree-node-connector-hide{opacity:0}.pl-tree-node .tree-node-content{padding:5px 8px;color:var(--pl-text-2)}.pl-tree-node .tree-node-operator,.pl-tree-node .tree-node-content{position:relative;z-index:2}.pl-tree-node:after{position:absolute;top:1px;bottom:1px;left:0;right:0;z-index:1;border-radius:var(--pl-border-radius-normal);content:"";transition:background-color ease .3s}.pl-tree-node:hover:not(.tree-node-current):not(.tree-node-single-check){cursor:pointer}.pl-tree-node:hover:not(.tree-node-current):not(.tree-node-single-check):after{background-color:var(--pl-background-hover);content:""}.pl-tree-node.tree-node-current .tree-node-operator,.pl-tree-node.tree-node-current .tree-node-content,.pl-tree-node.tree-node-single-check .tree-node-operator,.pl-tree-node.tree-node-single-check .tree-node-content,.pl-tree-node.tree-node-multi-check .tree-node-operator,.pl-tree-node.tree-node-multi-check .tree-node-content{color:var(--pl-primary-6)}.pl-tree-node.tree-node-current:after,.pl-tree-node.tree-node-single-check:after,.pl-tree-node.tree-node-multi-check:after{background-color:var(--pl-primary-light-1);content:""}.pl-tree-node .tree-node-draggier:hover{background-color:var(--pl-background-hover);cursor:move}.pl-tree-node .tree-node-draggier.tree-node-draggier-disable{border-radius:0;background-color:var(--pl-background-hover)}.pl-tree-node .tree-node-draggier.tree-node-draggier-disable .pl-icon{cursor:not-allowed}.pl-tree-node .tree-node-draggier.tree-node-draggier-disable .icon-loading{cursor:wait}.pl-tree-node .tree-node-draggier.tree-node-draggier-disable .icon-disabled{cursor:not-allowed}.pl-tree-node .tree-node-draggier.tree-node-draggier-disable .icon-block{display:block;min-width:initial;width:100%}.pl-tree{display:block;min-height:80px}.pl-tree .tree-inner{display:inline-block;position:relative;min-height:50px;min-width:50px}.pl-tree.tree-display-block .tree-inner{display:block;min-width:initial}.pl-tree.tree-display-block .tree-inner .pl-tree-node .tree-node-content{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pl-tree.tree-display-block .tree-inner .tree-node-loading{cursor:wait}.pl-tree.tree-display-block .tree-inner .tree-node-disabled{cursor:not-allowed}.pl-tree.tree-display-block .tree-inner .tree-node-block{display:block;min-width:initial;width:100%}.pl-tree.tree-scroll{height:100%}.pl-tree.tree-scroll .tree-inner{height:100%}.pl-tree:not(.tree-content-wrap) .tree-node-content{white-space:nowrap}.pl-tree .tree-no-data,.pl-tree .tree-no-match{text-align:center;padding:16px 0;color:var(--pl-text-3)}.pl-tree.tree-expander-cover .tree-node-expander{border-radius:2px;background-color:var(--pl-secondary-2);-webkit-transform:scale(0.75);transform:scale(0.75)}.pl-tree:not(.tree-with-connector) .pl-tree-node .tree-node-connector:before,.pl-tree:not(.tree-with-connector) .pl-tree-node .tree-node-connector:after{display:none}.pl-tree:not(.tree-with-connector) .tree-node-loading{cursor:wait}.pl-tree:not(.tree-with-connector) .tree-node-disabled{cursor:not-allowed}.pl-tree:not(.tree-with-connector) .tree-node-block{display:block;min-width:initial;width:100%}.pl-tree.tree-size-large .pl-tree-node,.pl-tree.tree-size-normal .pl-tree-node{line-height:22px;font-size:var(--pl-font-size-normal)}.pl-tree.tree-size-large .pl-tree-node .tree-node-content,.pl-tree.tree-size-normal .pl-tree-node .tree-node-content{padding:5px 8px}.pl-tree.tree-size-large .tree-node-loading,.pl-tree.tree-size-normal .tree-node-loading{cursor:wait}.pl-tree.tree-size-large .tree-node-disabled,.pl-tree.tree-size-normal .tree-node-disabled{cursor:not-allowed}.pl-tree.tree-size-large .tree-node-block,.pl-tree.tree-size-normal .tree-node-block{display:block;min-width:initial;width:100%}.pl-tree.tree-size-small .pl-tree-node,.pl-tree.tree-size-mini .pl-tree-node{line-height:20px;font-size:var(--pl-font-size-small)}.pl-tree.tree-size-small .pl-tree-node .tree-node-content,.pl-tree.tree-size-mini .pl-tree-node .tree-node-content{padding:2px 4px}.pl-tree.tree-size-small .tree-node-loading,.pl-tree.tree-size-mini .tree-node-loading{cursor:wait}.pl-tree.tree-size-small .tree-node-disabled,.pl-tree.tree-size-mini .tree-node-disabled{cursor:not-allowed}.pl-tree.tree-size-small .tree-node-block,.pl-tree.tree-size-mini .tree-node-block{display:block;min-width:initial;width:100%}.pl-tree.tree-size-large .tree-node-content{border-radius:var(--pl-box-size-large-border-radius)}.pl-tree.tree-size-normal .tree-node-content{border-radius:var(--pl-box-size-normal-border-radius)}.pl-tree.tree-size-small .tree-node-content{border-radius:var(--pl-box-size-small-border-radius)}.pl-tree.tree-size-mini .tree-node-content{border-radius:var(--pl-box-size-mini-border-radius)}.pl-tree-draggier-indicator{position:fixed;pointer-events:none;z-index:10}.pl-tree-draggier-indicator[data-available=true]{background-color:var(--pl-primary-6)}.pl-tree-draggier-indicator[data-available=false]{background-color:var(--pl-error-6)}
|
|
55
|
+
.pl-tree-node-with-menu{display:flex;align-items:center}.pl-tree-node-with-menu .tree-node-with-menu-content{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-tree-node-with-menu .tree-node-with-menu-button{height:1em;width:1em;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pl-tree-node-with-menu.tree-node-with-menu-draggable .tree-node-with-menu-button{cursor:row-resize}.pl-tree-node:not(:hover) .tree-node-with-menu-button{opacity:0;width:0;pointer-events:none}
|
|
55
56
|
.pl-color-panel{display:inline-flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border:solid 1px var(--pl-border-color);background-color:var(--pl-background-light)}.pl-color-panel .color-panel-card{padding:10px 10px 0}.pl-color-panel .color-panel-slider-bar{display:flex}.pl-color-panel .color-panel-slider-bar .color-panel-slider-container{flex:1;overflow:hidden}.pl-color-panel .color-panel-slider-bar .color-panel-slider-container .pl-color-slider{margin-top:4px}.pl-color-panel .color-panel-slider-bar .color-panel-slider-color{margin-top:4px;height:24px;width:24px;margin-left:4px;border-radius:var(--pl-box-size-small-border-radius);box-shadow:rgba(0,0,0,.15) 0 0 0 1px inset,rgba(0,0,0,.25) 0 0 4px inset}.pl-color-panel .color-panel-editor{margin-top:4px;font-size:12px;width:200px}.pl-color-panel .color-panel-editor>div{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:calc((200px - 60px) / 4);box-sizing:border-box}.pl-color-panel .color-panel-editor>div:first-child{width:60px}.pl-color-panel .color-panel-editor>div:not(:first-child){padding-left:6px}.pl-color-panel .color-panel-editor>div input{margin-bottom:4px;width:100%;font-size:12px;height:20px;padding:0;border-radius:0;box-shadow:var(--pl-secondary-4) 0 0 0 1px inset;border:none;outline:none;text-align:center;background-color:var(--pl-background-light);color:var(--pl-text-2);border-radius:var(--pl-box-size-small-border-radius)}.pl-color-panel .color-panel-history{display:flex;flex-wrap:wrap;width:200px;margin-top:5px;border-top:solid 1px var(--pl-border-color);padding:10px 10px 0}.pl-color-panel .color-panel-history .color-panel-history-item{height:16px;width:16px;margin-bottom:10px;box-shadow:rgba(0,0,0,.15) 0 0 0 1px inset,rgba(0,0,0,.25) 0 0 4px inset;cursor:pointer;border-radius:var(--pl-box-size-small-border-radius)}.pl-color-panel .color-panel-history .color-panel-history-item:not(:nth-child(8n)){margin-right:10px}.color-panel-loading{cursor:wait}.color-panel-disabled{cursor:not-allowed}.color-panel-block{display:block;min-width:initial;width:100%}
|
|
56
57
|
.pl-color-sv-panel{position:relative;box-shadow:0 0 4px 0 rgba(0,0,0,.4);cursor:pointer;display:inline-block;border-radius:var(--pl-box-size-small-border-radius)}.pl-color-sv-panel:before,.pl-color-sv-panel:after,.pl-color-sv-panel span{pointer-events:none}.pl-color-sv-panel,.pl-color-sv-panel:before,.pl-color-sv-panel:after{border-radius:var(--pl-box-size-small-border-radius)}.pl-color-sv-panel:before,.pl-color-sv-panel:after{position:absolute;top:0;left:0;right:0;bottom:0;content:""}.pl-color-sv-panel:before{background:linear-gradient(to right, white, rgba(255, 255, 255, 0))}.pl-color-sv-panel:after{background:linear-gradient(to top, black, rgba(255, 255, 255, 0))}.pl-color-sv-panel .color-sv-thumb{display:inline-block;position:absolute;width:1px;height:1px;left:0;top:0;z-index:1}.pl-color-sv-panel .color-sv-thumb:after{display:inline-block;width:10px;height:10px;border-radius:10px;border:solid 2px #fff;position:absolute;top:-5px;left:-5px;content:"";box-sizing:border-box}.color-sv-panel-loading{cursor:wait}.color-sv-panel-disabled{cursor:not-allowed}.color-sv-panel-block{display:block;min-width:initial;width:100%}
|
|
57
58
|
.pl-color-hue-slider{background:linear-gradient(90deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red)}.color-hue-slider-loading{cursor:wait}.color-hue-slider-disabled{cursor:not-allowed}.color-hue-slider-block{display:block;min-width:initial;width:100%}
|
|
@@ -76,3 +77,4 @@ html{line-height:1.4;-webkit-text-size-adjust:100%}body{margin:0}main{display:bl
|
|
|
76
77
|
.pl-object .object-icon{cursor:pointer;padding-right:calc(var(--pl-input-padding-x) - 4px);padding-left:calc(var(--pl-input-padding-x) - 4px)}.pl-object .object-icon:active{background-color:var(--pl-secondary-light-2)}
|
|
77
78
|
.pl-outer-operation.table-operation-bar{display:flex;justify-content:space-between;margin-bottom:16px}.pl-outer-operation.table-operation-bar .table-operation-bar-left{flex:1;overflow:hidden;white-space:nowrap;text-align:left}.pl-auto-table.auto-table-size-large .table-operation-bar{margin-bottom:var(--pl-margin-large)}.pl-auto-table.auto-table-size-large .table-operation-bar .table-operation-bar-right>*+*{margin-left:calc(var(--pl-margin-large) - 8px)}.pl-auto-table.auto-table-size-large .table-operation-bar .table-operation-bar-right>.pl-button-group{display:inline-block}.pl-auto-table.auto-table-size-normal .table-operation-bar{margin-bottom:var(--pl-margin-normal)}.pl-auto-table.auto-table-size-normal .table-operation-bar .table-operation-bar-right>*+*{margin-left:calc(var(--pl-margin-normal) - 8px)}.pl-auto-table.auto-table-size-normal .table-operation-bar .table-operation-bar-right>.pl-button-group{display:inline-block}.pl-auto-table.auto-table-size-small .table-operation-bar{margin-bottom:var(--pl-margin-small)}.pl-auto-table.auto-table-size-small .table-operation-bar .table-operation-bar-right>*+*{margin-left:calc(var(--pl-margin-small) - 8px)}.pl-auto-table.auto-table-size-small .table-operation-bar .table-operation-bar-right>.pl-button-group{display:inline-block}.pl-auto-table.auto-table-size-mini .table-operation-bar{margin-bottom:var(--pl-margin-mini)}.pl-auto-table.auto-table-size-mini .table-operation-bar .table-operation-bar-right>*+*{margin-left:calc(var(--pl-margin-mini) - 8px)}.pl-auto-table.auto-table-size-mini .table-operation-bar .table-operation-bar-right>.pl-button-group{display:inline-block}
|
|
78
79
|
.pl-filter-form-multiple .pl-form{padding-left:0 !important;padding-right:0 !important;margin:0 !important}.pl-filter-form-multiple .pl-form .form-inner{width:100%}.pl-filter-form-multiple .filter-form-multiple-first-column .form-item-label{text-align:left !important}.pl-filter-form-multiple .filter-form-multiple-operation{display:inline-flex;align-items:center}.pl-filter-form-multiple .filter-form-multiple-operation .pl-button+button{margin-left:4px}
|
|
80
|
+
.pl-layout{display:flex;align-items:stretch;justify-content:space-between}.pl-layout.layout-vertical{flex-direction:column}.pl-layout>.pl-layout-section.layout-section-position-center{flex:1;position:relative;z-index:1}.pl-layout>.pl-layout-section.layout-section-position-top,.pl-layout>.pl-layout-section.layout-section-position-bottom,.pl-layout>.pl-layout-section.layout-section-position-left,.pl-layout>.pl-layout-section.layout-section-position-right{position:relative;flex-shrink:0;flex-grow:0;z-index:2}.pl-layout>.pl-layout-section.layout-section-position-top>.layout-section-inner,.pl-layout>.pl-layout-section.layout-section-position-bottom>.layout-section-inner,.pl-layout>.pl-layout-section.layout-section-position-left>.layout-section-inner,.pl-layout>.pl-layout-section.layout-section-position-right>.layout-section-inner{overflow:hidden}.pl-layout>.pl-layout-section.layout-section-position-top.layout-section-fixed>.layout-section-inner,.pl-layout>.pl-layout-section.layout-section-position-bottom.layout-section-fixed>.layout-section-inner,.pl-layout>.pl-layout-section.layout-section-position-left.layout-section-fixed>.layout-section-inner,.pl-layout>.pl-layout-section.layout-section-position-right.layout-section-fixed>.layout-section-inner{position:absolute;top:0;left:0;right:0;bottom:0}.pl-layout>.pl-layout-section.layout-section-position-top>.layout-section-separator,.pl-layout>.pl-layout-section.layout-section-position-bottom>.layout-section-separator,.pl-layout>.pl-layout-section.layout-section-position-left>.layout-section-separator,.pl-layout>.pl-layout-section.layout-section-position-right>.layout-section-separator{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pl-layout>.pl-layout-section.layout-section-position-top>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-bottom>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-left>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-right>.layout-section-collapse-btn{opacity:0;transition:all ease .3s;cursor:pointer}.pl-layout>.pl-layout-section.layout-section-position-top:hover>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-bottom:hover>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-left:hover>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-right:hover>.layout-section-collapse-btn{opacity:1}.pl-layout>.pl-layout-section.layout-section-position-left>.layout-section-separator,.pl-layout>.pl-layout-section.layout-section-position-right>.layout-section-separator{cursor:col-resize}.pl-layout>.pl-layout-section.layout-section-position-left.layout-section-collapse,.pl-layout>.pl-layout-section.layout-section-position-right.layout-section-collapse{width:0 !important}.pl-layout>.pl-layout-section.layout-section-position-left.layout-section-collapse>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-right.layout-section-collapse>.layout-section-collapse-btn{opacity:1}.pl-layout>.pl-layout-section.layout-section-position-left.layout-section-collapse.layout-section-position-left>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-right.layout-section-collapse.layout-section-position-left>.layout-section-collapse-btn{border-top-left-radius:0;border-bottom-left-radius:0;right:-12px}.pl-layout>.pl-layout-section.layout-section-position-left.layout-section-collapse.layout-section-position-right>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-right.layout-section-collapse.layout-section-position-right>.layout-section-collapse-btn{border-top-right-radius:0;border-bottom-right-radius:0;left:-12px}.pl-layout>.pl-layout-section.layout-section-position-left>.layout-section-separator{position:absolute;right:0;width:4px;top:0;bottom:0;border-right:solid 1px var(--pl-border-color)}.pl-layout>.pl-layout-section.layout-section-position-left>.layout-section-collapse-btn{position:absolute;right:calc(12px / 2 * -1);top:calc(50% - 12px * 3 / 2);font-size:12px;height:calc(12px * 3);width:12px;display:flex;align-items:center;justify-content:center;background-color:var(--pl-background-color);border-radius:100px;box-shadow:0 2px 5px var(--pl-secondary-4)}.pl-layout>.pl-layout-section.layout-section-position-right>.layout-section-separator{position:absolute;left:0;width:4px;top:0;bottom:0;border-left:solid 1px var(--pl-border-color)}.pl-layout>.pl-layout-section.layout-section-position-right>.layout-section-collapse-btn{position:absolute;left:calc(12px / 2 * -1);top:calc(50% - 12px * 3 / 2);font-size:12px;height:calc(12px * 3);width:12px;display:flex;align-items:center;justify-content:center;background-color:var(--pl-background-color);border-radius:100px;box-shadow:0 2px 5px var(--pl-secondary-4)}.pl-layout>.pl-layout-section.layout-section-position-top>.layout-section-separator,.pl-layout>.pl-layout-section.layout-section-position-bottom>.layout-section-separator{cursor:row-resize}.pl-layout>.pl-layout-section.layout-section-position-top.layout-section-collapse,.pl-layout>.pl-layout-section.layout-section-position-bottom.layout-section-collapse{height:0 !important}.pl-layout>.pl-layout-section.layout-section-position-top.layout-section-collapse>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-bottom.layout-section-collapse>.layout-section-collapse-btn{opacity:1}.pl-layout>.pl-layout-section.layout-section-position-top.layout-section-collapse.layout-section-position-top>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-bottom.layout-section-collapse.layout-section-position-top>.layout-section-collapse-btn{border-top-left-radius:0;border-top-right-radius:0;bottom:-12px}.pl-layout>.pl-layout-section.layout-section-position-top.layout-section-collapse.layout-section-position-bottom>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-bottom.layout-section-collapse.layout-section-position-bottom>.layout-section-collapse-btn{border-bottom-left-radius:0;border-bottom-right-radius:0;top:-12px}.pl-layout>.pl-layout-section.layout-section-position-top>.layout-section-separator{position:absolute;bottom:0;height:4px;left:0;right:0;border-bottom:solid 1px var(--pl-border-color)}.pl-layout>.pl-layout-section.layout-section-position-top>.layout-section-collapse-btn{position:absolute;bottom:calc(12px / 2 * -1);left:calc(50% - 12px * 3 / 2);font-size:12px;width:calc(12px * 3);height:12px;display:flex;align-items:center;justify-content:center;background-color:var(--pl-background-color);border-radius:100px;box-shadow:0 2px 5px var(--pl-secondary-4)}.pl-layout>.pl-layout-section.layout-section-position-bottom>.layout-section-separator{position:absolute;top:0;height:4px;left:0;right:0;border-top:solid 1px var(--pl-border-color)}.pl-layout>.pl-layout-section.layout-section-position-bottom>.layout-section-collapse-btn{position:absolute;top:calc(12px / 2 * -1);left:calc(50% - 12px * 3 / 2);font-size:12px;width:calc(12px * 3);height:12px;display:flex;align-items:center;justify-content:center;background-color:var(--pl-background-color);border-radius:100px;box-shadow:0 2px 5px var(--pl-secondary-4)}
|