@kengic/vue 0.30.1-beta.93 → 0.30.1-beta.95

package/component/KgSimulator/KgSimulator.css

@@ -0,0 +1,610 @@
+.kg-simulator {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    position: relative;
+    padding: 0px;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: stretch;
+    border: 1px solid #d9d9d9;
+    background: #f7f8fa;
+}
+
+/* region 菜单 */
+.kg-simulator .kg-simulator--menu {
+    height: 35px;
+    min-height: 35px;
+    border-bottom: 1px solid #d9d9d9;
+    user-select: none !important;
+    display: flex;
+    align-items: stretch;
+    justify-content: flex-start;
+}
+
+.kg-simulator .kg-simulator--menu > .el-menu {
+    height: 34px;
+    line-height: 34px;
+    border: none !important;
+    padding: 1px;
+    background: #f7f8fa;
+    width: 160px;
+}
+
+.kg-simulator .kg-simulator--menu > .el-menu > .el-sub-menu {
+    margin-right: 1px;
+}
+
+.kg-simulator .kg-simulator--menu > .el-menu > .el-sub-menu > .el-sub-menu__title {
+    height: 32px;
+    line-height: 32px;
+    padding: 0 12px;
+    border-radius: 2px;
+    border: none;
+}
+
+.kg-simulator .kg-simulator--menu > .el-menu > .el-sub-menu > .el-sub-menu__title:hover {
+    color: #000000;
+    background: #dbdbdb;
+}
+
+.kg-simulator .kg-simulator--menu > .el-menu > .el-sub-menu.is-opened > .el-sub-menu__title {
+    color: #000000;
+    background: #dbdbdb;
+}
+
+.kg-simulator .kg-simulator--menu > .el-menu > .el-sub-menu.is-active > .el-sub-menu__title {
+    color: #303133;
+}
+
+/* endregion */
+
+/* region 菜单--标题 */
+
+.kg-simulator .kg-simulator--menu--title {
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    border-left: 1px solid #d9d9d9;
+    padding-left: 1px;
+}
+
+/* region 菜单--标题--工具按钮 */
+.kg-simulator .kg-simulator--menu--title .kg-simulator--menu--title--button {
+    width: 32px;
+    height: 32px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 3px;
+    margin-right: 1px;
+    user-select: none;
+}
+
+.kg-simulator .kg-simulator--menu--title .kg-simulator--menu--title--button:not(.is-disabled):hover {
+    color: #000000;
+    background: #dbdbdb;
+}
+
+/* endregion */
+/* endregion */
+
+/* region 菜单--菜单弹窗 */
+.kg-simulator--menu--popup.el-popper {
+    border: 1px solid #d9d9d9;
+    border-radius: 3px;
+    transition: none !important;
+    user-select: none !important;
+}
+
+.kg-simulator--menu--popup .el-menu--popup {
+    padding: 1px;
+    min-width: 120px;
+    border-radius: 3px;
+    transition: none !important;
+}
+
+.kg-simulator--menu--popup .el-menu--popup .el-sub-menu .el-sub-menu__title:hover {
+    background: rgb(236, 245, 255);
+    color: #409eff;
+}
+
+.kg-simulator--menu--popup .el-menu--popup .el-sub-menu .el-sub-menu__title {
+    height: 32px;
+    line-height: 32px;
+    margin: 0px 0px 1px 0px !important;
+    width: 100%;
+    border-radius: 3px;
+    transition: none !important;
+    justify-content: space-between;
+    padding-right: 8px;
+}
+
+.kg-simulator--menu--popup .el-menu--popup .el-sub-menu .el-sub-menu__title .el-sub-menu__icon-arrow {
+    margin: 0 0 0 8px;
+    position: relative;
+    top: 0px;
+    right: 0px;
+    width: auto;
+    transition: none;
+}
+
+.kg-simulator--menu--popup .el-menu--popup .el-menu-item {
+    height: 32px;
+    line-height: 32px;
+    margin: 0px 0px 1px 0px !important;
+    width: 100%;
+    border-radius: 3px;
+    transition: none !important;
+}
+
+.kg-simulator--menu--popup .el-menu--popup .el-menu-item:last-child {
+    margin: 0px 0px 0px 0px !important;
+}
+
+.kg-simulator--menu--popup .el-menu--popup .el-menu-item.is-active {
+    color: #303133;
+}
+
+/* endregion */
+
+/* region 编辑器 */
+.kg-simulator .kg-simulator--editor {
+    flex: 1;
+    min-height: 0px;
+    width: 100%;
+    display: flex;
+    align-content: space-between;
+    justify-content: stretch;
+    position: relative;
+}
+
+/* region 编辑器--左侧 */
+.kg-simulator .kg-simulator--editor .kg-simulator--editor--left {
+    display: flex;
+    align-items: stretch;
+    justify-content: flex-start;
+}
+
+/* region 编辑器--左侧--工具栏 */
+.kg-simulator .kg-simulator--editor .kg-simulator--editor--left .kg-simulator--editor--left--toolbar {
+    width: 35px;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    justify-content: flex-start;
+    padding: 0px;
+    border-right: 1px solid #d9d9d9;
+}
+
+.kg-simulator .kg-simulator--editor .kg-simulator--editor--left .kg-simulator--editor--left--toolbar .kg-simulator--editor--left--toolbar--top {
+    padding: 1px 1px 0px 1px;
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    justify-content: flex-start;
+}
+
+.kg-simulator .kg-simulator--editor .kg-simulator--editor--left .kg-simulator--editor--left--toolbar .kg-simulator--editor--left--toolbar--top .kg-simulator--toolbar-button {
+    margin-bottom: 1px;
+}
+
+.kg-simulator .kg-simulator--editor .kg-simulator--editor--left .kg-simulator--editor--left--toolbar .kg-simulator--editor--left--toolbar--bottom {
+    padding: 1px 1px 0px 1px;
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    justify-content: flex-start;
+    border-top: 1px solid #d9d9d9;
+}
+
+.kg-simulator .kg-simulator--editor .kg-simulator--editor--left .kg-simulator--editor--left--toolbar .kg-simulator--editor--left--toolbar--bottom .kg-simulator--toolbar-button {
+    margin-bottom: 1px;
+}
+
+/* endregion */
+
+/* region 编辑器--左侧--面板 */
+.kg-simulator .kg-simulator--editor .kg-simulator--editor--left .kg-simulator--editor--left--panel {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    justify-content: space-between;
+}
+
+.kg-simulator .kg-simulator--editor .kg-simulator--editor--left .kg-simulator--editor--left--panel .kg-simulator--editor--left--panel--top {
+    flex: 0;
+    min-height: 0px;
+    border-bottom: 1px solid #d9d9d9;
+}
+
+.kg-simulator .kg-simulator--editor .kg-simulator--editor--left .kg-simulator--editor--left--panel .kg-simulator--editor--left--panel--top:has(> .kg-simulator--panel--is-open) {
+    flex: 1;
+}
+
+.kg-simulator .kg-simulator--editor .kg-simulator--editor--left .kg-simulator--editor--left--panel .kg-simulator--editor--left--panel--top .kg-simulator--panel {
+    width: 300px;
+    border-right: 1px solid #d9d9d9;
+}
+
+.kg-simulator .kg-simulator--editor .kg-simulator--editor--left .kg-simulator--editor--left--panel .kg-simulator--editor--left--panel--bottom {
+    flex: 0;
+    min-height: 0px;
+}
+
+.kg-simulator .kg-simulator--editor .kg-simulator--editor--left .kg-simulator--editor--left--panel .kg-simulator--editor--left--panel--bottom:has(> .kg-simulator--panel--is-open) {
+    flex: 1;
+}
+
+.kg-simulator .kg-simulator--editor .kg-simulator--editor--left .kg-simulator--editor--left--panel .kg-simulator--editor--left--panel--bottom .kg-simulator--panel {
+    width: 300px;
+    border-right: 1px solid #d9d9d9;
+}
+
+/* endregion */
+
+/* endregion */
+
+/* region 编辑器--中间 */
+.kg-simulator .kg-simulator--editor .kg-simulator--editor--center {
+    flex: 1;
+    min-width: 0;
+    height: 100%;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    justify-content: flex-start;
+}
+
+/* region 编辑器--中间--画布 */
+.kg-simulator .kg-simulator--editor .kg-simulator--editor--center .kg-canvas {
+    width: 100%;
+    height: 100%;
+    border-radius: 0;
+    flex: 1;
+    min-height: 0;
+}
+
+/* endregion */
+
+/* endregion */
+
+/* region 编辑器--右侧 */
+.kg-simulator .kg-simulator--editor .kg-simulator--editor--right {
+    display: flex;
+    align-items: stretch;
+    justify-content: flex-start;
+}
+
+/* region 编辑器--右侧--工具栏 */
+.kg-simulator .kg-simulator--editor .kg-simulator--editor--right .kg-simulator--editor--right--toolbar {
+    width: 35px;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    justify-content: flex-start;
+    padding: 0px;
+    border-left: 1px solid #d9d9d9;
+}
+
+.kg-simulator .kg-simulator--editor .kg-simulator--editor--right .kg-simulator--editor--right--toolbar .kg-simulator--editor--right--toolbar--top {
+    padding: 1px 1px 0px 1px;
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    justify-content: flex-start;
+}
+
+.kg-simulator .kg-simulator--editor .kg-simulator--editor--right .kg-simulator--editor--right--toolbar .kg-simulator--editor--right--toolbar--top .kg-simulator--toolbar-button {
+    margin-bottom: 1px;
+}
+
+.kg-simulator .kg-simulator--editor .kg-simulator--editor--right .kg-simulator--editor--right--toolbar .kg-simulator--editor--right--toolbar--bottom {
+    padding: 1px 1px 0px 1px;
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    justify-content: flex-start;
+    border-top: 1px solid #d9d9d9;
+}
+
+.kg-simulator .kg-simulator--editor .kg-simulator--editor--right .kg-simulator--editor--right--toolbar .kg-simulator--editor--right--toolbar--bottom .kg-simulator--toolbar-button {
+    margin-bottom: 1px;
+}
+
+/* endregion */
+
+/* region 编辑器--右侧--面板 */
+.kg-simulator .kg-simulator--editor .kg-simulator--editor--right .kg-simulator--editor--right--panel {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    justify-content: space-between;
+}
+
+.kg-simulator .kg-simulator--editor .kg-simulator--editor--right .kg-simulator--editor--right--panel .kg-simulator--editor--right--panel--top {
+    flex: 0;
+    min-height: 0px;
+    border-bottom: 1px solid #d9d9d9;
+}
+
+.kg-simulator .kg-simulator--editor .kg-simulator--editor--right .kg-simulator--editor--right--panel .kg-simulator--editor--right--panel--top:has(> .kg-simulator--panel--is-open) {
+    flex: 1;
+}
+
+.kg-simulator .kg-simulator--editor .kg-simulator--editor--right .kg-simulator--editor--right--panel .kg-simulator--editor--right--panel--top .kg-simulator--panel {
+    width: 300px;
+    border-left: 1px solid #d9d9d9;
+}
+
+.kg-simulator .kg-simulator--editor .kg-simulator--editor--right .kg-simulator--editor--right--panel .kg-simulator--editor--right--panel--bottom {
+    flex: 0;
+    min-height: 0px;
+}
+
+.kg-simulator .kg-simulator--editor .kg-simulator--editor--right .kg-simulator--editor--right--panel .kg-simulator--editor--right--panel--bottom:has(> .kg-simulator--panel--is-open) {
+    flex: 1;
+}
+
+.kg-simulator .kg-simulator--editor .kg-simulator--editor--right .kg-simulator--editor--right--panel .kg-simulator--editor--right--panel--bottom .kg-simulator--panel {
+    width: 300px;
+    border-left: 1px solid #d9d9d9;
+}
+
+/* endregion */
+
+/* endregion */
+
+/* endregion */
+
+/* region 面板--场景 */
+.kg-simulator--panel.kg-simulator--panel--scene .kg-simulator--panel--body {
+    padding: 0px;
+}
+
+.kg-simulator--panel.kg-simulator--panel--scene .kg-simulator--panel--body .el-input {
+    margin-bottom: 1px;
+}
+
+.kg-simulator--panel.kg-simulator--panel--scene .kg-simulator--panel--body .el-input .el-input__wrapper {
+    border-radius: 0px;
+}
+
+.kg-simulator--panel.kg-simulator--panel--scene .kg-simulator--panel--body .el-tree {
+    height: calc(100% - 33px);
+    overflow: auto;
+    user-select: none !important;
+}
+
+/* endregion */
+
+/* region 面板--属性 */
+.kg-simulator--panel.kg-simulator--panel--property > .kg-simulator--panel--body > .message {
+    display: none;
+}
+
+.kg-simulator--panel.kg-simulator--panel--property.kg-simulator--panel--property--multiple > .kg-simulator--panel--body > .kg-var02 {
+    display: none;
+}
+
+.kg-simulator--panel.kg-simulator--panel--property.kg-simulator--panel--property--multiple > .kg-simulator--panel--body > .message {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+}
+
+/* endregion */
+
+/* region 底部的状态栏 */
+.kg-simulator .kg-simulator--status {
+    height: 35px;
+    min-height: 35px;
+    border-top: 1px solid #d9d9d9;
+}
+
+/* endregion */
+
+/* region 组件--工具按钮 */
+.kg-simulator--toolbar-button {
+    width: 32px;
+    height: 32px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 3px;
+    cursor: pointer;
+}
+
+.kg-simulator--toolbar-button.el-button:not(.is-disabled):hover {
+    color: #000000 !important;
+    background: #dbdbdb !important;
+}
+
+.kg-simulator--toolbar-button.kg-simulator--toolbar-button--is-open {
+    color: #000000;
+    background: #d4e2ff;
+}
+
+/* endregion */
+
+/* region 组件--面板 */
+.kg-simulator--panel {
+    width: 300px;
+    height: 100%;
+    display: none;
+    flex-direction: column;
+    align-items: stretch;
+    justify-content: flex-start;
+}
+
+.kg-simulator--panel.kg-simulator--panel--is-open {
+    display: flex;
+}
+
+.kg-simulator--panel .kg-simulator--panel--header {
+    height: 35px;
+    border-bottom: 1px solid #d9d9d9;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding-left: 8px;
+    user-select: none;
+}
+
+.kg-simulator--panel .kg-simulator--panel--header .kg-simulator--panel--header--action {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    user-select: none;
+}
+
+.kg-simulator--panel .kg-simulator--panel--header .kg-simulator--panel--header--action .kg-simulator--panel--header--action--buttons {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    padding-right: 1px;
+}
+
+.kg-simulator--panel .kg-simulator--panel--header .kg-simulator--panel--header--action .kg-simulator--panel--header--action--buttons .kg-simulator--panel--header--action--button {
+    width: 32px;
+    height: 32px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 3px;
+    margin-left: 1px;
+    cursor: pointer;
+    user-select: none;
+}
+
+.kg-simulator--panel .kg-simulator--panel--header .kg-simulator--panel--header--action .kg-simulator--panel--header--action--buttons .kg-simulator--panel--header--action--button:not(.is-disabled):hover {
+    color: #000000;
+    background: #dbdbdb;
+}
+
+.kg-simulator--panel .kg-simulator--panel--body {
+    flex: 1;
+    min-height: 0px;
+    padding: 1px;
+    overflow: auto;
+}
+
+/* endregion */
+
+/* region 组件--预制组件 */
+.kg-simulator--prefab {
+    margin-bottom: 1px;
+    border-radius: 3px;
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    padding: 4px 4px 4px 4px;
+    cursor: pointer;
+    user-select: none;
+}
+
+.kg-simulator--prefab:last-child {
+    margin-bottom: 0px;
+}
+
+.kg-simulator--prefab:hover {
+    color: #000000;
+    background: #dbdbdb;
+}
+
+.kg-simulator--prefab canvas {
+    border-radius: 1px;
+}
+
+.kg-simulator--prefab .kg-simulator--prefab--name {
+    margin-left: 8px;
+}
+
+/* endregion */
+
+/* region 组件--标题栏 */
+.kg-simulator--canvas--title {
+    height: 34px;
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+}
+
+.kg-simulator--canvas--title .kg-simulator--canvas--title--text {
+    padding-left: 10px;
+}
+
+.kg-simulator--canvas--title .kg-simulator--canvas--title--unsave-badge {
+    width: 6px;
+    height: 6px;
+    border-radius: 100%;
+    background: #409eff;
+    margin-left: 8px;
+}
+
+/* endregion */
+
+.kg-var[kg-form-id='KgSimulator.Menu.Scene.Open.CircularConveyor'] .kg-table02-bottom {
+    display: none !important;
+}
+
+.kg-var[kg-form-id='KgSimulator.Menu.Scene.Create.CircularConveyor'] .kg-submit--inline .ant-modal .ant-modal-content {
+    border: none !important;
+    border-radius: 0px !important;
+}
+
+.kg-var[kg-form-id='KgSimulator.Menu.Scene.Create.CircularConveyor'] .kg-submit--inline .ant-modal .ant-modal-content .ant-modal-body {
+    padding: 0px !important;
+}
+
+.kg-var[kg-form-id='KgSimulator.Menu.Scene.Create.CircularConveyor'] > .ant-spin-nested-loading > .ant-spin-container {
+    padding: 0px !important;
+}
+
+.kg-var[kg-form-id='KgSimulator.Panel.Property'] .kg-submit--inline .ant-modal {
+    height: 100% !important;
+}
+
+.kg-var[kg-form-id='KgSimulator.Panel.Property'] .kg-submit--inline .ant-modal .ant-modal-content {
+    border: none !important;
+    border-radius: 0px !important;
+}
+
+.kg-var[kg-form-id='KgSimulator.Panel.Property'] .kg-submit--inline .ant-modal .ant-modal-content .ant-modal-body {
+    padding: 0px !important;
+    height: 100% !important;
+}
+
+.kg-var[kg-form-id='KgSimulator.Panel.Property'] > .ant-spin-nested-loading > .ant-spin-container {
+    padding: 0px !important;
+}
+
+.kg-var[kg-form-id='KgSimulator.Panel.Property'] > .ant-spin-nested-loading > .ant-spin-container .ant-form {
+    padding: 1px 1px 0px;
+}
+
+.kg-var[kg-form-id='KgSimulator.Panel.Property'] > .ant-spin-nested-loading > .ant-spin-container .ant-form .ant-row {
+    margin: 0 !important;
+}
+
+.kg-var[kg-form-id='KgSimulator.Panel.Property'] > .ant-spin-nested-loading > .ant-spin-container .ant-form .ant-row .ant-col {
+    padding: 0 !important;
+}
+
+.kg-var[kg-form-id='KgSimulator.Panel.Property'] > .ant-spin-nested-loading > .ant-spin-container .ant-form .kg-form-item .ant-form-item {
+    margin-bottom: 1px !important;
+}
+
+.kg-var[kg-form-id='KgSimulator.Panel.Property'] > .ant-spin-nested-loading > .ant-spin-container .ant-form .kg-form-item .ant-form-item .ant-form-item-control-input-content > .ant-input-affix-wrapper {
+    border-radius: 3px;
+}
+
+.kg-var[kg-form-id='KgSimulator.Panel.Property'] > .ant-spin-nested-loading > .ant-spin-container .ant-form .kg-form-item .ant-form-item .ant-form-item-control-input-content > .ant-input-affix-wrapper.ant-input-affix-wrapper-disabled .ant-input[disabled] {
+    color: #000000a6;
+}