@kp-ui/lowcode 2.13.1 → 2.14.0-alpha

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

@@ -0,0 +1,109 @@
+import { getUuidKey as a } from "@kp-ui/tool";
+const l = (t = {}) => ({
+  key: a(),
+  type: "data-table",
+  category: "container",
+  icon: "data-table",
+  widgetList: [],
+  options: {
+    name: "",
+    label: "data-table",
+    hidden: !1,
+    tableHeight: "300px",
+    tableWidth: "100%",
+    lineHeight: 50,
+    customClass: [],
+    showIndex: !1,
+    showPagination: !0,
+    border: !1,
+    tableSize: "small",
+    virtual: !1,
+    tableColumns: [
+      {
+        columnId: 1,
+        dataIndex: "name",
+        title: "姓名",
+        width: 150,
+        show: !0,
+        align: "center",
+        fixed: "",
+        sorter: !1,
+        customRender: "",
+        ellipsis: !0,
+        resizable: !0,
+        showSorterTooltip: !1
+      }
+    ],
+    showButtonsColumn: !1,
+    buttonsColumnTitle: "操作",
+    buttonsColumnWidth: 200,
+    operationButtons: [
+      {
+        name: "detail",
+        label: "详情",
+        type: "link",
+        shape: "default",
+        size: "small",
+        hidden: !1,
+        disabled: !1,
+        onClick: ""
+      }
+    ],
+    dsEnabled: !1,
+    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: !1,
+      pageSize: 20,
+      total: 0,
+      showQuickJumper: !0,
+      showSizeChanger: !0,
+      position: ["bottomRight"],
+      showTotal: (e) => `共 ${e} 条`
+    },
+    colorRow: !0,
+    rowSelection: {
+      hasRowSelection: !1,
+      preserveSelectedRowKeys: !1,
+      fixed: !0,
+      onChange: "console.log(122222,selectedRowKeys, selectedRows)",
+      columnWidth: 100,
+      getCheckboxProps: (e) => ({
+        disabled: e.name === "Disabled User",
+        // Column configuration not to be checked
+        name: e.name
+      })
+    },
+    ...t
+  }
+});
+export {
+  l as dataTable
+};

package/src/components/form-designer/widget-panel/advanced/diy-compontent.js

@@ -0,0 +1,26 @@
+import { getUuidKey as t } from "@kp-ui/tool";
+const d = (e = {}) => ({
+  key: t(),
+  id: e.name,
+  type: "diy-compontent",
+  icon: "text-field",
+  formItemFlag: !0,
+  options: {
+    name: "",
+    label: "",
+    hidden: !1,
+    holdHidden: !0,
+    labelAlign: "",
+    labelWidth: null,
+    labelHidden: !1,
+    customRender: `return this.$factoryRender('',{
+
+})`,
+    onCreated: "",
+    onMounted: "",
+    ...e
+  }
+});
+export {
+  d as diyCompontent
+};

package/src/components/form-designer/widget-panel/advanced/file-upload.js

@@ -0,0 +1,38 @@
+const e = (l = {}) => ({
+  type: "file-upload",
+  icon: "file-upload-field",
+  formItemFlag: !0,
+  id: l.name,
+  options: {
+    name: "",
+    label: "",
+    labelAlign: "",
+    labelWidth: null,
+    labelHidden: !1,
+    columnWidth: "200px",
+    multiple: !1,
+    uploadListType: "picture-card",
+    accept: [".xls", ".xlsx", ".pdf", ".png", ".jpg"],
+    maxSize: 10,
+    disabled: !1,
+    hidden: !1,
+    required: !1,
+    requiredHint: "",
+    validation: "",
+    validationHint: "",
+    showFileList: !0,
+    limit: 1,
+    customClass: [],
+    labelIconClass: null,
+    labelIconPosition: "rear",
+    labelTooltip: null,
+    onCreated: "",
+    onMounted: "",
+    onBeforeUpload: "",
+    onValidate: "",
+    ...l
+  }
+});
+export {
+  e as fileUpload
+};

package/src/components/form-designer/widget-panel/advanced/rich-editor.js

@@ -0,0 +1,35 @@
+const e = (l = {}) => ({
+  type: "rich-editor",
+  icon: "rich-editor-field",
+  id: l.name,
+  formItemFlag: !0,
+  options: {
+    name: "",
+    label: "",
+    labelAlign: "",
+    placeholder: "",
+    labelWidth: null,
+    labelHidden: !1,
+    columnWidth: "200px",
+    contentHeight: "200px",
+    disabled: !1,
+    hidden: !1,
+    required: !1,
+    requiredHint: "",
+    validation: "",
+    validationHint: "",
+    customClass: [],
+    labelIconClass: null,
+    labelIconPosition: "rear",
+    labelTooltip: null,
+    maxLength: null,
+    showCount: !1,
+    onCreated: "",
+    onMounted: "",
+    onValidate: "",
+    ...l
+  }
+});
+export {
+  e as richEditor
+};

