@kp-ui/lowcode 1.0.25 → 1.0.27

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

@@ -0,0 +1,63 @@
+import { getUuidKey } from "../../../../utils/util.js";
+const checkbox = (ops = {}) => {
+  return {
+    key: getUuidKey(),
+    id: ops.name,
+    type: "checkbox",
+    icon: "checkbox-field",
+    formItemFlag: true,
+    options: {
+      name: "",
+      label: "",
+      labelAlign: "",
+      defaultValue: [],
+      columnWidth: "200px",
+      size: "",
+      labelWidth: null,
+      labelHidden: false,
+      disabled: false,
+      hidden: false,
+      holdHidden: true,
+      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;\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: [],
+      //自定义css类名
+      labelIconClass: null,
+      labelIconPosition: "rear",
+      labelTooltip: null,
+      //-------------------
+      onCreated: "",
+      onMounted: "",
+      onChange: "",
+      onValidate: "",
+      ...ops
+    }
+  };
+};
+export {
+  checkbox
+};

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

@@ -0,0 +1,42 @@
+import { getUuidKey } from "../../../../utils/util.js";
+const color = (ops = {}) => {
+  return {
+    key: getUuidKey(),
+    id: ops.name,
+    type: "color",
+    icon: "color-field",
+    formItemFlag: true,
+    options: {
+      name: "",
+      label: "",
+      labelAlign: "",
+      defaultValue: null,
+      columnWidth: "200px",
+      size: "",
+      labelWidth: null,
+      labelHidden: false,
+      disabled: false,
+      hidden: false,
+      holdHidden: true,
+      required: false,
+      requiredHint: "",
+      validation: "",
+      validationHint: "",
+      //-------------------
+      customClass: [],
+      //自定义css类名
+      labelIconClass: null,
+      labelIconPosition: "rear",
+      labelTooltip: null,
+      //-------------------
+      onCreated: "",
+      onMounted: "",
+      onChange: "",
+      onValidate: "",
+      ...ops
+    }
+  };
+};
+export {
+  color
+};

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

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

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

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

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

@@ -0,0 +1,29 @@
+import { getUuidKey } from "../../../../utils/util.js";
+const divider = (ops = {}) => {
+  return {
+    key: getUuidKey(),
+    id: ops.name,
+    type: "divider",
+    icon: "divider",
+    formItemFlag: false,
+    options: {
+      name: "",
+      label: "",
+      columnWidth: "200px",
+      direction: "horizontal",
+      contentPosition: "center",
+      hidden: false,
+      holdHidden: true,
+      //-------------------
+      customClass: [],
+      //自定义css类名
+      //-------------------
+      onCreated: "",
+      onMounted: "",
+      ...ops
+    }
+  };
+};
+export {
+  divider
+};

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

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

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

@@ -0,0 +1,27 @@
+import { getUuidKey } from "../../../../utils/util.js";
+const htmlText = (ops = {}) => {
+  return {
+    key: getUuidKey(),
+    id: ops.name,
+    type: "html-text",
+    icon: "html-text",
+    formItemFlag: false,
+    options: {
+      name: "",
+      columnWidth: "200px",
+      hidden: false,
+      holdHidden: true,
+      htmlContent: "<b>html text</b>",
+      //-------------------
+      customClass: [],
+      //自定义css类名
+      //-------------------
+      onCreated: "",
+      onMounted: "",
+      ...ops
+    }
+  };
+};
+export {
+  htmlText
+};

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

