@kp-ui/lowcode 2.14.0-beta.9 → 2.15.0-alpha.2

package/test.json

@@ -0,0 +1,352 @@
+{
+    "widgetList": [
+        {
+            "id": "datatable43799",
+            "key": "k96x9ir",
+            "icon": "data-table",
+            "type": "data-table",
+            "options": {
+                "http": {
+                    "url": "/api/tmgc2-query/dataQuery/execute",
+                    "data": {},
+                    "method": "post",
+                    "params": {}
+                },
+                "name": "datatable43799",
+                "label": "data-table",
+                "border": false,
+                "hidden": false,
+                "rowKey": "_id",
+                "virtual": false,
+                "colorRow": true,
+                "customRow": {
+                    "onClick": "",
+                    "onDblclick": "",
+                    "onMouseenter": "",
+                    "onMouseleave": ""
+                },
+                "dsEnabled": true,
+                "onCreated": "",
+                "onMounted": "",
+                "showIndex": true,
+                "tableSize": "small",
+                "dataSource": [
+                    {
+                        "add": "上海市普陀区金沙江路 1518 弄",
+                        "age": 100,
+                        "date": "2016-05-02",
+                        "name": "小二112121214",
+                        "date2": "2016-05-02 23:12:12",
+                        "date3": "2016-05-02 9:11:12",
+                        "_X_ROW_KEY": "row_3"
+                    }
+                ],
+                "lineHeight": 48,
+                "pagination": {
+                    "total": 1,
+                    "current": 1,
+                    "pageSize": 20,
+                    "position": [
+                        "bottomRight"
+                    ],
+                    "pageSizeOptions": [
+                        "10",
+                        "20",
+                        "50",
+                        "100"
+                    ],
+                    "showQuickJumper": true,
+                    "showSizeChanger": true,
+                    "hideOnSinglePage": false
+                },
+                "tableWidth": "100%",
+                "childrenKey": "children",
+                "customClass": [],
+                "tableHeight": "300px",
+                "rowSelection": {
+                    "fixed": true,
+                    "onChange": "console.log(122222,selectedRowKeys, selectedRows)",
+                    "columnWidth": 32,
+                    "hasRowSelection": true,
+                    "preserveSelectedRowKeys": false
+                },
+                "tableColumns": [
+                    {
+                        "show": true,
+                        "align": "left",
+                        "fixed": "",
+                        "title": "供应商名称",
+                        "sorter": true,
+                        "columnId": 1763955694318,
+                        "ellipsis": true,
+                        "maxWidth": 1200,
+                        "minWidth": 50,
+                        "dataIndex": "supplierCompanyName",
+                        "resizable": true,
+                        "isAutoWidth": true,
+                        "customRender": "return this.$factoryRender('createLink',{\n    text: scope.row.supplierCompanyName,\n    color: '#ff00ff'\n})",
+                        "showSorterTooltip": false
+                    },
+                    {
+                        "show": true,
+                        "align": "left",
+                        "fixed": "",
+                        "title": "是否线上供应商",
+                        "sorter": false,
+                        "columnId": 1763977677104,
+                        "maxWidth": 1200,
+                        "minWidth": 50,
+                        "dataIndex": "bingFlagName",
+                        "resizable": true,
+                        "isAutoWidth": true,
+                        "customRender": "return this.$factoryRender('createLink',{\n    text: scope.row.bingFlagName,\n    color: 'red'\n})",
+                        "showSorterTooltip": false
+                    },
+                    {
+                        "show": true,
+                        "align": "left",
+                        "fixed": "",
+                        "title": "统一社会信用代码",
+                        "sorter": false,
+                        "columnId": 1763977727393,
+                        "ellipsis": true,
+                        "maxWidth": 1200,
+                        "minWidth": 50,
+                        "dataIndex": "unifiedSocialCode",
+                        "resizable": true,
+                        "isAutoWidth": true,
+                        "customRender": "",
+                        "showSorterTooltip": false
+                    },
+                    {
+                        "show": true,
+                        "align": "left",
+                        "fixed": "",
+                        "title": "创建人",
+                        "sorter": false,
+                        "columnId": 1763977838471,
+                        "maxWidth": 1200,
+                        "minWidth": 50,
+                        "dataIndex": "createUserName",
+                        "resizable": true,
+                        "isAutoWidth": true,
+                        "customRender": "",
+                        "showSorterTooltip": false
+                    },
+                    {
+                        "show": true,
+                        "align": "left",
+                        "fixed": "",
+                        "title": "code",
+                        "sorter": false,
+                        "columnId": 1764041934922,
+                        "maxWidth": 1200,
+                        "minWidth": 50,
+                        "dataIndex": "code",
+                        "resizable": true,
+                        "isAutoWidth": true,
+                        "customRender": "return this.$factoryRender('FormItemInput',{\n    fieldName: this.field.options.name,\n    scope\n})",
+                        "showSorterTooltip": false
+                    }
+                ],
+                "onTableChange": "",
+                "showPagination": true,
+                "dataHandlerCode": "",
+                "operationButtons": [
+                    {
+                        "icon": "icon-Renewal",
+                        "name": "detail",
+                        "size": "small",
+                        "type": "link",
+                        "label": "详情",
+                        "shape": "default",
+                        "hidden": false,
+                        "onClick": "alert(scope)",
+                        "disabled": false
+                    }
+                ],
+                "showButtonsColumn": false,
+                "buttonsColumnFixed": "right",
+                "buttonsColumnTitle": "操作",
+                "buttonsColumnWidth": 201,
+                "dataReqHandlerCode": "data.data = {\n    \"pageCode\": \"SupplierCompany\",\n    \"conditions\": [],\n    \"requiredFields\": [\n        \"code\",\n        \"supplierCompanyName\",\n        \"bingFlagName\",\n        \"enterpriseLandline\",\n        \"unifiedSocialCode\",\n        \"taxRegistrationNumber\",\n        \"legalRepName\",\n        \"enterpriseEmail\",\n        \"primaryContact\",\n        \"establishmentDatetime\",\n        \"operatingPeriodStart\",\n        \"operatingPeriodEnd\",\n        \"registeredCapital\",\n        \"createDatetime\",\n        \"modifyDatetime\",\n        \"modifyUserName\",\n        \"createUserName\"\n    ],\n    \"page\": 1,\n    \"pageSize\": 200,\n    \"sorts\": [\n        {\n            \"fieldCode\": \"createDatetime\",\n            \"order\": \"DESC\"\n        }\n    ]\n}\n\nreturn data",
+                "onHideOperationButton": "",
+                "onOperationButtonClick": "",
+                "onDisableOperationButton": "return true"
+            },
+            "category": "container",
+            "widgetList": []
+        },
+        {
+            "id": "tree86303",
+            "key": "ktb5p8d",
+            "icon": "tree_line",
+            "type": "tree",
+            "options": {
+                "http": {
+                    "url": "/api/tmgc2-query/dataQuery/execute",
+                    "data": {},
+                    "method": "post",
+                    "params": {}
+                },
+                "name": "tree86303",
+                "label": "tree",
+                "hidden": false,
+                "onCheck": "",
+                "labelKey": "label",
+                "multiple": false,
+                "onExpand": "",
+                "onSelect": "",
+                "showIcon": false,
+                "showLine": false,
+                "treeData": [
+                    {
+                        "label": "321321321",
+                        "value": 112
+                    }
+                ],
+                "valueKey": "value",
+                "checkable": true,
+                "dsEnabled": false,
+                "onCreated": "",
+                "onMounted": "",
+                "holdHidden": true,
+                "labelAlign": "",
+                "labelWidth": null,
+                "childrenKey": "children",
+                "columnWidth": "200px",
+                "labelHidden": false,
+                "autoExpandParent": true,
+                "defaultExpandAll": false
+            },
+            "formItemFlag": true
+        },
+        {
+            "id": "input51669",
+            "key": "k2nx3bj",
+            "icon": "text-field",
+            "type": "input",
+            "options": {
+                "name": "input51669",
+                "size": "",
+                "type": "text",
+                "label": "input",
+                "hidden": false,
+                "onBlur": "",
+                "onFocus": "",
+                "onInput": "",
+                "disabled": false,
+                "onChange": "",
+                "readonly": false,
+                "required": false,
+                "useModal": false,
+                "maxLength": null,
+                "onCreated": "",
+                "onMounted": "",
+                "showCount": false,
+                "allowClear": true,
+                "holdHidden": true,
+                "labelAlign": "",
+                "labelWidth": null,
+                "onValidate": "",
+                "validation": "",
+                "columnWidth": "200px",
+                "customClass": [],
+                "labelHidden": false,
+                "onClickIcon": "",
+                "placeholder": "",
+                "defaultValue": "",
+                "requiredHint": "",
+                "validationHint": ""
+            },
+            "formItemFlag": true
+        },
+        {
+            "id": "textarea51067",
+            "key": "kg9lml1",
+            "icon": "textarea-field",
+            "type": "textarea",
+            "options": {
+                "name": "textarea51067",
+                "rows": 3,
+                "size": "",
+                "label": "textarea",
+                "hidden": false,
+                "onBlur": "",
+                "onFocus": "",
+                "onInput": "",
+                "disabled": false,
+                "onChange": "",
+                "readonly": false,
+                "required": false,
+                "maxLength": null,
+                "onCreated": "",
+                "onMounted": "",
+                "showCount": false,
+                "allowClear": true,
+                "holdHidden": true,
+                "labelAlign": "",
+                "labelWidth": null,
+                "onValidate": "",
+                "validation": "",
+                "columnWidth": "200px",
+                "customClass": [],
+                "labelHidden": false,
+                "placeholder": "",
+                "defaultValue": "",
+                "requiredHint": "",
+                "labelIconClass": null,
+                "validationHint": "",
+                "labelIconPosition": "rear"
+            },
+            "formItemFlag": true
+        }
+    ],
+    "formConfig": {
+        "labelWidth": 80,
+        "labelPosition": "horizontal",
+        "size": "",
+        "labelAlign": "right",
+        "cssCode": "",
+        "customClass": [],
+        "okButtonLabel": "",
+        "isEnterSubmit": 0,
+        "okButtonHidden": 1,
+        "cancelButtonHidden": 1,
+        "cancelButtonLabel": "",
+        "functions": "",
+        "layoutType": "PC",
+        "onFormCreated": "",
+        "onFormMounted": "\n    if(!this.vfCtx) return\n    if(!this.vfCtx._id) return\n    const type = this.vfCtx.type\n    this.setReadMode(type==='view')\n    this.onFormDetail().then(res=>{\n      this.setFormData({...res})\n    })\n    ",
+        "onFormDataChange": "",
+        "onOkButtonClick": "\n            this.getFormRef().onFormUpdate().then(()=>{\n                this.$message.success('保存成功！');\n            })\n        ",
+        "onCancelButtonClick": "",
+        "serveList": {
+            "list": [],
+            "vformDetail": {
+                "http": {
+                    "url": "/api/tmgc2-mgt/formDefinition/LowcodeReview/evaluate/formLoad",
+                    "data": {
+                        "_id": "${_id}"
+                    },
+                    "method": "post",
+                    "params": {}
+                },
+                "dataHandlerCode": "return data.data.object||{}",
+                "dataReqHandlerCode": "const d=data.data||{};\n Object.keys(d).forEach(k=>{\n if(d[k]==='null'){\n d[k]=null\n }\n })\nreturn {...data,data:d}"
+            },
+            "vformUpdate": {
+                "http": {
+                    "url": "/api/tmgc2-mgt/formDefinition/LowcodeReview/evaluate/formSubmit",
+                    "data": {
+                        "_id": "${_id}"
+                    },
+                    "method": "post",
+                    "params": {}
+                },
+                "dataHandlerCode": "",
+                "dataReqHandlerCode": "const d=data.data||{};\n Object.keys(d).forEach(k=>{\n if(d[k]==='null'){\n d[k]=null\n }\n })\nreturn {...data,data:d}"
+            }
+        }
+    }
+}

package/types/install.d.ts

@@ -1,12 +1,9 @@
 import { App } from 'vue';
 import { AxiosInstance } from 'axios';
-export { addContainerWidgetSchema, addBasicFieldSchema, addAdvancedFieldSchema, addCustomWidgetSchema } from './src/components/form-designer/widget-panel/widgetsConfig';
 export { basicFieldsEnums } from './src/components/form-designer/widget-panel/basicFieldsEnums';
 export { default as VFormDesigner } from './src/components/form-designer/index.vue';
-export { default as VFormRender } from './src/components/form-render/index.vue';
 export { default as SubmitButtonRender } from './src/components/form-render/SubmitButtonRender.vue';
-export { default as emitter } from './src/utils/emitter';
-export { useLowcode } from './src/hooks/useLowcode';
+export { useLowcode, VFormRender } from './src/hooks/useLowcode';
 interface RegisterLowcodeCoreParams {
     app: App;
     http: AxiosInstance;