@lambo-design/variant-form 2.2.9-beta.0 → 2.2.9-beta.1

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

@@ -14,31 +14,31 @@ export const containers = [
     }
   },
 
-  {
-    type: 'table',
-    category: 'container',
-    icon: 'table',
-    rows: [],
-    options: {
-      name: '',
-      hidden: false,
-      customClass: '',  //自定义css类名
-    }
-  },
-
-  {
-    type: 'tab',
-    category: 'container',
-    icon: 'tab',
-    displayType: 'border-card',
-    tabs: [],
-    options: {
-      name: '',
-      hidden: false,
-      customClass: '',  //自定义css类名
-    }
-  },
-
+  // {
+  //   type: 'table',
+  //   category: 'container',
+  //   icon: 'table',
+  //   rows: [],
+  //   options: {
+  //     name: '',
+  //     hidden: false,
+  //     customClass: '',  //自定义css类名
+  //   }
+  // },
+  //
+  // {
+  //   type: 'tab',
+  //   category: 'container',
+  //   icon: 'tab',
+  //   displayType: 'border-card',
+  //   tabs: [],
+  //   options: {
+  //     name: '',
+  //     hidden: false,
+  //     customClass: '',  //自定义css类名
+  //   }
+  // },
+  //
   {
     type: 'grid-col',
     category: 'container',
@@ -59,40 +59,40 @@ export const containers = [
       customClass: '',  //自定义css类名
     }
   },
-
-  {
-    type: 'table-cell',
-    category: 'container',
-    icon: 'table-cell',
-    internal: true,
-    widgetList: [],
-    merged: false,
-    options: {
-      name: '',
-      cellWidth: '',
-      cellHeight: '',
-      colspan: 1,
-      rowspan: 1,
-      wordBreak: false,  //是否自动换行
-      customClass: '',  //自定义css类名
-    }
-  },
-
-  {
-    type: 'tab-pane',
-    category: 'container',
-    icon: 'tab-pane',
-    internal: true,
-    widgetList: [],
-    options: {
-      name: '',
-      label: '',
-      hidden: false,
-      active: false,
-      disabled: false,
-      customClass: '',  //自定义css类名
-    }
-  },
+  //
+  // {
+  //   type: 'table-cell',
+  //   category: 'container',
+  //   icon: 'table-cell',
+  //   internal: true,
+  //   widgetList: [],
+  //   merged: false,
+  //   options: {
+  //     name: '',
+  //     cellWidth: '',
+  //     cellHeight: '',
+  //     colspan: 1,
+  //     rowspan: 1,
+  //     wordBreak: false,  //是否自动换行
+  //     customClass: '',  //自定义css类名
+  //   }
+  // },
+  //
+  // {
+  //   type: 'tab-pane',
+  //   category: 'container',
+  //   icon: 'tab-pane',
+  //   internal: true,
+  //   widgetList: [],
+  //   options: {
+  //     name: '',
+  //     label: '',
+  //     hidden: false,
+  //     active: false,
+  //     disabled: false,
+  //     customClass: '',  //自定义css类名
+  //   }
+  // },
 
 
 ]
@@ -550,196 +550,194 @@ export const basicFields = [
     },
   },
 
