@kp-ui/lowcode 1.0.25 → 1.0.27

package/src/components/form-designer/widget-panel/business/department-select.js

@@ -0,0 +1,78 @@
+import { getUuidKey } from "../../../../utils/util.js";
+const departmentSelect = (ops = {}) => {
+  return {
+    key: getUuidKey(),
+    id: ops.name,
+    showName: "选择部门",
+    type: "select",
+    icon: "bumen",
+    formItemFlag: true,
+    options: {
+      name: "",
+      label: "选择部门",
+      labelAlign: "",
+      defaultValue: "",
+      placeholder: "",
+      columnWidth: "200px",
+      size: "",
+      labelWidth: null,
+      labelHidden: false,
+      disabled: false,
+      useModal: false,
+      loadingPage: true,
+      hidden: false,
+      holdHidden: true,
+      allowClear: true,
+      maxTagCount: "responsive",
+      mode: "combobox",
+      showSearch: true,
+      dsEnabled: true,
+      labelKey: "departmentName",
+      valueKey: "departmentCode",
+      optionItems: [
+        { label: "select 1", value: "1" },
+        { label: "select 2", value: "2" },
+        { label: "select 3", value: "3" }
+      ],
+      http: {
+        url: "/api/tmgc2-org/department/getDepartmentList",
+        method: "post",
+        data: {},
+        params: {}
+      },
+      dataHandlerCode: "return data.data.object;\n ",
+      dataReqHandlerCode: `
+      const d=data.data||{};
+      Object.keys(d).forEach(k=>{
+        if(d[k]==='null'){
+          d[k]=null
+        }
+        });
+        const departmentName = this.keyword||'';
+        const {page,pageSize} =this.pager ;
+        const p = {departmentName,page,pageSize} ;
+
+        return {...data,data:{...d,...p}}
+        `,
+      required: false,
+      requiredHint: "",
+      validation: "",
+      validationHint: "",
+      customClass: [],
+      labelIconClass: null,
+      labelIconPosition: "rear",
+      labelTooltip: null,
+      onCreated: "",
+      onMounted: "",
+      onChange: "",
+      onFocus: "",
+      onBlur: "",
+      onValidate: "",
+      onClickIcon: 'console.log(this,"onClickIcon")',
+      ...ops
+    }
+  };
+};
+export {
+  departmentSelect
+};

package/src/components/form-designer/widget-panel/business/index.js

@@ -0,0 +1,16 @@
+import { userSelect } from "./user-select.js";
+import { departmentSelect } from "./department-select.js";
+import { postSelect } from "./post-select.js";
+import { operationSelect } from "./operation-select.js";
+import { materialSelect } from "./material-select.js";
+import { projectSelect } from "./project-select.js";
+import { projectGroupSelect } from "./project-group-select.js";
+export {
+  departmentSelect,
+  materialSelect,
+  operationSelect,
+  postSelect,
+  projectGroupSelect,
+  projectSelect,
+  userSelect
+};

package/src/components/form-designer/widget-panel/business/material-select.js