package/src/components/form-designer/widget-panel/advanced/tree-select.js

@@ -0,0 +1,67 @@
+import { getUuidKey as l } from "@kp-ui/tool";
+const t = (e = {}) => ({
+  key: l(),
+  type: "treeSelect",
+  icon: "tree_line",
+  id: e.name,
+  formItemFlag: !0,
+  options: {
+    name: "",
+    label: "",
+    labelAlign: "",
+    defaultValue: "",
+    placeholder: "",
+    size: "",
+    labelWidth: null,
+    labelHidden: !1,
+    columnWidth: "200px",
+    disabled: !1,
+    hidden: !1,
+    holdHidden: !0,
+    allowClear: !0,
+    multiple: !1,
+    treeDefaultExpandAll: !1,
+    dsEnabled: !0,
+    labelKey: "label",
+    valueKey: "value",
+    childrenKey: "children",
+    http: {
+      url: "",
+      method: "get",
+      data: {},
+      params: {}
+    },
+    optionItems: [
+      { label: "select 1", value: "1", children: [{ label: "child 1", value: 11 }] },
+      { label: "select 2", value: "2" },
+      { label: "select 3", value: "3" }
+    ],
+    dataHandlerCode: `return data.data;
+ `,
+    dataReqHandlerCode: `const d=data.data||{};
+ Object.keys(d).forEach(k=>{
+ if(d[k]==='null'){
+ d[k]=null
+ }
+ })
+return {...data,data:d}`,
+    required: !1,
+    requiredHint: "",
+    validation: "",
+    validationHint: "",
+    customClass: [],
+    labelIconClass: null,
+    labelIconPosition: "rear",
+    labelTooltip: null,
+    onCreated: "",
+    onMounted: "",
+    onChange: "",
+    onFocus: "",
+    onBlur: "",
+    onValidate: "",
+    ...e
+  }
+});
+export {
+  t as treeSelect
+};

package/src/components/form-designer/widget-panel/advanced/tree.js

@@ -0,0 +1,43 @@
+import { getUuidKey as l } from "@kp-ui/tool";
+const t = (e = {}) => ({
+  key: l(),
+  type: "tree",
+  icon: "tree_line",
+  id: e.name,
+  formItemFlag: !0,
+  options: {
+    name: "",
+    label: "",
+    labelAlign: "",
+    labelWidth: null,
+    labelHidden: !1,
+    columnWidth: "200px",
+    hidden: !1,
+    holdHidden: !0,
+    multiple: !1,
+    labelKey: "label",
+    valueKey: "value",
+    childrenKey: "children",
+    showLine: !1,
+    showIcon: !1,
+    defaultExpandAll: !1,
+    autoExpandParent: !0,
+    treeData: [],
+    http: {
+      url: "/api/tmgc2-query/dataQuery/execute",
+      method: "post",
+      data: {},
+      params: {}
+    },
+    checkable: !0,
+    onCreated: "",
+    onMounted: "",
+    onCheck: "",
+    onSelect: "",
+    onExpand: "",
+    ...e
+  }
+});
+export {
+  t as tree
+};

package/src/components/form-designer/widget-panel/advancedFieldsEnums.js

@@ -0,0 +1,23 @@
+import { cascader as o } from "./advanced/cascader.js";
+import { treeSelect as r } from "./advanced/tree-select.js";
+import { codeEditor as m } from "./advanced/code-editor.js";
+import { richEditor as t } from "./advanced/rich-editor.js";
+import { fileUpload as i } from "./advanced/file-upload.js";
+import { bpmnEditor as e } from "./advanced/bpmn-editor.js";
+import { diyCompontent as p } from "./advanced/diy-compontent.js";
+import { tree as d } from "./advanced/tree.js";
+import { dataTable as f } from "./advanced/data-table.js";
+const v = {
+  dataTable: f,
+  cascader: o,
+  tree: d,
+  treeSelect: r,
+  richEditor: t,
+  codeEditor: m,
+  fileUpload: i,
+  bpmnEditor: e,
+  diyCompontent: p
+};
+export {
+  v as advancedFieldsEnums
+};

package/src/components/form-designer/widget-panel/basicFields/button.js

