@kp-ui/lowcode 1.0.24 → 1.0.26

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

@@ -0,0 +1,27 @@
+import { getUuidKey } from "../../../../utils/util.js";
+const attachmentRender = (ops = {}) => {
+  return {
+    key: getUuidKey(),
+    id: ops.name,
+    type: "attachment-render",
+    icon: "text-field",
+    formItemFlag: true,
+    options: {
+      name: "",
+      label: "",
+      labelAlign: "",
+      columnWidth: "200px",
+      labelWidth: null,
+      labelHidden: true,
+      hidden: false,
+      holdHidden: true,
+      customClass: [],
+      onCreated: "",
+      onMounted: "",
+      ...ops
+    }
+  };
+};
+export {
+  attachmentRender
+};

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

@@ -0,0 +1,29 @@
+import { getUuidKey } from "../../../../utils/util.js";
+const bpmnEditor = (ops = {}) => {
+  return {
+    key: getUuidKey(),
+    id: ops.name,
+    showName: "流程图",
+    type: "bpmn-editor",
+    icon: "liucheng",
+    formItemFlag: true,
+    options: {
+      name: "",
+      label: "",
+      labelAlign: "",
+      defaultValue: "",
+      columnWidth: "200px",
+      labelWidth: null,
+      labelHidden: false,
+      hidden: false,
+      holdHidden: true,
+      customClass: [],
+      onCreated: "",
+      onMounted: "",
+      ...ops
+    }
+  };
+};
+export {
+  bpmnEditor
+};

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

@@ -0,0 +1,67 @@
+import { getUuidKey } from "../../../../utils/util.js";
+const cascader = (ops = {}) => {
+  return {
+    key: getUuidKey(),
+    type: "cascader",
+    icon: "cascader-field",
+    id: ops.name,
+    formItemFlag: true,
+    options: {
+      name: "",
+      label: "",
+      labelAlign: "",
+      defaultValue: "",
+      placeholder: "",
+      size: "",
+      labelWidth: null,
+      labelHidden: false,
+      columnWidth: "200px",
+      disabled: false,
+      hidden: false,
+      holdHidden: true,
+      allowClear: true,
+      multiple: false,
+      dsEnabled: true,
+      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;\n ",
+      dataReqHandlerCode: `const d=data.data||{};
+ Object.keys(d).forEach(k=>{
+ if(d[k]==='null'){
+ d[k]=null
+ }
+ })
+return {...data,data:d}`,
+      required: false,
+      requiredHint: "",
+      validation: "",
+      validationHint: "",
+      customClass: [],
+      labelIconClass: null,
+      labelIconPosition: "rear",
+      labelTooltip: null,
+      onCreated: "",
+      onMounted: "",
+      onChange: "",
+      onFocus: "",
+      onBlur: "",
+      onValidate: "",
+      ...ops
+    }
+  };
+};
+export {
+  cascader
+};

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

@@ -0,0 +1,43 @@
+import { getUuidKey } from "../../../../utils/util.js";
+const codeEditor = (ops = {}) => {
+  return {
+    key: getUuidKey(),
+    id: ops.name,
+    showName: "代码编辑器",
+    type: "code-editor",
+    icon: "code-editor",
+    formItemFlag: true,
+    options: {
+      name: "",
+      label: "",
+      labelAlign: "",
+      defaultValue: "",
+      columnWidth: "200px",
+      labelWidth: null,
+      labelHidden: false,
+      readonly: false,
+      hidden: false,
+      holdHidden: true,
+      allowClear: true,
+      required: false,
+      requiredHint: "",
+      mode: "javascript",
+      customClass: [],
+      onCreated: "",
+      onMounted: "",
+      onInput: "",
+      onChange: "",
+      onFocus: "",
+      onBlur: "",
+      onValidate: `
+        const flag = this.$refs.fieldEditor.validateCode();
+        if(flag) return Promise.resolve();
+        return Promise.reject('语法校验失败');
+      `,
+      ...ops
+    }
+  };
+};
+export {
+  codeEditor
+};

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

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

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

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

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