@@ -0,0 +1,80 @@
+import { getUuidKey } from "../../../../utils/util.js";
+const materialSelect = (ops = {}) => {
+  return {
+    key: getUuidKey(),
+    id: ops.name,
+    showName: "选择物料",
+    type: "select",
+    icon: "navicon-wlpp",
+    formItemFlag: true,
+    options: {
+      name: "",
+      label: "选择物料",
+      labelAlign: "",
+      defaultValue: "",
+      placeholder: "",
+      columnWidth: "200px",
+      size: "",
+      labelWidth: null,
+      labelHidden: false,
+      disabled: false,
+      useModal: false,
+      loadingPage: true,
+      hidden: false,
+      holdHidden: true,
+      allowClear: true,
+      maxTagCount: "responsive",
+      mode: "combobox",
+      showSearch: true,
+      dsEnabled: true,
+      labelKey: "materialName",
+      valueKey: "materialCode",
+      optionItems: [
+        { label: "select 1", value: "1" },
+        { label: "select 2", value: "2" },
+        { label: "select 3", value: "3" }
+      ],
+      http: {
+        url: "/api/tmgc2-material/material/queryMaterialListByPage-v2",
+        method: "post",
+        data: {},
+        params: {}
+      },
+      dataHandlerCode: "return data.data.object;\n ",
+      dataReqHandlerCode: `
+        const materialName = this.keyword||'';
+        const {page,pageSize} =this.pager ;
+        const p = {
+          "pageCode":"Material",
+          "conditions":[
+            {"fieldCode":"materialName","type":"CONTAINS","value":materialName}
+          ],
+          "requiredFields":["materialName","materialCode"],
+          "page":page,
+          "pageSize":pageSize,
+          "sorts":[{"fieldCode":"modifyDatetime","order":"DESC"}]
+        }
+        return {...data,data:{...p}}
+        `,
+      required: false,
+      requiredHint: "",
+      validation: "",
+      validationHint: "",
+      customClass: [],
+      labelIconClass: null,
+      labelIconPosition: "rear",
+      labelTooltip: null,
+      onCreated: "",
+      onMounted: "",
+      onChange: "",
+      onFocus: "",
+      onBlur: "",
+      onValidate: "",
+      onClickIcon: 'console.log(this,"onClickIcon")',
+      ...ops
+    }
+  };
+};
+export {
+  materialSelect
+};

package/src/components/form-designer/widget-panel/business/operation-select.js

@@ -0,0 +1,80 @@
+import { getUuidKey } from "../../../../utils/util.js";
+const operationSelect = (ops = {}) => {
+  return {
+    key: getUuidKey(),
+    id: ops.name,
+    showName: "选择工序",
+    type: "select",
+    icon: "gongxu",
+    formItemFlag: true,
+    options: {
+      name: "",
+      label: "选择工序",
+      labelAlign: "",
+      defaultValue: "",
+      placeholder: "",
+      columnWidth: "200px",
+      size: "",
+      labelWidth: null,
+      labelHidden: false,
+      disabled: false,
+      useModal: false,
+      loadingPage: true,
+      hidden: false,
+      holdHidden: true,
+      allowClear: true,
+      maxTagCount: "responsive",
+      mode: "combobox",
+      showSearch: true,
+      dsEnabled: true,
+      labelKey: "operationName",
+      valueKey: "operationCode",
+      optionItems: [
+        { label: "select 1", value: "1" },
+        { label: "select 2", value: "2" },
+        { label: "select 3", value: "3" }
+      ],
+      http: {
+        url: "/api/tmgc2-query/dataQuery/execute",
+        method: "post",
+        data: {},
+        params: {}
+      },
+      dataHandlerCode: "return data.data.object;\n ",
+      dataReqHandlerCode: `
+        const operationName = this.keyword||'';
+        const {page,pageSize} =this.pager ;
+        const p = {
+          "pageCode":"OperationInfo",
+          "conditions":[
+            {"fieldCode":"operationName","type":"CONTAINS","value":operationName}
+          ],
+          "requiredFields":["operationCode","operationName"],
+          "page":page,
+          "pageSize":pageSize,
+          "sorts":[{"fieldCode":"createDatetime","order":"DESC"}]
+        }
+        return {...data,data:{...p}}
+        `,
+      required: false,
+      requiredHint: "",
+      validation: "",
+      validationHint: "",
+      customClass: [],
+      labelIconClass: null,
+      labelIconPosition: "rear",
+      labelTooltip: null,
+      onCreated: "",
+      onMounted: "",
+      onChange: "",
+      onFocus: "",
+      onBlur: "",
+      onValidate: "",
+      onClickIcon: 'console.log(this,"onClickIcon")',
+      ...ops
+    }
+  };
+};
+export {
+  operationSelect
+};

package/src/components/form-designer/widget-panel/business/post-select.js

