mirror of
https://github.com/smartxworks/sunmao-ui.git
synced 2025-03-01 17:56:06 +08:00
391 lines
8.3 KiB
JavaScript
391 lines
8.3 KiB
JavaScript
const app = {
|
|
kind: "Application",
|
|
version: "arco/v1",
|
|
metadata: {
|
|
name: "scf",
|
|
},
|
|
spec: {
|
|
components: [
|
|
{
|
|
id: "root",
|
|
type: "arco/v1/layout",
|
|
properties: {},
|
|
traits: [
|
|
{
|
|
type: "core/v1/style",
|
|
properties: {
|
|
styles: [
|
|
{
|
|
styleSlot: "content",
|
|
style: "height: 100%; background: #fff;",
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: "header",
|
|
type: "arco/v1/header",
|
|
properties: {},
|
|
traits: [
|
|
{
|
|
type: "core/v1/slot",
|
|
properties: {
|
|
container: {
|
|
id: "root",
|
|
slot: "content",
|
|
},
|
|
},
|
|
},
|
|
{
|
|
type: "core/v1/style",
|
|
properties: {
|
|
styles: [
|
|
{
|
|
styleSlot: "content",
|
|
style: "height: 50px; display: flex; align-items: center;",
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: "body",
|
|
type: "arco/v1/layout",
|
|
properties: {
|
|
hasSider: true,
|
|
},
|
|
traits: [
|
|
{
|
|
type: "core/v1/slot",
|
|
properties: {
|
|
container: {
|
|
id: "root",
|
|
slot: "content",
|
|
},
|
|
},
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: "sider",
|
|
type: "arco/v1/sider",
|
|
properties: {},
|
|
traits: [
|
|
{
|
|
type: "core/v1/slot",
|
|
properties: {
|
|
container: {
|
|
id: "body",
|
|
slot: "content",
|
|
},
|
|
},
|
|
},
|
|
{
|
|
type: "core/v1/style",
|
|
properties: {
|
|
styles: [
|
|
{
|
|
styleSlot: "content",
|
|
style: "width: 200px; background: #F7F8FB",
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: "content",
|
|
type: "arco/v1/content",
|
|
properties: {},
|
|
traits: [
|
|
{
|
|
type: "core/v1/slot",
|
|
properties: {
|
|
container: {
|
|
id: "body",
|
|
slot: "content",
|
|
},
|
|
},
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: "logo",
|
|
type: "arco/v1/image",
|
|
properties: {
|
|
src: "https://www.smartx.com/img/smartx-logo-horizontal.ff708dd4.svg",
|
|
},
|
|
traits: [
|
|
{
|
|
type: "core/v1/slot",
|
|
properties: {
|
|
container: {
|
|
id: "header",
|
|
slot: "content",
|
|
},
|
|
},
|
|
},
|
|
{
|
|
type: "core/v1/style",
|
|
properties: {
|
|
styles: [
|
|
{
|
|
styleSlot: "content",
|
|
style:
|
|
"margin-left: 24px; img { width: 124px; height: 24px; }",
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: "nav_menu",
|
|
type: "arco/v1/select",
|
|
properties: {
|
|
defaultValue: "IAM",
|
|
options: [
|
|
{
|
|
value: "iam",
|
|
text: "IAM",
|
|
},
|
|
],
|
|
},
|
|
traits: [
|
|
{
|
|
type: "core/v1/slot",
|
|
properties: {
|
|
container: {
|
|
id: "header",
|
|
slot: "content",
|
|
},
|
|
},
|
|
},
|
|
{
|
|
type: "core/v1/style",
|
|
properties: {
|
|
styles: [
|
|
{
|
|
styleSlot: "content",
|
|
style: "margin-left: 54px; width: 154px;",
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: "sider_menu",
|
|
type: "arco/v1/menu",
|
|
properties: {
|
|
items: [
|
|
{
|
|
key: "user",
|
|
text: "用户",
|
|
},
|
|
{
|
|
key: "user_group",
|
|
text: "用户组",
|
|
},
|
|
{
|
|
key: "policy",
|
|
text: "策略",
|
|
},
|
|
{
|
|
key: "ldap",
|
|
text: "LDAP",
|
|
},
|
|
{
|
|
key: "settings",
|
|
text: "账号设置",
|
|
},
|
|
],
|
|
},
|
|
traits: [
|
|
{
|
|
type: "core/v1/slot",
|
|
properties: {
|
|
container: {
|
|
id: "sider",
|
|
slot: "content",
|
|
},
|
|
},
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: "toolbar",
|
|
type: "arco/v1/space",
|
|
properties: {},
|
|
traits: [
|
|
{
|
|
type: "core/v1/slot",
|
|
properties: {
|
|
container: {
|
|
id: "content",
|
|
slot: "content",
|
|
},
|
|
},
|
|
},
|
|
{
|
|
type: "core/v1/style",
|
|
properties: {
|
|
styles: [
|
|
{
|
|
styleSlot: "content",
|
|
style: "padding: 20px;",
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: "create_user_button",
|
|
type: "arco/v1/button",
|
|
properties: {
|
|
type: "primary",
|
|
},
|
|
traits: [
|
|
{
|
|
type: "core/v1/slot",
|
|
properties: {
|
|
container: {
|
|
id: "toolbar",
|
|
slot: "content",
|
|
},
|
|
},
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: "create_user",
|
|
type: "core/v1/text",
|
|
properties: {
|
|
value: {
|
|
raw: "创建用户",
|
|
format: "plain",
|
|
},
|
|
},
|
|
traits: [
|
|
{
|
|
type: "core/v1/slot",
|
|
properties: {
|
|
container: {
|
|
id: "create_user_button",
|
|
slot: "content",
|
|
},
|
|
},
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: "more_user_operation_dropdown",
|
|
type: "arco/v1/dropdown",
|
|
properties: {},
|
|
traits: [
|
|
{
|
|
type: "core/v1/slot",
|
|
properties: {
|
|
container: {
|
|
id: "toolbar",
|
|
slot: "content",
|
|
},
|
|
},
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: "more_user_operation_button",
|
|
type: "arco/v1/button",
|
|
properties: {},
|
|
traits: [
|
|
{
|
|
type: "core/v1/slot",
|
|
properties: {
|
|
container: {
|
|
id: "more_user_operation_dropdown",
|
|
slot: "trigger",
|
|
},
|
|
},
|
|
},
|
|
{
|
|
type: "core/v1/style",
|
|
properties: {
|
|
styles: [
|
|
{
|
|
styleSlot: "content",
|
|
style: "margin-left: 10px;",
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: "more_user_operation",
|
|
type: "core/v1/text",
|
|
properties: {
|
|
value: {
|
|
raw: "更多操作",
|
|
format: "plain",
|
|
},
|
|
},
|
|
traits: [
|
|
{
|
|
type: "core/v1/slot",
|
|
properties: {
|
|
container: {
|
|
id: "more_user_operation_button",
|
|
slot: "content",
|
|
},
|
|
},
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: "more_user_operation_list",
|
|
type: "arco/v1/menu",
|
|
properties: {
|
|
items: [
|
|
{
|
|
key: "op1",
|
|
text: "op1",
|
|
},
|
|
],
|
|
},
|
|
traits: [
|
|
{
|
|
type: "core/v1/slot",
|
|
properties: {
|
|
container: {
|
|
id: "more_user_operation_dropdown",
|
|
slot: "list",
|
|
},
|
|
},
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: "user_search",
|
|
type: "arco/v1/input",
|
|
properties: {},
|
|
traits: [
|
|
{
|
|
type: "core/v1/slot",
|
|
properties: {
|
|
container: {
|
|
id: "toolbar",
|
|
slot: "content",
|
|
},
|
|
},
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
};
|