@@ -0,0 +1,22 @@
+import { getUuidKey } from "../../../../utils/util.js";
+const slot = (ops = {}) => {
+  return {
+    key: getUuidKey(),
+    id: ops.name,
+    type: "slot",
+    icon: "text-field",
+    formItemFlag: true,
+    options: {
+      name: "",
+      slotCompontent: "",
+      hidden: false,
+      holdHidden: true,
+      onCreated: "",
+      onMounted: "",
+      ...ops
+    }
+  };
+};
+export {
+  slot
+};

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

@@ -0,0 +1,68 @@
+import { getUuidKey } from "../../../../utils/util.js";
+const treeSelect = (ops = {}) => {
+  return {
+    key: getUuidKey(),
+    type: "treeSelect",
+    icon: "tree_line",
+    id: ops.name,
+    formItemFlag: true,
+    options: {
+      name: "",
+      label: "",
+      labelAlign: "",
+      defaultValue: "",
+      placeholder: "",
+      size: "",
+      labelWidth: null,
+      labelHidden: false,
+      columnWidth: "200px",
+      disabled: false,
+      hidden: false,
+      holdHidden: true,
+      allowClear: true,
+      multiple: false,
+      treeDefaultExpandAll: false,
+      dsEnabled: true,
+      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;\n ",
+      dataReqHandlerCode: `const d=data.data||{};
+ Object.keys(d).forEach(k=>{
+ if(d[k]==='null'){
+ d[k]=null
+ }
+ })
+return {...data,data:d}`,
+      required: false,
+      requiredHint: "",
+      validation: "",
+      validationHint: "",
+      customClass: [],
+      labelIconClass: null,
+      labelIconPosition: "rear",
+      labelTooltip: null,
+      onCreated: "",
+      onMounted: "",
+      onChange: "",
+      onFocus: "",
+      onBlur: "",
+      onValidate: "",
+      ...ops
+    }
+  };
+};
+export {
+  treeSelect
+};

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