@@ -0,0 +1,77 @@
+import { getUuidKey } from "../../../../utils/util.js";
+const postSelect = (ops = {}) => {
+  return {
+    key: getUuidKey(),
+    id: ops.name,
+    showName: "选择岗位",
+    type: "select",
+    icon: "gangweitubiao",
+    formItemFlag: true,
+    options: {
+      name: "",
+      label: "选择岗位",
+      labelAlign: "",
+      defaultValue: "",
+      placeholder: "",
+      columnWidth: "200px",
+      size: "",
+      labelWidth: null,
+      labelHidden: false,
+      disabled: false,
+      useModal: false,
+      loadingPage: true,
+      hidden: false,
+      holdHidden: true,
+      allowClear: true,
+      maxTagCount: "responsive",
+      mode: "combobox",
+      showSearch: true,
+      dsEnabled: true,
+      labelKey: "postName",
+      valueKey: "postCode",
+      optionItems: [
+        { label: "select 1", value: "1" },
+        { label: "select 2", value: "2" },
+        { label: "select 3", value: "3" }
+      ],
+      http: {
+        url: "/api/tmgc2-org/post/getPostList",
+        method: "post",
+        data: { lockFlag: "" },
+        params: {}
+      },
+      dataHandlerCode: "return data.data.object;\n ",
+      dataReqHandlerCode: `
+      const d=data.data||{};
+      Object.keys(d).forEach(k=>{
+        if(d[k]==='null'){
+          d[k]=null
+        }
+        });
+        const postName = this.keyword||'';
+        const {page,pageSize} =this.pager ;
+        const p = {postName,page,pageSize} ;
+        return {...data,data:{...d,...p}}
+        `,
+      required: false,
+      requiredHint: "",
+      validation: "",
+      validationHint: "",
+      customClass: [],
+      labelIconClass: null,
+      labelIconPosition: "rear",
+      labelTooltip: null,
+      onCreated: "",
+      onMounted: "",
+      onChange: "",
+      onFocus: "",
+      onBlur: "",
+      onValidate: "",
+      onClickIcon: 'console.log(this,"onClickIcon")',
+      ...ops
+    }
+  };
+};
+export {
+  postSelect
+};

package/src/components/form-designer/widget-panel/business/project-group-select.js

@@ -0,0 +1,80 @@
+import { getUuidKey } from "../../../../utils/util.js";
+const projectGroupSelect = (ops = {}) => {
+  return {
+    key: getUuidKey(),
+    id: ops.name,
+    showName: "选择项目组",
+    type: "select",
+    icon: "changyongtubiao_xiangmuzushezhi",
+    formItemFlag: true,
+    options: {
+      name: "",
+      label: "选择项目组",
+      labelAlign: "",
+      defaultValue: "",
+      placeholder: "",
+      columnWidth: "200px",
+      size: "",
+      labelWidth: null,
+      labelHidden: false,
+      disabled: false,
+      useModal: false,
+      loadingPage: true,
+      hidden: false,
+      holdHidden: true,
+      allowClear: true,
+      maxTagCount: "responsive",
+      mode: "combobox",
+      showSearch: true,
+      dsEnabled: true,
+      labelKey: "projectGroupName",
+      valueKey: "projectGroupCode",
+      optionItems: [
+        { label: "select 1", value: "1" },
+        { label: "select 2", value: "2" },
+        { label: "select 3", value: "3" }
+      ],
+      http: {
+        url: "/api/tmgc2-query/dataQuery/execute",
+        method: "post",
+        data: {},
+        params: {}
+      },
+      dataHandlerCode: "return data.data.object;\n ",
+      dataReqHandlerCode: `
+        const projectGroupName = this.keyword||'';
+        const {page,pageSize} =this.pager ;
+        const p = {
+          "pageCode":"projectGroup",
+          "conditions":[
+            {"fieldCode":"projectGroupName","type":"CONTAINS","value":projectGroupName}
+          ],
+          "requiredFields":["projectGroupCode","projectGroupName"],
+          "page":page,
+          "pageSize":pageSize,
+          "sorts":[]
+        }
+        return {...data,data:{...p}}
+        `,
+      required: false,
+      requiredHint: "",
+      validation: "",
+      validationHint: "",
+      customClass: [],
+      labelIconClass: null,
+      labelIconPosition: "rear",
+      labelTooltip: null,
+      onCreated: "",
+      onMounted: "",
+      onChange: "",
+      onFocus: "",
+      onBlur: "",
+      onValidate: "",
+      onClickIcon: 'console.log(this,"onClickIcon")',
+      ...ops
+    }
+  };
+};
+export {
+  projectGroupSelect
+};