-  {
-    type: 'rate',
-    icon: 'rate-field',
-    formItemFlag: true,
-    options: {
-      name: '',
-      label: '',
-      labelAlign: '',
-      defaultValue: null,
-      columnWidth: '200px',
-      labelWidth: null,
-      labelHidden: false,
-      disabled: false,
-      hidden: false,
-      required: false,
-      requiredHint: '',
-      validation: '',
-      validationHint: '',
-      //-------------------
-      customClass: '',  //自定义css类名
-      labelIconClass: null,
-      labelIconPosition: 'rear',
-      labelTooltip: null,
-      max: 5,
-      lowThreshold: 2,
-      highThreshold: 4,
-      allowHalf: false,
-      showText: false,
-      showScore: false,
-      //-------------------
-      onCreated: '',
-      onMounted: '',
-      onChange: '',
-      onValidate: '',
-    },
-  },
-
-  {
-    type: 'color',
-    icon: 'color-field',
-    formItemFlag: true,
-    options: {
-      name: '',
-      label: '',
-      labelAlign: '',
-      defaultValue: null,
-      columnWidth: '200px',
-      size: '',
-      labelWidth: null,
-      labelHidden: false,
-      disabled: false,
-      hidden: false,
-      required: false,
-      requiredHint: '',
-      validation: '',
-      validationHint: '',
-      //-------------------
-      customClass: '',  //自定义css类名
-      labelIconClass: null,
-      labelIconPosition: 'rear',
-      labelTooltip: null,
-      //-------------------
-      onCreated: '',
-      onMounted: '',
-      onChange: '',
-      onValidate: '',
-    },
-  },
-
-  {
-    type: 'slider',
-    icon: 'slider-field',
-    formItemFlag: true,
-    options: {
-      name: '',
-      label: '',
-      labelAlign: '',
-      columnWidth: '200px',
-      showStops: true,
-      size: '',
-      labelWidth: null,
-      labelHidden: false,
-      disabled: false,
-      hidden: false,
-      required: false,
-      requiredHint: '',
-      validation: '',
-      validationHint: '',
-      //-------------------
-      customClass: '',  //自定义css类名
-      labelIconClass: null,
-      labelIconPosition: 'rear',
-      labelTooltip: null,
-      min: 0,
-      max: 100,
-      step: 10,
-      range: false,
-      //vertical: false,
-      height: null,
-      //-------------------
-      onCreated: '',
-      onMounted: '',
-      onChange: '',
-      onValidate: '',
-    },
-  },
-
-  {
-    type: 'static-text',
-    icon: 'static-text',
-    formItemFlag: false,
-    options: {
-      name: '',
-      columnWidth: '200px',
-      hidden: false,
-      textContent: 'static text',
-      textAlign: 'left',
-      fontSize: '13px',
-      preWrap: false,  //是否自动换行
-      //-------------------
-      customClass: '',  //自定义css类名
-      //-------------------
-      onCreated: '',
-      onMounted: '',
-    },
-  },
-
-  {
-    type: 'html-text',
-    icon: 'html-text',
-    formItemFlag: false,
-    options: {
-      name: '',
-      columnWidth: '200px',
-      hidden: false,
-      htmlContent: '<b>html text</b>',
-      //-------------------
-      customClass: '',  //自定义css类名
-      //-------------------
-      onCreated: '',
-      onMounted: '',
-    },
-  },
-
-  {
-    type: 'button',
-    icon: 'button',
-    formItemFlag: false,
-    options: {
-      name: '',
-      label: '',
-      columnWidth: '200px',
-      size: '',
-      displayStyle: 'block',
-      disabled: false,
-      hidden: false,
-      type: '',
-      plain: false,
-      round: false,
-      circle: false,
-      icon: null,
-      //-------------------
-      customClass: '',  //自定义css类名
-      //-------------------
-      onCreated: '',
-      onMounted: '',
-      onClick: '',
-    },
-  },
-
-  {
-    type: 'divider',
-    icon: 'divider',
-    formItemFlag: false,
-    options: {
-      name: '',
-      label: '',
-      columnWidth: '200px',
-      direction: 'horizontal',
-      contentPosition: 'center',
-      hidden: false,
-      //-------------------
-      customClass: '',  //自定义css类名
-      //-------------------
-      onCreated: '',
-      onMounted: '',
-    },
-  },
-
+  // {
+  //   type: 'rate',
+  //   icon: 'rate-field',
+  //   formItemFlag: true,
+  //   options: {
+  //     name: '',
+  //     label: '',
+  //     labelAlign: '',
+  //     defaultValue: null,
+  //     columnWidth: '200px',
+  //     labelWidth: null,
+  //     labelHidden: false,
+  //     disabled: false,
+  //     hidden: false,
+  //     required: false,
+  //     requiredHint: '',
+  //     validation: '',
+  //     validationHint: '',
+  //     //-------------------
+  //     customClass: '',  //自定义css类名
+  //     labelIconClass: null,
+  //     labelIconPosition: 'rear',
+  //     labelTooltip: null,
+  //     max: 5,
+  //     lowThreshold: 2,
+  //     highThreshold: 4,
+  //     allowHalf: false,
+  //     showText: false,
+  //     showScore: false,
+  //     //-------------------
+  //     onCreated: '',
+  //     onMounted: '',
+  //     onChange: '',
+  //     onValidate: '',
+  //   },
+  // },
   //
