ngx-axis-appforge 0.0.0

package/axis-components/examples/examples/form.ts

@@ -0,0 +1,315 @@
+import { ExampleDesc } from "ngx-axis-appforge/core";
+
+export const formExampleDesc: ExampleDesc = {
+    component: "表单",
+    coverImg: "assets/axis-components-covers/form.svg",
+    span: 24,
+    height: 120,
+    tags: ["wrap"],
+    example: {
+        builder: (componentIdBuilder) => ({
+            component: "axis-components/form",
+            id: componentIdBuilder?.("axis-components/form"),
+            inuse: true,
+            submitConfirm: true,
+            leaveConfirm: true,
+            child: {
+                component: "axis-components/flex",
+                id: componentIdBuilder?.("axis-components/flex"),
+                inuse: true,
+                direction: "vertical",
+                align: "center",
+                gap: "20px",
+                style: {
+                    padding: "20px"
+                },
+                children: [
+                    {
+                        component: "axis-components/flex",
+                        inuse: true,
+                        id: componentIdBuilder?.("axis-components/flex", 2),
+                        direction: "horizontal",
+                        justify: "end",
+                        gap: "6px",
+                        children: [
+                            {
+                                component: "axis-components/button",
+                                id: componentIdBuilder?.("axis-components/button"),
+                                inuse: true,
+                                title: "重置",
+                                styleType: "default",
+                                icon: {
+                                    component: "axis-components/icon",
+                                    inuse: true,
+                                    lib: "antdesign",
+                                    theme: "outline",
+                                    icon: "redo"
+                                },
+                                triggeEvents: {
+                                    buttonClick: [
+                                        {
+                                            name: "resetForm",
+                                            disabled: false,
+                                            id: componentIdBuilder?.("axis-components/form"),
+                                            target: "component"
+                                        }
+                                    ]
+                                }
+                            },
+                            {
+                                component: "axis-components/button",
+                                id: componentIdBuilder?.("axis-components/button", 2),
+                                inuse: true,
+                                title: "提交",
+                                icon: {
+                                    component: "axis-components/icon",
+                                    inuse: true,
+                                    lib: "antdesign",
+                                    theme: "outline",
+                                    icon: "save"
+                                },
+                                triggeEvents: {
+                                    buttonClick: [
+                                        {
+                                            name: "validForm",
+                                            disabled: false,
+                                            id: componentIdBuilder?.("axis-components/form"),
+                                            target: "component"
+                                        }
+                                    ]
+                                }
+                            },
+                        ]
+                    },
+                    {
+                        component: "axis-components/flex",
+                        inuse: true,
+                        id: componentIdBuilder?.("axis-components/flex", 3),
+                        direction: "vertical",
+                        align: "center",
+                        style: {
+                            width: "400px"
+                        },
+                        children: [
+                            {
+                                component: "axis-components/form-item",
+                                id: componentIdBuilder?.("axis-components/form-item"),
+                                inuse: true,
+                                name: "field1",
+                                label: "字段1",
+                                validators: [],
+                                child: {
+                                    component: "axis-components/input",
+                                    id: componentIdBuilder?.("axis-components/input"),
+                                    inuse: true
+                                }
+                            },
+                            {
+                                component: "axis-components/form-item",
+                                id: componentIdBuilder?.("axis-components/form-item", 2),
+                                inuse: true,
+                                name: "field2",
+                                label: "字段2",
+                                validators: [],
+                                child: {
+                                    component: "axis-components/input",
+                                    id: componentIdBuilder?.("axis-components/input", 2),
+                                    inuse: true
+                                }
+                            },
+                        ]
+                    }
+                ]
+            }
+        }),
+    },
+    moreExamples: [
+        {
+            name: "空表单",
+            builder: (componentIdBuilder) => ({
+                component: "axis-components/form",
+                id: componentIdBuilder?.("axis-components/form"),
+                inuse: true,
+                submitConfirm: true,
+                leaveConfirm: true
+            }),
+        },
+        {
+            name: "查询表单",
+            builder: (componentIdBuilder) => ({
+                component: "axis-components/form",
+                id: componentIdBuilder?.("axis-components/form"),
+                inuse: true,
+                submitConfirm: true,
+                leaveConfirm: true,
+                style: {
+                    width: "100%"
+                },
+                child: {
+                    component: "axis-components/flex",
+                    id: componentIdBuilder?.("axis-components/flex"),
+                    direction: "horizontal",
+                    children: [
+                        {
+                            component: "axis-components/flex",
+                            id: componentIdBuilder?.("axis-components/flex", 2),
+                            direction: "horizontal",
+                            children: [
+                                {
+                                    component: "axis-components/form-item",
+                                    id: componentIdBuilder?.("axis-components/form-item"),
+                                    validators: [],
+                                    child: {
+                                        component: "axis-components/input",
+                                        id: componentIdBuilder?.("axis-components/input"),
+                                        requiredPermissions: null,
+                                        triggeEvents: null,
+                                        inuse: true,
+                                        disabled: false,
+                                        readonly: false,
+                                        type: "text",
+                                        placeholder: "输入关键字搜索",
+                                        maxlength: "",
+                                        debounceTime: 300,
+                                        autofocus: false
+                                    },
+                                    requiredPermissions: null,
+                                    triggeEvents: null,
+                                    inuse: true,
+                                    style: {
+                                        width: "250px",
+                                        height: "35px"
+                                    },
+                                    name: "keywords",
+                                    label: "搜索",
+                                    labelWidth: "40px"
+                                }, {
+                                    component: "axis-components/button",
+                                    id: componentIdBuilder?.("axis-components/button"),
+                                    requiredPermissions: null,
+                                    triggeEvents: {
+                                        buttonClick: [
+                                            {
+                                                name: "resetForm",
+                                                disabled: false,
+                                                id: componentIdBuilder?.("axis-components/form"),
+                                                data: null,
+                                                target: "component"
+                                            }
+                                        ]
+                                    },
+                                    inuse: true,
+                                    title: "",
+                                    icon: {
+                                        component: "axis-components/icon",
+                                        inuse: true,
+                                        lib: "antdesign",
+                                        theme: "outline",
+                                        icon: "delete"
+                                    },
+                                    confirm: false,
+                                    confirmText: "是否确认？",
+                                    confirmType: "modal",
+                                    disabledBtn: false,
+                                    styleType: "default",
+                                    block: false,
+                                    danger: true,
+                                    ghost: false,
+                                    size: "default",
+                                    shape: "circle"
+                                }
+                            ],
+                            requiredPermissions: null,
+                            triggeEvents: null,
+                            inuse: true,
+                            style: {
+                                flex: 1
+                            },
+                            justify: "start",
+                            align: "start",
+                            wrap: "wrap",
+                            gap: "20px"
+                        },
+                        {
+                            component: "axis-components/flex",
+                            id: "axis-components/flex#5",
+                            direction: "horizontal",
+                            children: [
+                                {
+                                    component: "axis-components/button",
+                                    id: "axis-components/button#4",
+                                    inuse: true,
+                                    requiredPermissions: null,
+                                    triggeEvents: null,
+                                    title: "刷新",
+                                    icon: {
+                                        component: "axis-components/icon",
+                                        inuse: true,
+                                        lib: "antdesign",
+                                        theme: "outline",
+                                        icon: "reload"
+                                    },
+                                    confirm: false,
+                                    confirmText: "是否确认？",
+                                    confirmType: "modal",
+                                    disabledBtn: false,
+                                    styleType: "default",
+                                    block: false,
+                                    danger: false,
+                                    ghost: false,
+                                    size: "default",
+                                    shape: ""
+                                },
+                                {
+                                    component: "axis-components/button",
+                                    id: "axis-components/button#5",
+                                    inuse: true,
+                                    requiredPermissions: null,
+                                    triggeEvents: null,
+                                    title: "新增",
+                                    icon: {
+                                        component: "axis-components/icon",
+                                        inuse: true,
+                                        lib: "antdesign",
+                                        theme: "outline",
+                                        icon: "plus"
+                                    },
+                                    confirm: false,
+                                    confirmText: "是否确认？",
+                                    confirmType: "modal",
+                                    disabledBtn: false,
+                                    styleType: "dashed",
+                                    block: false,
+                                    danger: false,
+                                    ghost: false,
+                                    size: "default",
+                                    shape: ""
+                                }
+                            ],
+                            inuse: true,
+                            requiredPermissions: null,
+                            style: {
+                                width: "fit-content"
+                            },
+                            triggeEvents: null,
+                            justify: "start",
+                            align: "start",
+                            wrap: "nowrap",
+                            gap: "4px"
+                        }
+                    ],
+                    inuse: true,
+                    requiredPermissions: null,
+                    style: {
+                        padding: "10px"
+                    },
+                    triggeEvents: null,
+                    justify: "start",
+                    align: "center",
+                    wrap: "nowrap",
+                    gap: "20px"
+                }
+            })
+        }
+    ]
+};