package/src/components/form-designer/widget-panel/business/project-select.js

@@ -0,0 +1,76 @@
+import { getUuidKey } from "../../../../utils/util.js";
+const projectSelect = (ops = {}) => {
+  return {
+    key: getUuidKey(),
+    id: ops.name,
+    showName: "选择项目",
+    type: "select",
+    icon: "xiangmu",
+    formItemFlag: true,
+    options: {
+      name: "",
+      label: "选择项目",
+      labelAlign: "",
+      defaultValue: "",
+      placeholder: "",
+      columnWidth: "200px",
+      size: "",
+      labelWidth: null,
+      labelHidden: false,
+      disabled: false,
+      useModal: false,
+      loadingPage: true,
+      hidden: false,
+      holdHidden: true,
+      allowClear: true,
+      maxTagCount: "responsive",
+      mode: "combobox",
+      showSearch: true,
+      dsEnabled: true,
+      labelKey: "projectName",
+      valueKey: "projectCode",
+      optionItems: [
+        { label: "select 1", value: "1" },
+        { label: "select 2", value: "2" },
+        { label: "select 3", value: "3" }
+      ],
+      http: {
+        url: "/api/tmgc2-production/project/queryPopProjectListByPage",
+        method: "post",
+        data: {},
+        params: {}
+      },
+      dataHandlerCode: "return data.data.object;\n ",
+      dataReqHandlerCode: `
+        const projectName = this.keyword||'';
+        const {page,pageSize} =this.pager ;
+        const p = {
+          "forbidden": "1",
+          "projectName":projectName,
+          "page":page,
+          "pageSize":pageSize
+        }
+        return {...data,data:{...p}}
+        `,
+      required: false,
+      requiredHint: "",
+      validation: "",
+      validationHint: "",
+      customClass: [],
+      labelIconClass: null,
+      labelIconPosition: "rear",
+      labelTooltip: null,
+      onCreated: "",
+      onMounted: "",
+      onChange: "",
+      onFocus: "",
+      onBlur: "",
+      onValidate: "",
+      onClickIcon: 'console.log(this,"onClickIcon")',
+      ...ops
+    }
+  };
+};
+export {
+  projectSelect
+};

package/src/components/form-designer/widget-panel/business/user-select.js

@@ -0,0 +1,81 @@
+import { getUuidKey } from "../../../../utils/util.js";
+const userSelect = (ops = {}) => {
+  return {
+    key: getUuidKey(),
+    id: ops.name,
+    showName: "选择用户",
+    type: "select",
+    icon: "yonghu1",
+    formItemFlag: true,
+    options: {
+      name: "",
+      label: "选择用户",
+      labelAlign: "",
+      defaultValue: "",
+      placeholder: "",
+      columnWidth: "200px",
+      size: "",
+      labelWidth: null,
+      labelHidden: false,
+      disabled: false,
+      useModal: false,
+      loadingPage: true,
+      hidden: false,
+      holdHidden: true,
+      allowClear: true,
+      maxTagCount: "responsive",
+      mode: "combobox",
+      showSearch: true,
+      dsEnabled: true,
+      labelKey: "userName",
+      valueKey: "userId",
+      optionItems: [
+        { label: "select 1", value: "1" },
+        { label: "select 2", value: "2" },
+        { label: "select 3", value: "3" }
+      ],
+      http: {
+        url: "/api/tmgc2-org/user/queryUserPageByParam",
+        method: "post",
+        data: {
+          limitStatus: 0,
+          lockFlag: 1
+        },
+        params: {}
+      },
+      dataHandlerCode: "return data.data.object;\n ",
+      dataReqHandlerCode: `
+      const d=data.data||{};
+      Object.keys(d).forEach(k=>{
+        if(d[k]==='null'){
+          d[k]=null
+        }
+        });
+        const userName = this.keyword||'';
+        const {page,pageSize} =this.pager ;
+        const p = {userName,page,pageSize} ;
+
+        return {...data,data:{...d,...p}}
+        `,
+      required: false,
+      requiredHint: "",
+      validation: "",
+      validationHint: "",
+      customClass: [],
+      labelIconClass: null,
+      labelIconPosition: "rear",
+      labelTooltip: null,
+      onCreated: "",
+      onMounted: "",
+      onChange: "",
+      onFocus: "",
+      onBlur: "",
+      onValidate: "",
+      onClickIcon: 'console.log(this,"onClickIcon")',
+      ...ops
+    }
+  };
+};
+export {
+  userSelect
+};