+  // {
+  //   type: 'color',
+  //   icon: 'color-field',
+  //   formItemFlag: true,
+  //   options: {
+  //     name: '',
+  //     label: '',
+  //     labelAlign: '',
+  //     defaultValue: null,
+  //     columnWidth: '200px',
+  //     size: '',
+  //     labelWidth: null,
+  //     labelHidden: false,
+  //     disabled: false,
+  //     hidden: false,
+  //     required: false,
+  //     requiredHint: '',
+  //     validation: '',
+  //     validationHint: '',
+  //     //-------------------
+  //     customClass: '',  //自定义css类名
+  //     labelIconClass: null,
+  //     labelIconPosition: 'rear',
+  //     labelTooltip: null,
+  //     //-------------------
+  //     onCreated: '',
+  //     onMounted: '',
+  //     onChange: '',
+  //     onValidate: '',
+  //   },
+  // },
+  //
+  // {
+  //   type: 'slider',
+  //   icon: 'slider-field',
+  //   formItemFlag: true,
+  //   options: {
+  //     name: '',
+  //     label: '',
+  //     labelAlign: '',
+  //     columnWidth: '200px',
+  //     showStops: true,
+  //     size: '',
+  //     labelWidth: null,
+  //     labelHidden: false,
+  //     disabled: false,
+  //     hidden: false,
+  //     required: false,
+  //     requiredHint: '',
+  //     validation: '',
+  //     validationHint: '',
+  //     //-------------------
+  //     customClass: '',  //自定义css类名
+  //     labelIconClass: null,
+  //     labelIconPosition: 'rear',
+  //     labelTooltip: null,
+  //     min: 0,
+  //     max: 100,
+  //     step: 10,
+  //     range: false,
+  //     //vertical: false,
+  //     height: null,
+  //     //-------------------
+  //     onCreated: '',
+  //     onMounted: '',
+  //     onChange: '',
+  //     onValidate: '',
+  //   },
+  // },
+  //
+  // {
+  //   type: 'static-text',
+  //   icon: 'static-text',
+  //   formItemFlag: false,
+  //   options: {
+  //     name: '',
+  //     columnWidth: '200px',
+  //     hidden: false,
+  //     textContent: 'static text',
+  //     textAlign: 'left',
+  //     fontSize: '13px',
+  //     preWrap: false,  //是否自动换行
+  //     //-------------------
+  //     customClass: '',  //自定义css类名
+  //     //-------------------
+  //     onCreated: '',
+  //     onMounted: '',
+  //   },
+  // },
+  //
+  // {
+  //   type: 'html-text',
+  //   icon: 'html-text',
+  //   formItemFlag: false,
+  //   options: {
+  //     name: '',
+  //     columnWidth: '200px',
+  //     hidden: false,
+  //     htmlContent: '<b>html text</b>',
+  //     //-------------------
+  //     customClass: '',  //自定义css类名
+  //     //-------------------
+  //     onCreated: '',
+  //     onMounted: '',
+  //   },
+  // },
+  //
+  // {
+  //   type: 'button',
+  //   icon: 'button',
+  //   formItemFlag: false,
+  //   options: {
+  //     name: '',
+  //     label: '',
+  //     columnWidth: '200px',
+  //     size: '',
+  //     displayStyle: 'block',
+  //     disabled: false,
+  //     hidden: false,
+  //     type: '',
+  //     plain: false,
+  //     round: false,
+  //     circle: false,
+  //     icon: null,
+  //     //-------------------
+  //     customClass: '',  //自定义css类名
+  //     //-------------------
+  //     onCreated: '',
+  //     onMounted: '',
+  //     onClick: '',
+  //   },
+  // },
+  //
+  // {
+  //   type: 'divider',
+  //   icon: 'divider',
+  //   formItemFlag: false,
+  //   options: {
+  //     name: '',
+  //     label: '',
+  //     columnWidth: '200px',
+  //     direction: 'horizontal',
+  //     contentPosition: 'center',
+  //     hidden: false,
+  //     //-------------------
+  //     customClass: '',  //自定义css类名
+  //     //-------------------
+  //     onCreated: '',
+  //     onMounted: '',
+  //   },
+  // },
 
 ]
 