package/axis-components/examples/examples/icon.ts

@@ -0,0 +1,16 @@
+import { ExampleDesc } from "ngx-axis-appforge/core";
+
+export const iconExampleDesc: ExampleDesc = {
+    component: "图标",
+    coverImg: "assets/axis-components-covers/icon.svg",
+    span: 12,
+    height: 60,
+    example: {
+        builder: (componentIdBuilder) => ({
+            component: "axis-components/icon",
+            id: componentIdBuilder?.("axis-components/icon"),
+            inuse: true,
+            icon: "ant-design"
+        }),
+    }
+};

package/axis-components/examples/examples/image.ts

@@ -0,0 +1,15 @@
+import { ExampleDesc } from "ngx-axis-appforge/core";
+
+export const imageExampleDesc: ExampleDesc = {
+    component: "图片",
+    coverImg: "assets/axis-components-covers/image.svg",
+    span: 12,
+    height: 70,
+    example: {
+        builder: (componentIdBuilder) => ({
+            component: "axis-components/image",
+            id: componentIdBuilder?.("axis-components/image"),
+            inuse: true,
+        }),
+    }
+};

package/axis-components/examples/examples/input-component.ts

@@ -0,0 +1,15 @@
+import { ExampleDesc } from "ngx-axis-appforge/core";
+
+export const inputComponentExampleDesc: ExampleDesc = {
+    component: "组件输入框",
+    coverImg: "assets/axis-components-covers/input-component.svg",
+    span: 12,
+    height: 70,
+    example: {
+        builder: (componentIdBuilder) => ({
+            component: "axis-components/input-component",
+            id: componentIdBuilder?.("axis-components/input-component"),
+            inuse: true
+        }),
+    }
+};