package/src/components/form-designer/widget-panel/containers/data-table.js

@@ -0,0 +1,104 @@
+import { getUuidKey } from "../../../../utils/util.js";
+const dataTable = (ops = {}) => {
+  return {
+    key: getUuidKey(),
+    type: "data-table",
+    category: "container",
+    icon: "data-table",
+    widgetList: [],
+    options: {
+      name: "",
+      label: "data-table",
+      hidden: false,
+      tableHeight: "300px",
+      tableWidth: "100%",
+      customClass: [],
+      showIndex: false,
+      showPagination: true,
+      border: true,
+      tableSize: "small",
+      tableColumns: [
+        {
+          columnId: 1,
+          dataIndex: "name",
+          title: "姓名",
+          width: 150,
+          show: true,
+          align: "center",
+          fixed: "",
+          sorter: false,
+          customRender: "",
+          ellipsis: true,
+          resizable: true,
+          showSorterTooltip: false
+        }
+      ],
+      showButtonsColumn: false,
+      buttonsColumnTitle: "操作",
+      buttonsColumnWidth: 200,
+      operationButtons: [
+        {
+          name: "detail",
+          label: "详情",
+          type: "link",
+          shape: "default",
+          size: "small",
+          hidden: false,
+          disabled: false,
+          onClick: ""
+        }
+      ],
+      dsEnabled: false,
+      http: {
+        url: "",
+        method: "get",
+        data: {},
+        params: {}
+      },
+      dataReqHandlerCode: "",
+      dataHandlerCode: "",
+      rowKey: "name",
+      childrenKey: "children",
+      dataSource: [
+        {
+          date: "2016-05-02",
+          date2: "2016-05-02 23:12:12",
+          date3: "2016-05-02 9:11:12",
+          name: "小二",
+          add: "上海市普陀区金沙江路 1518 弄",
+          age: 100
+        }
+      ],
+      onCreated: "",
+      onMounted: "",
+      onHideOperationButton: "",
+      onDisableOperationButton: "",
+      onOperationButtonClick: "",
+      customRow: { onClick: "", onDblclick: "", onMouseenter: "", onMouseleave: "" },
+      onTableChange: "",
+      pagination: {
+        pageSizeOptions: ["10", "20", "50", "100"],
+        current: 1,
+        hideOnSinglePage: false,
+        pageSize: 20,
+        total: 0,
+        showQuickJumper: true,
+        showSizeChanger: true,
+        position: ["bottomRight"],
+        showTotal: (total) => `共 ${total} 条`
+      },
+      colorRow: true,
+      rowSelection: {
+        hasRowSelection: false,
+        preserveSelectedRowKeys: false,
+        fixed: true,
+        onChange: "console.log(122222,selectedRowKeys, selectedRows)",
+        columnWidth: 100
+      },
+      ...ops
+    }
+  };
+};
+export {
+  dataTable
+};

package/src/components/form-designer/widget-panel/containers/grid-col.js

@@ -0,0 +1,28 @@
+import { getUuidKey } from "../../../../utils/util.js";
+const gridCol = (ops = {}) => {
+  return {
+    key: getUuidKey(),
+    type: "grid-col",
+    category: "container",
+    icon: "grid-col",
+    internal: true,
+    widgetList: [],
+    options: {
+      name: "",
+      hidden: false,
+      span: 12,
+      offset: 0,
+      push: 0,
+      pull: 0,
+      responsive: false,
+      md: 12,
+      sm: 12,
+      xs: 12,
+      customClass: [],
+      ...ops
+    }
+  };
+};
+export {
+  gridCol
+};