@@ -0,0 +1,33 @@
+import { getUuidKey as t } from "@kp-ui/tool";
+const n = (e = {}) => ({
+  key: t(),
+  id: e.name,
+  type: "button",
+  icon: "button",
+  formItemFlag: !1,
+  options: {
+    name: "",
+    label: "",
+    size: "",
+    displayStyle: "block",
+    disabled: !1,
+    hidden: !1,
+    holdHidden: !0,
+    type: "primary",
+    shape: "",
+    danger: !1,
+    ghost: !1,
+    icon: null,
+    //-------------------
+    customClass: [],
+    //自定义css类名
+    //-------------------
+    onCreated: "",
+    onMounted: "",
+    onClick: "",
+    ...e
+  }
+});
+export {
+  n as button
+};

package/src/components/form-designer/widget-panel/basicFields/buttonList.js

@@ -0,0 +1,41 @@
+import { getUuidKey as t } from "@kp-ui/tool";
+const n = (e = {}) => ({
+  key: t(),
+  id: e.name,
+  type: "button-list",
+  icon: "text-field",
+  formItemFlag: !0,
+  options: {
+    name: "",
+    flex: "flex-start",
+    buttonList: [
+      {
+        name: "btn23966",
+        label: "new btn",
+        type: "primary",
+        size: "default",
+        shape: "default",
+        hidden: !1,
+        disabled: !1,
+        onClick: ""
+      },
+      {
+        name: "btn92762",
+        label: "new btn",
+        type: "primary",
+        size: "default",
+        shape: "default",
+        hidden: !1,
+        disabled: !1,
+        onClick: ""
+      }
+    ],
+    customClass: [],
+    buttonPosition: 0,
+    getContainer: ".addInfoLayout-footer .footerRight",
+    ...e
+  }
+});
+export {
+  n as buttonList
+};

package/src/components/form-designer/widget-panel/basicFields/checkbox.js

@@ -0,0 +1,62 @@
+import { getUuidKey as a } from "@kp-ui/tool";
+const t = (e = {}) => ({
+  key: a(),
+  id: e.name,
+  type: "checkbox",
+  icon: "checkbox-field",
+  formItemFlag: !0,
+  options: {
+    name: "",
+    label: "",
+    labelAlign: "",
+    defaultValue: [],
+    columnWidth: "200px",
+    size: "",
+    labelWidth: null,
+    labelHidden: !1,
+    disabled: !1,
+    hidden: !1,
+    holdHidden: !0,
+    labelKey: "label",
+    valueKey: "value",
+    optionItems: [
+      { label: "check 1", value: 1 },
+      { label: "check 2", value: 2 },
+      { label: "check 3", value: 3 }
+    ],
+    http: {
+      url: "",
+      method: "get",
+      data: {},
+      params: {}
+    },
+    dataHandlerCode: `return data.data;
+ `,
+    dataReqHandlerCode: `const d=data.data||{};
+ Object.keys(d).forEach(k=>{
+ if(d[k]==='null'){
+ d[k]=null
+ }
+ })
+return {...data,data:d}`,
+    required: !1,
+    requiredHint: "",
+    validation: "",
+    validationHint: "",
+    //-------------------
+    customClass: [],
+    //自定义css类名
+    labelIconClass: null,
+    labelIconPosition: "rear",
+    labelTooltip: null,
+    //-------------------
+    onCreated: "",
+    onMounted: "",
+    onChange: "",
+    onValidate: "",
+    ...e
+  }
+});
+export {
+  t as checkbox
+};

package/src/components/form-designer/widget-panel/basicFields/color.js

@@ -0,0 +1,40 @@
+import { getUuidKey as e } from "@kp-ui/tool";
+const a = (l = {}) => ({
+  key: e(),
+  id: l.name,
+  type: "color",
+  icon: "color-field",
+  formItemFlag: !0,
+  options: {
+    name: "",
+    label: "",
+    labelAlign: "",
+    defaultValue: null,
+    columnWidth: "200px",
+    size: "",
+    labelWidth: null,
+    labelHidden: !1,
+    disabled: !1,
+    hidden: !1,
+    holdHidden: !0,
+    required: !1,
+    requiredHint: "",
+    validation: "",
+    validationHint: "",
+    //-------------------
+    customClass: [],
+    //自定义css类名
+    labelIconClass: null,
+    labelIconPosition: "rear",
+    labelTooltip: null,
+    //-------------------
+    onCreated: "",
+    onMounted: "",
+    onChange: "",
+    onValidate: "",
+    ...l
+  }
+});
+export {
+  a as color
+};

package/src/components/form-designer/widget-panel/basicFields/date.js