package/axis-components/examples/examples/input-icon.ts

@@ -0,0 +1,15 @@
+import { ExampleDesc } from "ngx-axis-appforge/core";
+
+export const inputIconExampleDesc: ExampleDesc = {
+    component: "图标输入框",
+    coverImg: "assets/axis-components-covers/input-icon.svg",
+    span: 12,
+    height: 70,
+    example: {
+        builder: (componentIdBuilder) => ({
+            component: "axis-components/input-icon",
+            id: componentIdBuilder?.("axis-components/input-icon"),
+            inuse: true,
+        }),
+    }
+};

package/axis-components/examples/examples/input-json.ts

@@ -0,0 +1,15 @@
+import { ExampleDesc } from "ngx-axis-appforge/core";
+
+export const inputJsonExampleDesc: ExampleDesc = {
+    component: "JSON输入框",
+    coverImg: "assets/axis-components-covers/input-json.svg",
+    span: 12,
+    height: 70,
+    example: {
+        builder: (componentIdBuilder) => ({
+            component: "axis-components/input-json",
+            id: componentIdBuilder?.("axis-components/input-json"),
+            inuse: true,
+        }),
+    }
+};

package/axis-components/examples/examples/input-number.ts

@@ -0,0 +1,15 @@
+import { ExampleDesc } from "ngx-axis-appforge/core";
+
+export const inputNumberExampleDesc: ExampleDesc = {
+    component: "数值输入框",
+    coverImg: "assets/axis-components-covers/input-number.svg",
+    span: 12,
+    height: 60,
+    example: {
+        builder: (componentIdBuilder) => ({
+            component: "axis-components/input-number",
+            id: componentIdBuilder?.("axis-components/input-number"),
+            inuse: true
+        }),
+    },
+};