@@ -1,317 +1,21 @@
-import { getUuidKey as l } from "../../../utils/util.js";
-const a = (e = {}) => ({
-  key: l(),
-  id: e.name,
-  showName: "代码编辑器",
-  type: "code-editor",
-  icon: "code-editor",
-  formItemFlag: !0,
-  options: {
-    name: "",
-    label: "",
-    labelAlign: "",
-    defaultValue: "",
-    columnWidth: "200px",
-    labelWidth: null,
-    labelHidden: !1,
-    readonly: !1,
-    hidden: !1,
-    holdHidden: !0,
-    allowClear: !0,
-    required: !1,
-    requiredHint: "",
-    mode: "javascript",
-    //-------------------
-    customClass: [],
-    //自定义css类名
-    //-------------------
-    onCreated: "",
-    onMounted: "",
-    onInput: "",
-    onChange: "",
-    onFocus: "",
-    onBlur: "",
-    onValidate: `
-        const flag = this.$refs.fieldEditor.validateCode();
-        if(flag) return Promise.resolve();
-        return Promise.reject('语法校验失败');
-      `,
-    ...e
-  }
-}), n = (e = {}) => ({
-  key: l(),
-  type: "cascader",
-  icon: "cascader-field",
-  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,
-    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: [],
-    //自定义css类名
-    labelIconClass: null,
-    labelIconPosition: "rear",
-    labelTooltip: null,
-    //-------------------
-    onCreated: "",
-    onMounted: "",
-    onChange: "",
-    onFocus: "",
-    onBlur: "",
-    onValidate: "",
-    ...e
-  }
-}), 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: [],
-    //自定义css类名
-    labelIconClass: null,
-    labelIconPosition: "rear",
-    labelTooltip: null,
-    //-------------------
-    onCreated: "",
-    onMounted: "",
-    onChange: "",
-    onFocus: "",
-    onBlur: "",
-    onValidate: "",
-    ...e
-  }
-}), d = (e = {}) => ({
-  type: "rich-editor",
-  icon: "rich-editor-field",
-  id: e.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: [],
-    //自定义css类名
-    labelIconClass: null,
-    labelIconPosition: "rear",
-    labelTooltip: null,
-    // minLength: null,
-    maxLength: null,
-    showCount: !1,
-    //-------------------
-    onCreated: "",
-    onMounted: "",
-    onValidate: "",
-    ...e
-  }
-}), o = (e = {}) => ({
-  type: "file-upload",
-  icon: "file-upload-field",
-  formItemFlag: !0,
-  id: e.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: [],
-    //自定义css类名
-    labelIconClass: null,
-    labelIconPosition: "rear",
-    labelTooltip: null,
-    //-------------------
-    onCreated: "",
-    onMounted: "",
-    onBeforeUpload: "",
-    // onUploadSuccess: '',
-    // onUploadError: '',
-    // onFileRemove: '',
-    onValidate: "",
-    //onFileChange: '',
-    ...e
-  }
-}), i = (e = {}) => ({
-  key: l(),
-  id: e.name,
-  showName: "流程图",
-  type: "bpmn-editor",
-  icon: "liucheng",
-  formItemFlag: !0,
-  options: {
-    name: "",
-    label: "",
-    labelAlign: "",
-    defaultValue: "",
-    columnWidth: "200px",
-    labelWidth: null,
-    labelHidden: !1,
-    hidden: !1,
-    holdHidden: !0,
-    //-------------------
-    customClass: [],
-    //自定义css类名
-    //-------------------
-    onCreated: "",
-    onMounted: "",
-    ...e
-  }
-}), r = (e = {}) => ({
-  key: l(),
-  id: e.name,
-  type: "attachment-render",
-  icon: "text-field",
-  formItemFlag: !0,
-  options: {
-    name: "",
-    label: "",
-    labelAlign: "",
-    columnWidth: "200px",
-    labelWidth: null,
-    labelHidden: !0,
-    hidden: !1,
-    holdHidden: !0,
-    //-------------------
-    customClass: [],
-    //自定义css类名
-    //-------------------
-    onCreated: "",
-    onMounted: "",
-    ...e
-  }
-}), s = {
-  attachmentRender: r,
-  cascader: n,
-  treeSelect: t,
-  richEditor: d,
-  codeEditor: a,
-  fileUpload: o,
-  bpmnEditor: i
+import { cascader } from "./advanced/cascader.js";
+import { treeSelect } from "./advanced/tree-select.js";
+import { codeEditor } from "./advanced/code-editor.js";
+import { richEditor } from "./advanced/rich-editor.js";
+import { fileUpload } from "./advanced/file-upload.js";
+import { bpmnEditor } from "./advanced/bpmn-editor.js";
+import { attachmentRender } from "./advanced/attachment-render.js";
+import { slot } from "./advanced/slot.js";
+const advancedFieldsEnums = {
+  slot,
+  attachmentRender,
+  cascader,
+  treeSelect,
+  richEditor,
+  codeEditor,
+  fileUpload,
+  bpmnEditor
 };
 export {
-  s as advancedFieldsEnums,
-  r as attachmentRender,
-  i as bpmnEditor,
-  n as cascader,
-  a as codeEditor,
-  o as fileUpload,
-  d as richEditor,
-  t as treeSelect
+  advancedFieldsEnums
 };

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

@@ -0,0 +1,35 @@
+import { getUuidKey } from "../../../../utils/util.js";
+const button = (ops = {}) => {
+  return {
+    key: getUuidKey(),
+    id: ops.name,
+    type: "button",
+    icon: "button",
+    formItemFlag: false,
+    options: {
+      name: "",
+      label: "",
+      size: "",
+      displayStyle: "block",
+      disabled: false,
+      hidden: false,
+      holdHidden: true,
+      type: "primary",
+      shape: "",
+      danger: false,
+      ghost: false,
+      icon: null,
+      //-------------------
+      customClass: [],
+      //自定义css类名
+      //-------------------
+      onCreated: "",
+      onMounted: "",
+      onClick: "",
+      ...ops
+    }
+  };
+};
+export {
+  button
+};