fl-web-component 1.3.13 → 1.3.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";#fl-model[data-v-
|
|
1
|
+
@charset "UTF-8";#fl-model[data-v-0390b048]{width:100%;height:100%;cursor:pointer}[data-v-0390b048] .tips-label{width:60px;color:#000;font:12px Helvetica;margin-top:-3em;padding:5px;text-align:center;vertical-align:middle;background-color:khaki}[data-v-0390b048] .measure-label{max-width:100px;margin-top:-1em;border:10px;border-radius:5px;padding:3px 10px;cursor:pointer;color:#009bea;background-color:#f4f4f4;box-shadow:0 1px 3px 1px rgba(0,0,0,.25)}[data-v-0390b048] .circle-tag{width:10px;height:10px;margin-top:5px;border-radius:50%;background-color:#ff5000}[data-v-0390b048] .measure-label-font{word-break:break-all}[data-v-0390b048] .mark-label-img{padding-top:5px;width:20px;height:20px}.lil-gui{background:hsla(0,0%,100%,.95)!important;border:1px solid #e0e0e0!important;border-radius:8px!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important;backdrop-filter:blur(10px)!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.lil-gui .title{background:linear-gradient(135deg,#f8f9fa,#e9ecef)!important;color:#495057!important;border-bottom:1px solid #dee2e6!important;font-weight:600!important;padding:0 12px!important;border-radius:8px 8px 0 0!important}.lil-gui .controller{border-bottom:1px solid #f1f3f4!important;background:transparent!important}.lil-gui .controller:last-child{border-bottom:none!important}.lil-gui .controller .name{color:#495057!important;font-weight:500!important;font-size:12px!important}.lil-gui .controller .widget{background:#f8f9fa!important;border:1px solid #ced4da!important;border-radius:4px!important;color:#495057!important}.lil-gui .controller .widget:focus,.lil-gui .controller .widget:hover{border-color:#80bdff!important;box-shadow:0 0 0 2px rgba(0,123,255,.25)!important}.lil-gui .controller .widget:focus{outline:none!important}.lil-gui .controller input[type=range]{background:#e9ecef!important;height:4px!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border-radius:2px!important}.lil-gui .controller.number .fill{border-right:solid #008de9}.lil-gui .controller input[type=range]::-webkit-slider-thumb{background:#007bff!important;border:2px solid #fff!important;box-shadow:0 2px 4px rgba(0,0,0,.2)!important;width:16px!important;height:16px!important;border-radius:50%!important;-webkit-appearance:none!important;appearance:none!important;cursor:pointer!important}.lil-gui .controller input[type=range]::-moz-range-thumb{background:#007bff!important;border:2px solid #fff!important;box-shadow:0 2px 4px rgba(0,0,0,.2)!important;width:16px!important;height:16px!important;border-radius:50%!important;cursor:pointer!important}.lil-gui .controller .option{background:#fff!important;color:#495057!important;border-bottom:1px solid #f1f3f4!important}.lil-gui .controller .option:hover{background:#f8f9fa!important}.lil-gui .controller .option:last-child{border-bottom:none!important}.lil-gui input:active{background:#e6eff4}.lil-gui .controller button{background:linear-gradient(135deg,#007bff,#0056b3)!important;color:#fff!important;border:none!important;border-radius:4px!important;font-weight:500!important;transition:all .2s ease!important}.lil-gui .controller button:hover{background:linear-gradient(135deg,#0056b3,#004085)!important;transform:translateY(-1px)!important;box-shadow:0 4px 8px rgba(0,123,255,.3)!important}.lil-gui .controller .color{border:2px solid #fff!important;border-radius:4px!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important}.lil-gui .controller.number .slider,.lil-gui .controller.number .slider:hover{background-color:#e6eff4}.lil-gui input,.lil-gui input:hover,.lil-gui input[type=number]:focus,.lil-gui input[type=text]:focus{background:#e6eff4}.lil-gui .controller>.name{min-width:25px}.lil-gui .controller.number input{color:#2e3136}.lil-gui .controller.number .slider:active{background-color:#e6eff4}.lil-gui .folder>.title{background:linear-gradient(135deg,#f1f3f4,#e9ecef)!important;color:#495057!important;border-bottom:1px solid #dee2e6!important}.lil-gui .folder>.title:before{color:#6c757d!important}.lil-gui .folder.closed>.children{display:none!important}#konva-container[data-v-1b43deb6]{z-index:3;width:100%;height:100%;cursor:pointer;overflow:hidden}span[data-v-f547d5c6]{font-weight:bolder}.text[data-v-f547d5c6]{margin-top:20px}.line[data-v-f547d5c6]{border-bottom:1px solid #dcdfe6;margin:20px 0}.center[data-v-f547d5c6]{display:flex;flex-direction:column;align-items:center}.center .cen span[data-v-f547d5c6],.center .top span[data-v-f547d5c6]{color:"#53a8ff";display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;border:1px solid;padding:5px;margin-bottom:10px;background-color:#e9f3ff}.center .cen span[data-v-f547d5c6]{margin:10px}.button[data-v-f547d5c6]{display:flex;justify-content:end;margin-top:20px}@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_3226805_qqvo3ag3r8.woff2?t=1646635700216) format("woff2"),url(//at.alicdn.com/t/font_3226805_qqvo3ag3r8.woff?t=1646635700216) format("woff"),url(//at.alicdn.com/t/font_3226805_qqvo3ag3r8.ttf?t=1646635700216) format("truetype")}.iconfont[data-v-f547d5c6]{font-family:iconfont!important;font-size:50px;font-style:normal;color:"#53a8ff";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-shubiao[data-v-f547d5c6]:before{content:""}#svg-tigger[data-v-0ec35ee4]{cursor:pointer;height:100%;width:100%}
|
package/package.json
CHANGED
|
@@ -939,9 +939,9 @@
|
|
|
939
939
|
renderer.clippingPlanes = clippingPlanes;
|
|
940
940
|
if (flag) {
|
|
941
941
|
guiParams = {
|
|
942
|
-
x轴: clippingPlanes[0].constant,
|
|
943
|
-
y轴: clippingPlanes[2].constant,
|
|
944
|
-
z轴: clippingPlanes[1].constant,
|
|
942
|
+
x轴: Math.ceil(clippingPlanes[0].constant),
|
|
943
|
+
y轴: Math.ceil(clippingPlanes[2].constant),
|
|
944
|
+
z轴: Math.ceil(clippingPlanes[1].constant),
|
|
945
945
|
};
|
|
946
946
|
this.addClippingGui(
|
|
947
947
|
'全局剖切',
|
|
@@ -1061,6 +1061,7 @@
|
|
|
1061
1061
|
});
|
|
1062
1062
|
gui
|
|
1063
1063
|
.add(guiParams, 'x轴')
|
|
1064
|
+
.step(0.01)
|
|
1064
1065
|
.min(minValue.x)
|
|
1065
1066
|
.max(guiParams['x轴'])
|
|
1066
1067
|
.onChange(d => {
|
|
@@ -1069,6 +1070,7 @@
|
|
|
1069
1070
|
});
|
|
1070
1071
|
gui
|
|
1071
1072
|
.add(guiParams, 'y轴')
|
|
1073
|
+
.step(0.01)
|
|
1072
1074
|
.min(minValue.y)
|
|
1073
1075
|
.max(guiParams['y轴'])
|
|
1074
1076
|
.onChange(d => {
|
|
@@ -1077,6 +1079,7 @@
|
|
|
1077
1079
|
});
|
|
1078
1080
|
gui
|
|
1079
1081
|
.add(guiParams, 'z轴')
|
|
1082
|
+
.step(0.01)
|
|
1080
1083
|
.min(minValue.z)
|
|
1081
1084
|
.max(guiParams['z轴'])
|
|
1082
1085
|
.onChange(d => {
|
|
@@ -1608,3 +1611,161 @@
|
|
|
1608
1611
|
height: 20px;
|
|
1609
1612
|
}
|
|
1610
1613
|
</style>
|
|
1614
|
+
<style>
|
|
1615
|
+
/* 自定义lil-gui样式 - 浅色主题 */
|
|
1616
|
+
.lil-gui {
|
|
1617
|
+
background: rgba(255, 255, 255, 0.95) !important;
|
|
1618
|
+
border: 1px solid #e0e0e0 !important;
|
|
1619
|
+
border-radius: 8px !important;
|
|
1620
|
+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
|
|
1621
|
+
backdrop-filter: blur(10px) !important;
|
|
1622
|
+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
|
|
1623
|
+
}
|
|
1624
|
+
|
|
1625
|
+
.lil-gui .title {
|
|
1626
|
+
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
|
|
1627
|
+
color: #495057 !important;
|
|
1628
|
+
border-bottom: 1px solid #dee2e6 !important;
|
|
1629
|
+
font-weight: 600 !important;
|
|
1630
|
+
padding: 0px 12px !important;
|
|
1631
|
+
border-radius: 8px 8px 0 0 !important;
|
|
1632
|
+
}
|
|
1633
|
+
|
|
1634
|
+
.lil-gui .controller {
|
|
1635
|
+
border-bottom: 1px solid #f1f3f4 !important;
|
|
1636
|
+
background: transparent !important;
|
|
1637
|
+
}
|
|
1638
|
+
|
|
1639
|
+
.lil-gui .controller:last-child {
|
|
1640
|
+
border-bottom: none !important;
|
|
1641
|
+
}
|
|
1642
|
+
|
|
1643
|
+
.lil-gui .controller .name {
|
|
1644
|
+
color: #495057 !important;
|
|
1645
|
+
font-weight: 500 !important;
|
|
1646
|
+
font-size: 12px !important;
|
|
1647
|
+
}
|
|
1648
|
+
|
|
1649
|
+
.lil-gui .controller .widget {
|
|
1650
|
+
background: #f8f9fa !important;
|
|
1651
|
+
border: 1px solid #ced4da !important;
|
|
1652
|
+
border-radius: 4px !important;
|
|
1653
|
+
color: #495057 !important;
|
|
1654
|
+
}
|
|
1655
|
+
|
|
1656
|
+
.lil-gui .controller .widget:hover {
|
|
1657
|
+
border-color: #80bdff !important;
|
|
1658
|
+
box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25) !important;
|
|
1659
|
+
}
|
|
1660
|
+
|
|
1661
|
+
.lil-gui .controller .widget:focus {
|
|
1662
|
+
border-color: #80bdff !important;
|
|
1663
|
+
box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25) !important;
|
|
1664
|
+
outline: none !important;
|
|
1665
|
+
}
|
|
1666
|
+
|
|
1667
|
+
.lil-gui .controller input[type='range'] {
|
|
1668
|
+
background: #e9ecef !important;
|
|
1669
|
+
height: 4px !important;
|
|
1670
|
+
-webkit-appearance: none !important;
|
|
1671
|
+
appearance: none !important;
|
|
1672
|
+
border-radius: 2px !important;
|
|
1673
|
+
}
|
|
1674
|
+
.lil-gui .controller.number .fill {
|
|
1675
|
+
border-right: solid #008de9;
|
|
1676
|
+
}
|
|
1677
|
+
.lil-gui .controller input[type='range']::-webkit-slider-thumb {
|
|
1678
|
+
background: #007bff !important;
|
|
1679
|
+
border: 2px solid #ffffff !important;
|
|
1680
|
+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
|
|
1681
|
+
width: 16px !important;
|
|
1682
|
+
height: 16px !important;
|
|
1683
|
+
border-radius: 50% !important;
|
|
1684
|
+
-webkit-appearance: none !important;
|
|
1685
|
+
appearance: none !important;
|
|
1686
|
+
cursor: pointer !important;
|
|
1687
|
+
}
|
|
1688
|
+
|
|
1689
|
+
.lil-gui .controller input[type='range']::-moz-range-thumb {
|
|
1690
|
+
background: #007bff !important;
|
|
1691
|
+
border: 2px solid #ffffff !important;
|
|
1692
|
+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
|
|
1693
|
+
width: 16px !important;
|
|
1694
|
+
height: 16px !important;
|
|
1695
|
+
border-radius: 50% !important;
|
|
1696
|
+
cursor: pointer !important;
|
|
1697
|
+
}
|
|
1698
|
+
|
|
1699
|
+
.lil-gui .controller .option {
|
|
1700
|
+
background: #ffffff !important;
|
|
1701
|
+
color: #495057 !important;
|
|
1702
|
+
border-bottom: 1px solid #f1f3f4 !important;
|
|
1703
|
+
}
|
|
1704
|
+
|
|
1705
|
+
.lil-gui .controller .option:hover {
|
|
1706
|
+
background: #f8f9fa !important;
|
|
1707
|
+
}
|
|
1708
|
+
|
|
1709
|
+
.lil-gui .controller .option:last-child {
|
|
1710
|
+
border-bottom: none !important;
|
|
1711
|
+
}
|
|
1712
|
+
.lil-gui input:active {
|
|
1713
|
+
background: #e6eff4;
|
|
1714
|
+
}
|
|
1715
|
+
.lil-gui .controller button {
|
|
1716
|
+
background: linear-gradient(135deg, #007bff 0%, #0056b3 100%) !important;
|
|
1717
|
+
color: #ffffff !important;
|
|
1718
|
+
border: none !important;
|
|
1719
|
+
border-radius: 4px !important;
|
|
1720
|
+
font-weight: 500 !important;
|
|
1721
|
+
transition: all 0.2s ease !important;
|
|
1722
|
+
}
|
|
1723
|
+
|
|
1724
|
+
.lil-gui .controller button:hover {
|
|
1725
|
+
background: linear-gradient(135deg, #0056b3 0%, #004085 100%) !important;
|
|
1726
|
+
transform: translateY(-1px) !important;
|
|
1727
|
+
box-shadow: 0 4px 8px rgba(0, 123, 255, 0.3) !important;
|
|
1728
|
+
}
|
|
1729
|
+
|
|
1730
|
+
.lil-gui .controller .color {
|
|
1731
|
+
border: 2px solid #ffffff !important;
|
|
1732
|
+
border-radius: 4px !important;
|
|
1733
|
+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
|
|
1734
|
+
}
|
|
1735
|
+
.lil-gui .controller.number .slider {
|
|
1736
|
+
background-color: #e6eff4;
|
|
1737
|
+
}
|
|
1738
|
+
.lil-gui .controller.number .slider:hover {
|
|
1739
|
+
background-color: #e6eff4;
|
|
1740
|
+
}
|
|
1741
|
+
.lil-gui input:hover {
|
|
1742
|
+
background: #e6eff4;
|
|
1743
|
+
}
|
|
1744
|
+
.lil-gui input[type='number']:focus,
|
|
1745
|
+
.lil-gui input[type='text']:focus,
|
|
1746
|
+
.lil-gui input {
|
|
1747
|
+
background: #e6eff4;
|
|
1748
|
+
}
|
|
1749
|
+
.lil-gui .controller > .name {
|
|
1750
|
+
min-width: 25px;
|
|
1751
|
+
}
|
|
1752
|
+
.lil-gui .controller.number input {
|
|
1753
|
+
color: #2e3136;
|
|
1754
|
+
}
|
|
1755
|
+
.lil-gui .controller.number .slider:active {
|
|
1756
|
+
background-color: #e6eff4;
|
|
1757
|
+
}
|
|
1758
|
+
.lil-gui .folder > .title {
|
|
1759
|
+
background: linear-gradient(135deg, #f1f3f4 0%, #e9ecef 100%) !important;
|
|
1760
|
+
color: #495057 !important;
|
|
1761
|
+
border-bottom: 1px solid #dee2e6 !important;
|
|
1762
|
+
}
|
|
1763
|
+
|
|
1764
|
+
.lil-gui .folder > .title:before {
|
|
1765
|
+
color: #6c757d !important;
|
|
1766
|
+
}
|
|
1767
|
+
|
|
1768
|
+
.lil-gui .folder.closed > .children {
|
|
1769
|
+
display: none !important;
|
|
1770
|
+
}
|
|
1771
|
+
</style>
|