package/axis-components/examples/examples/input.ts

@@ -0,0 +1,15 @@
+import { ExampleDesc } from "ngx-axis-appforge/core";
+
+export const inputExampleDesc: ExampleDesc = {
+    component: "文本输入框",
+    coverImg: "assets/axis-components-covers/input.svg",
+    span: 12,
+    height: 60,
+    example: {
+        builder: (componentIdBuilder) => ({
+            component: "axis-components/input",
+            id: componentIdBuilder?.("axis-components/input"),
+            inuse: true
+        }),
+    },
+};

package/axis-components/examples/examples/modal.ts

@@ -0,0 +1,15 @@
+import { ExampleDesc } from "ngx-axis-appforge/core";
+
+export const modalExampleDesc: ExampleDesc = {
+    component: "对话框",
+    coverImg: "assets/axis-components-covers/modal.svg",
+    span: 24,
+    height: 120,
+    example: {
+        builder: (componentIdBuilder) => ({
+            component: "axis-components/modal",
+            id: componentIdBuilder?.("axis-components/modal"),
+            inuse: true
+        }),
+    }
+};

package/axis-components/examples/examples/scope.ts

@@ -0,0 +1,17 @@
+import { ExampleDesc } from "ngx-axis-appforge/core";
+
+export const scopeExampleDesc: ExampleDesc = {
+    component: "组件域",
+    coverImg: "assets/axis-components-covers/scope.svg",
+    span: 12,
+    height: 80,
+    tags: ["wrap"],
+    example: {
+        builder: (componentIdBuilder) => ({
+            component: "axis-components/scope",
+            id: componentIdBuilder?.("axis-components/scope"),
+            inuse: true,
+            scopeName: "根"
+        }),
+    }
+};

package/axis-components/examples/examples/single-selector.ts

@@ -0,0 +1,25 @@
+import { ExampleDesc } from "ngx-axis-appforge/core";
+
+export const singleSelectorExampleDesc: ExampleDesc = {
+    component: "单选器",
+    coverImg: "assets/axis-components-covers/single-selector.svg",
+    span: 12,
+    height: 60,
+    example: {
+        builder: (componentIdBuilder) => ({
+            component: "axis-components/single-selector",
+            id: componentIdBuilder?.("axis-components/single-selector"),
+            inuse: true,
+            data: [
+                {
+                    title: "选项1",
+                    key: "1"
+                },
+                {
+                    title: "选项2",
+                    key: "2"
+                }
+            ]
+        }),
+    }
+};

package/axis-components/examples/examples/splitter.ts

@@ -0,0 +1,36 @@
+import { ExampleDesc } from "ngx-axis-appforge/core";
+
+export const splitterExampleDesc: ExampleDesc = {
+    component: "分隔面板",
+    coverImg: "assets/axis-components-covers/splitter.svg",
+    span: 24,
+    height: 120,
+    tags: ["wrap"],
+    example: {
+        builder: (componentIdBuilder) => ({
+            component: "axis-components/splitter",
+            id: componentIdBuilder?.("axis-components/splitter"),
+            inuse: true,
+            direction: "horizontal",
+            panels: [
+                {
+                    inuse: true,
+                    child: {
+                        component: "axis-components/text",
+                        id: componentIdBuilder?.("axis-components/text"),
+                        inuse: true,
+                        data: "左面板"
+                    }
+                }, {
+                    inuse: true,
+                    child: {
+                        component: "axis-components/text",
+                        id: componentIdBuilder?.("axis-components/text", 2),
+                        inuse: true,
+                        data: "右边面板"
+                    }
+                }
+            ]
+        }),
+    }
+};