@@ -834,83 +832,213 @@ export const advancedFields = [
   },
 
   {
-    type: 'rich-editor',
-    icon: 'rich-editor-field',
+    type: 'organ-select',
+    icon: 'node-tree',
     formItemFlag: true,
     options: {
       name: '',
       label: '',
       labelAlign: '',
-      placeholder: '',
+      size: '',
+      rootOrgan: '',
       labelWidth: null,
       labelHidden: false,
       columnWidth: '200px',
-      disabled: false,
-      hidden: false,
+      allowMultiple: false,
+      organTreeType: '',
+      manageUnitId: '',
+      placeholder: '',
       required: false,
       requiredHint: '',
-      customRule: '',
-      customRuleHint: '',
-      //-------------------
-      customClass: '',  //自定义css类名
-      labelIconClass: null,
-      labelIconPosition: 'rear',
-      labelTooltip: null,
-      minLength: null,
-      maxLength: null,
-      showWordLimit: false,
-      //-------------------
-      onCreated: '',
-      onMounted: '',
-      onValidate: '',
+      clearable: false,
+      readonly: false,
+      hidden: false,
+      disabled: false,
     },
   },
 
   {
-    type: 'cascader',
-    icon: 'cascader-field',
+    type: 'user-select',
+    icon: 'file-upload-field',
     formItemFlag: true,
     options: {
       name: '',
       label: '',
       labelAlign: '',
-      defaultValue: '',
-      placeholder: '',
       size: '',
       labelWidth: null,
       labelHidden: false,
       columnWidth: '200px',
-      disabled: false,
-      hidden: false,
-      clearable: true,
-      filterable: false,
-      multiple: false,
-      checkStrictly: false,  //可选择任意一级选项，默认不开启
-      showAllLevels: true,  //显示完整路径
-      optionItems: [
-        {label: 'select 1', value: 1, children: [{label: 'child 1', value: 11}]},
-        {label: 'select 2', value: 2},
-        {label: 'select 3', value: 3},
-      ],
+      rootOrgan: '',
+      organTreeType: '',
+      manageUnitId: '',
+      placeholder: '',
       required: false,
+      allowMultiple: false,
       requiredHint: '',
-      customRule: '',
-      customRuleHint: '',
-      //-------------------
-      customClass: '',  //自定义css类名
-      labelIconClass: null,
-      labelIconPosition: 'rear',
-      labelTooltip: null,
-      //-------------------
-      onCreated: '',
-      onMounted: '',
-      onChange: '',
-      onFocus: '',
-      onBlur: '',
-      onValidate: '',
+      clearable: false,
+      readonly: false,
+      hidden: false,
+      disabled: false,
     },
   },
 