@@ -0,0 +1,53 @@
+import { getUuidKey } from "../../../../utils/util.js";
+const input = (ops = {}) => {
+  return {
+    key: getUuidKey(),
+    id: ops.name,
+    type: "input",
+    icon: "text-field",
+    formItemFlag: true,
+    options: {
+      name: "",
+      label: "",
+      labelAlign: "",
+      type: "text",
+      defaultValue: "",
+      placeholder: "",
+      columnWidth: "200px",
+      size: "",
+      labelWidth: null,
+      labelHidden: false,
+      readonly: false,
+      disabled: false,
+      hidden: false,
+      holdHidden: true,
+      allowClear: true,
+      required: false,
+      requiredHint: "",
+      validation: "",
+      validationHint: "",
+      //-------------------
+      customClass: [],
+      //自定义css类名
+      labelIconClass: null,
+      labelIconPosition: "rear",
+      labelTooltip: null,
+      maxLength: null,
+      showCount: false,
+      addonBefore: "",
+      addonAfter: "",
+      //-------------------
+      onCreated: "",
+      onMounted: "",
+      onInput: "",
+      onChange: "",
+      onFocus: "",
+      onBlur: "",
+      onValidate: "",
+      ...ops
+    }
+  };
+};
+export {
+  input
+};

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

@@ -0,0 +1,49 @@
+import { getUuidKey } from "../../../../utils/util.js";
+const number = (ops = {}) => {
+  return {
+    key: getUuidKey(),
+    id: ops.name,
+    type: "number",
+    icon: "number-field",
+    formItemFlag: true,
+    options: {
+      name: "",
+      label: "",
+      labelAlign: "",
+      defaultValue: "",
+      placeholder: "",
+      columnWidth: "200px",
+      size: "",
+      labelWidth: null,
+      labelHidden: false,
+      disabled: false,
+      hidden: false,
+      holdHidden: true,
+      required: false,
+      requiredHint: "",
+      validation: "",
+      validationHint: "",
+      //-------------------
+      customClass: [],
+      //自定义css类名
+      labelIconClass: null,
+      labelIconPosition: "rear",
+      labelTooltip: null,
+      min: -99999999,
+      max: 99999999,
+      precision: 0,
+      step: 1,
+      //-------------------
+      onCreated: "",
+      onMounted: "",
+      onChange: "",
+      onFocus: "",
+      onBlur: "",
+      onValidate: "",
+      ...ops
+    }
+  };
+};
+export {
+  number
+};

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

@@ -0,0 +1,70 @@
+import { getUuidKey } from "../../../../utils/util.js";
+const radio = (ops = {}) => {
+  return {
+    key: getUuidKey(),
+    id: ops.name,
+    type: "radio",
+    icon: "radio-field",
+    formItemFlag: true,
+    options: {
+      name: "",
+      label: "",
+      labelAlign: "",
+      defaultValue: null,
+      columnWidth: "200px",
+      size: "",
+      displayStyle: "inline",
+      buttonStyle: false,
+      border: false,
+      labelWidth: null,
+      labelHidden: false,
+      disabled: false,
+      hidden: false,
+      holdHidden: true,
+      dsEnabled: false,
+      // 是否使用数据源数据
+      labelKey: "label",
+      valueKey: "value",
+      optionItems: [
+        { label: "radio 1", value: 1 },
+        { label: "radio 2", value: 2 },
+        { label: "radio 3", value: 3 }
+      ],
+      http: {
+        url: "",
+        // '/api/tmgc2-mgt/pageFieldConfig/queryPageFieldValueOptions',
+        method: "get",
+        data: {},
+        params: {}
+        // { pageCode: '${pageCode}', fieldCode: '${fieldCode}' }
+      },
+      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: [],
+      //自定义css类名
+      labelIconClass: null,
+      labelIconPosition: "rear",
+      labelTooltip: null,
+      //-------------------
+      onCreated: "",
+      onMounted: "",
+      onChange: "",
+      onValidate: "",
+      ...ops
+    }
+  };
+};
+export {
+  radio
+};

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