package/axis-components/examples/examples/table.ts

@@ -0,0 +1,126 @@
+import { ExampleDesc } from "ngx-axis-appforge/core";
+
+export const tableExampleDesc: ExampleDesc = {
+    component: "表格",
+    coverImg: "assets/axis-components-covers/table.svg",
+    span: 24,
+    height: 120,
+    example: {
+        builder: (componentIdBuilder) => ({
+            component: "axis-components/table",
+            id: componentIdBuilder?.("axis-components/table"),
+            inuse: true,
+            keyField: "id",
+            fields: [
+                {
+                    field: "id",
+                    exportFn: null,
+                    injectBy: "data",
+                    groupLevel: null,
+                    totalAble: false,
+                    totalFn: null,
+                    titleGroup: null,
+                    inuse: true,
+                    title: "编码",
+                    export: false,
+                    exportFlowChild: true,
+                    import: false,
+                    importRequired: false,
+                    importCellType: "text",
+                    sortAble: true,
+                    sortOrder: null,
+                    filterAble: false,
+                    filterMultiple: false,
+                    width: 150,
+                    align: "left",
+                    freezeMode: "none"
+                },
+                {
+                    field: "name",
+                    exportFn: null,
+                    injectBy: "data",
+                    groupLevel: null,
+                    totalAble: false,
+                    totalFn: null,
+                    titleGroup: null,
+                    inuse: true,
+                    title: "名字",
+                    export: false,
+                    exportFlowChild: true,
+                    import: false,
+                    importRequired: false,
+                    importCellType: "text",
+                    sortAble: true,
+                    sortOrder: null,
+                    filterAble: false,
+                    filterMultiple: false,
+                    width: null,
+                    align: "left",
+                    freezeMode: "none"
+                }
+            ],
+            rowActions: [
+                {
+                    component: "axis-components/button",
+                    id: componentIdBuilder?.("axis-components/button"),
+                    inuse: true,
+                    requiredPermissions: null,
+                    triggeEvents: null,
+                    title: "详情",
+                    confirm: false,
+                    confirmText: "是否确认？",
+                    confirmType: "modal",
+                    disabledBtn: false,
+                    styleType: "link",
+                    block: false,
+                    danger: false,
+                    ghost: false,
+                    size: "small",
+                    shape: ""
+                },
+                {
+                    component: "axis-components/button",
+                    id: componentIdBuilder?.("axis-components/button", 2),
+                    requiredPermissions: null,
+                    triggeEvents: null,
+                    inuse: true,
+                    title: "删除",
+                    confirm: true,
+                    confirmText: "确认删除？",
+                    confirmType: "pop",
+                    disabledBtn: false,
+                    styleType: "link",
+                    block: false,
+                    danger: true,
+                    ghost: false,
+                    size: "small",
+                    shape: ""
+                }
+            ],
+            data: [
+                {
+                    id: "001",
+                    name: "小王",
+                },
+                {
+                    id: "002",
+                    name: "小张",
+                },
+            ],
+        }),
+    },
+    moreExamples: [
+        {
+            name: "空表格",
+            builder: (componentIdBuilder) => ({
+                component: "axis-components/table",
+                id: componentIdBuilder?.("axis-components/table"),
+                inuse: true,
+                fields: [],
+                rowActions: [],
+                data: [],
+                showOrder: false,
+            }),
+        }
+    ]
+};

package/axis-components/examples/examples/text.ts

@@ -0,0 +1,15 @@
+import { ExampleDesc } from "ngx-axis-appforge/core";
+
+export const textExampleDesc: ExampleDesc = {
+    component: "文本",
+    coverImg: "assets/axis-components-covers/text.svg",
+    span: 12,
+    height: 120,
+    example: {
+        builder: (componentIdBuilder) => ({
+            component: "axis-components/text",
+            id: componentIdBuilder?.("axis-components/text"),
+            inuse: true
+        }),
+    }
+};