+  // {
+  //   type: 'rich-editor',
+  //   icon: 'rich-editor-field',
+  //   formItemFlag: true,
+  //   options: {
+  //     name: '',
+  //     label: '',
+  //     labelAlign: '',
+  //     placeholder: '',
+  //     labelWidth: null,
+  //     labelHidden: false,
+  //     columnWidth: '200px',
+  //     disabled: false,
+  //     hidden: false,
+  //     required: false,
+  //     requiredHint: '',
+  //     customRule: '',
+  //     customRuleHint: '',
+  //     //-------------------
+  //     customClass: '',  //自定义css类名
+  //     labelIconClass: null,
+  //     labelIconPosition: 'rear',
+  //     labelTooltip: null,
+  //     minLength: null,
+  //     maxLength: null,
+  //     showWordLimit: false,
+  //     //-------------------
+  //     onCreated: '',
+  //     onMounted: '',
+  //     onValidate: '',
+  //   },
+  // },
+
+  // {
+  //   type: 'cascader',
+  //   icon: 'cascader-field',
+  //   formItemFlag: true,
+  //   options: {
+  //     name: '',
+  //     label: '',
+  //     labelAlign: '',
+  //     defaultValue: '',
+  //     placeholder: '',
+  //     size: '',
+  //     labelWidth: null,
+  //     labelHidden: false,
+  //     columnWidth: '200px',
+  //     disabled: false,
+  //     hidden: false,
+  //     clearable: true,
+  //     filterable: false,
+  //     multiple: false,
+  //     checkStrictly: false,  //可选择任意一级选项，默认不开启
+  //     showAllLevels: true,  //显示完整路径
+  //     optionItems: [
+  //       {label: 'select 1', value: 1, children: [{label: 'child 1', value: 11}]},
+  //       {label: 'select 2', value: 2},
+  //       {label: 'select 3', value: 3},
+  //     ],
+  //     required: false,
+  //     requiredHint: '',
+  //     customRule: '',
+  //     customRuleHint: '',
+  //     //-------------------
+  //     customClass: '',  //自定义css类名
+  //     labelIconClass: null,
+  //     labelIconPosition: 'rear',
+  //     labelTooltip: null,
+  //     //-------------------
+  //     onCreated: '',
+  //     onMounted: '',
+  //     onChange: '',
+  //     onFocus: '',
+  //     onBlur: '',
+  //     onValidate: '',
+  //   },
+  // },
+
+    {
+        type: 'relation-form',
+        icon: 'relation-form-field',
+        formItemFlag: true,
+        options: {
+            name: '',
+            label: '',
+            labelAlign: '',
+            defaultValue: '',
+            placeholder: '',
+            columnWidth: '200px',
+            size: '',
+            labelWidth: null,
+            labelHidden: false,
+            displayStyle: 'inline',
+            buttonStyle: false,
+            border: false,
+            disabled: false,
+            hidden: false,
+            clearable: true,
+            filterable: false,
+            allowCreate: false,
+            remote: false,
+            automaticDropdown: false,  //自动下拉
+            multiple: false,
+            multipleLimit: 0,
+            relationForm: '',
+            relationItems: [],
+            relationType: 'select',//list,help
+            // optionItems: [],
+            required: false,
+            requiredHint: '',
+            validation: '',
+            validationHint: '',
+            //-------------------
+            customClass: '',  //自定义css类名
+            labelIconClass: null,
+            labelIconPosition: 'rear',
+            labelTooltip: null,
+            //-------------------
+            onCreated: '',
+            onMounted: '',
+            onRemoteQuery: '',
+            onChange: '',
+            onFocus: '',
+            onBlur: '',
+            onValidate: '',
+        },
+    },
+    {
+      type: 'sub-form',
+      icon: 'sub-form',
+      formItemFlag: true,
+      options: {
+        name: '',
+        label: '',
+        labelAlign: '',
+        labelWidth: null,
+        columnWidth: '200px',
+        subFormId: '',
+        displayFields: [],
+        operList: ['insert', 'edit', 'delete', 'copy', 'draggable', 'batchDelete'],
+        //-------------------
+        customClass: '',  //自定义css类名
+        labelIconClass: null,
+        labelIconPosition: 'rear',
+        labelTooltip: null,
+        //-------------------
+        onCreated: '',
+        onMounted: '',
+        onRemoteQuery: '',
+        onChange: '',
+        onFocus: '',
+        onBlur: '',
+        onValidate: '',
+      },
+    },
+
 ]
 
 export const customFields = [