@@ -0,0 +1,52 @@
+import { getUuidKey as l } from "@kp-ui/tool";
+const t = (e = {}) => ({
+  key: l(),
+  id: e.name,
+  type: "date",
+  icon: "date-field",
+  formItemFlag: !0,
+  options: {
+    name: "",
+    label: "",
+    labelAlign: "",
+    type: "date",
+    defaultValue: null,
+    placeholder: "",
+    columnWidth: "200px",
+    size: "",
+    autoFullWidth: !0,
+    labelWidth: null,
+    labelHidden: !1,
+    readonly: !1,
+    disabled: !1,
+    hidden: !1,
+    holdHidden: !0,
+    allowClear: !0,
+    showTime: !1,
+    format: "YYYY-MM-DD",
+    //日期显示格式
+    valueFormat: "YYYY-MM-DD",
+    //日期对象格式
+    required: !1,
+    requiredHint: "",
+    validation: "",
+    validationHint: "",
+    //-------------------
+    customClass: [],
+    //自定义css类名
+    labelIconClass: null,
+    labelIconPosition: "rear",
+    labelTooltip: null,
+    //-------------------
+    onCreated: "",
+    onMounted: "",
+    onChange: "",
+    onFocus: "",
+    onBlur: "",
+    onValidate: "",
+    ...e
+  }
+});
+export {
+  t as date
+};

package/src/components/form-designer/widget-panel/basicFields/dateRange.js

@@ -0,0 +1,52 @@
+import { getUuidKey as l } from "@kp-ui/tool";
+const n = (e = {}) => ({
+  key: l(),
+  id: e.name,
+  type: "date-range",
+  icon: "date-range-field",
+  formItemFlag: !0,
+  options: {
+    name: "",
+    label: "",
+    labelAlign: "",
+    defaultValue: null,
+    startPlaceholder: "",
+    endPlaceholder: "",
+    columnWidth: "200px",
+    size: "",
+    autoFullWidth: !0,
+    labelWidth: null,
+    labelHidden: !1,
+    readonly: !1,
+    disabled: !1,
+    hidden: !1,
+    holdHidden: !0,
+    allowClear: !0,
+    showTime: !1,
+    format: "YYYY-MM-DD",
+    //日期显示格式
+    valueFormat: "YYYY-MM-DD",
+    //日期对象格式
+    required: !1,
+    requiredHint: "",
+    validation: "",
+    validationHint: "",
+    //-------------------
+    customClass: [],
+    //自定义css类名
+    labelIconClass: null,
+    labelIconPosition: "rear",
+    labelTooltip: null,
+    //-------------------
+    onCreated: "",
+    onMounted: "",
+    onChange: "",
+    onFocus: "",
+    onBlur: "",
+    onValidate: "",
+    ...e
+  }
+});
+export {
+  n as dateRange
+};

package/src/components/form-designer/widget-panel/basicFields/divider.js

@@ -0,0 +1,27 @@
+import { getUuidKey as i } from "@kp-ui/tool";
+const t = (e = {}) => ({
+  key: i(),
+  id: e.name,
+  type: "divider",
+  icon: "divider",
+  formItemFlag: !1,
+  options: {
+    name: "",
+    label: "",
+    columnWidth: "200px",
+    direction: "horizontal",
+    contentPosition: "center",
+    hidden: !1,
+    holdHidden: !0,
+    //-------------------
+    customClass: [],
+    //自定义css类名
+    //-------------------
+    onCreated: "",
+    onMounted: "",
+    ...e
+  }
+});
+export {
+  t as divider
+};

package/src/components/form-designer/widget-panel/basicFields/dropdown.js

@@ -0,0 +1,38 @@
+import { getUuidKey as o } from "@kp-ui/tool";
+const a = (e = {}) => ({
+  key: o(),
+  id: e.name,
+  type: "dropdown",
+  icon: "dropdown",
+  formItemFlag: !1,
+  options: {
+    name: "",
+    label: "",
+    size: "",
+    displayStyle: "block",
+    disabled: !1,
+    hidden: !1,
+    holdHidden: !0,
+    type: "primary",
+    shape: "",
+    danger: !1,
+    ghost: !1,
+    placement: "bottomLeft",
+    menuList: [
+      { value: "1", label: "功能1" },
+      { value: "2", label: "功能2" }
+    ],
+    //-------------------
+    customClass: [],
+    //自定义css类名
+    //-------------------
+    onCreated: "",
+    onMounted: "",
+    onClick: "",
+    onMenuClick: "",
+    ...e
+  }
+});
+export {
+  a as dropdown
+};