@@ -0,0 +1,44 @@
+import { getUuidKey } from "../../../../utils/util.js";
+const rate = (ops = {}) => {
+  return {
+    key: getUuidKey(),
+    id: ops.name,
+    type: "rate",
+    icon: "rate-field",
+    formItemFlag: true,
+    options: {
+      name: "",
+      label: "",
+      labelAlign: "",
+      defaultValue: null,
+      columnWidth: "200px",
+      allowClear: true,
+      labelWidth: null,
+      labelHidden: false,
+      disabled: false,
+      hidden: false,
+      holdHidden: true,
+      required: false,
+      requiredHint: "",
+      validation: "",
+      validationHint: "",
+      //-------------------
+      customClass: [],
+      //自定义css类名
+      labelIconClass: null,
+      labelIconPosition: "rear",
+      labelTooltip: null,
+      count: 5,
+      allowHalf: false,
+      //-------------------
+      onCreated: "",
+      onMounted: "",
+      onChange: "",
+      onValidate: "",
+      ...ops
+    }
+  };
+};
+export {
+  rate
+};

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

@@ -0,0 +1,76 @@
+import { getUuidKey } from "../../../../utils/util.js";
+const select = (ops = {}) => {
+  return {
+    key: getUuidKey(),
+    id: ops.name,
+    type: "select",
+    icon: "select-field",
+    formItemFlag: true,
+    options: {
+      name: "",
+      label: "",
+      labelAlign: "",
+      defaultValue: "",
+      placeholder: "",
+      columnWidth: "200px",
+      size: "",
+      labelWidth: null,
+      labelHidden: false,
+      disabled: false,
+      useModal: false,
+      loadingPage: false,
+      hidden: false,
+      holdHidden: true,
+      allowClear: true,
+      maxTagCount: "responsive",
+      mode: "combobox",
+      showSearch: false,
+      dsEnabled: false,
+      // 是否使用数据源数据
+      labelKey: "label",
+      valueKey: "value",
+      optionItems: [
+        { label: "select 1", value: "1" },
+        { label: "select 2", value: "2" },
+        { label: "select 3", value: "3" }
+      ],
+      http: {
+        url: "",
+        method: "get",
+        data: {},
+        params: {}
+      },
+      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: [],
+      //自定义css类名
+      labelIconClass: null,
+      labelIconPosition: "rear",
+      labelTooltip: null,
+      //-------------------
+      onCreated: "",
+      onMounted: "",
+      // onRemoteQuery: '',
+      onChange: "",
+      onFocus: "",
+      onBlur: "",
+      onValidate: "",
+      onClickIcon: 'console.log(this,"onClickIcon")',
+      ...ops
+    }
+  };
+};
+export {
+  select
+};

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

@@ -0,0 +1,46 @@
+import { getUuidKey } from "../../../../utils/util.js";
+const slider = (ops = {}) => {
+  return {
+    key: getUuidKey(),
+    id: ops.name,
+    type: "slider",
+    icon: "slider-field",
+    formItemFlag: true,
+    options: {
+      name: "",
+      label: "",
+      labelAlign: "",
+      columnWidth: "200px",
+      size: "",
+      labelWidth: null,
+      labelHidden: false,
+      disabled: false,
+      hidden: false,
+      holdHidden: true,
+      required: false,
+      requiredHint: "",
+      validation: "",
+      validationHint: "",
+      //-------------------
+      customClass: [],
+      //自定义css类名
+      labelIconClass: null,
+      labelIconPosition: "rear",
+      labelTooltip: null,
+      min: 0,
+      max: 100,
+      step: 1,
+      range: false,
+      height: null,
+      //-------------------
+      onCreated: "",
+      onMounted: "",
+      onChange: "",
+      onValidate: "",
+      ...ops
+    }
+  };
+};
+export {
+  slider
+};

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

@@ -0,0 +1,27 @@
+import { getUuidKey } from "../../../../utils/util.js";
+const staticText = (ops = {}) => {
+  return {
+    key: getUuidKey(),
+    id: ops.name,
+    type: "static-text",
+    icon: "static-text",
+    formItemFlag: false,
+    options: {
+      name: "",
+      columnWidth: "200px",
+      hidden: false,
+      holdHidden: true,
+      textContent: "static text",
+      //-------------------
+      customClass: [],
+      //自定义css类名
+      //-------------------
+      onCreated: "",
+      onMounted: "",
+      ...ops
+    }
+  };
+};
+export {
+  staticText
+};