@openli1115/lowcode-edit-pro-table 1.0.23

package/lowcode/edit-pro-table/actionColumnFields.ts

@@ -0,0 +1,265 @@
+import { IPublicTypeFieldConfig } from '@alilc/lowcode-types';
+
+export const hideProp = () => false;
+
+export interface IProps extends IPublicTypeFieldConfig {
+  showInListSetter?: boolean;
+  initialValue?: Function | any;
+  disableEdit?: boolean;
+  items?: IProps[] | IPublicTypeFieldConfig[];
+}
+
+export const buttonConfigureProps: IProps[] = [
+  {
+    name: 'children',
+    title: '名称',
+    display: 'inline',
+    initialValue: '操作',
+    isRequired: true,
+    setter: 'StringSetter',
+  },
+  {
+    name: 'type',
+    title: '按钮样式',
+    display: 'inline',
+    isRequired: true,
+    initialValue: 'primary',
+    setter: {
+      componentName: 'SelectSetter',
+      props: {
+        options: [
+          {
+            title: '普通按钮',
+            value: 'normal',
+          },
+          {
+            title: '主按钮',
+            value: 'primary',
+          },
+          {
+            title: '次按钮',
+            value: 'secondary',
+          },
+        ],
+      },
+    },
+  },
+  {
+    name: 'key',
+    title: '标识',
+    condition: hideProp,
+    initialValue: (currentValue, defaultValue) =>
+      currentValue || defaultValue || `data-${Math.random().toString(36).substr(-6)}`,
+    setter: {
+      componentName: 'StringSetter',
+    },
+  },
+  {
+    name: 'disabled',
+    title: '是否禁用',
+    display: 'inline',
+    initialValue: false,
+    setter: 'BoolSetter',
+  },
+  {
+    name: 'hidden',
+    title: '是否隐藏',
+    display: 'inline',
+    initialValue: false,
+    setter: 'BoolSetter',
+  },
+  {
+    name: 'actionType',
+    title: '操作类型(TODO)',
+    condition: hideProp,
+    display: 'inline',
+    initialValue: 'batch',
+    setter: {
+      componentName: 'SelectSetter',
+      props: {
+        options: [
+          // {
+          //   title: '批量',
+          //   value: 'batch',
+          // },
+          {
+            title: '表单弹窗',
+            value: 'formDialog',
+          },
+          {
+            title: '链接',
+            value: 'link',
+          },
+          {
+            title: '导入',
+            value: 'import',
+          },
+          // {
+          //   title: '同步',
+          //   value: 'sync',
+          // },
+          {
+            title: '导出',
+            value: 'export',
+          },
+          // {
+          //   title: '解析导出',
+          //   value: 'analysisExport',
+          // },
+        ],
+      },
+    },
+  },
+  {
+    name: 'onClick',
+    title: '点击事件',
+    setter: 'FunctionSetter',
+  },
+];
+
+export const buttonGroupConfigureProp: IProps = {
+  type: 'field',
+  name: 'buttonGroup',
+  title: '按钮组',
+  extraProps: {
+    display: 'accordion',
+  },
+  setter: {
+    componentName: 'ObjectSetter',
+    props: {
+      config: {
+        items: [
+          {
+            name: 'text',
+            title: {
+              label: '文字模式',
+              tip: '是否设定按钮为文字模式',
+            },
+            setter: 'BoolSetter',
+          },
+          {
+            name: 'visibleButtonCount',
+            title: {
+              label: '可见数量',
+              tip: '超过会收起到”更多“菜单中',
+            },
+            extraProps: {
+              defaultValue: 3,
+            },
+            setter: {
+              componentName: 'NumberSetter',
+              props: {
+                max: 6,
+                min: 1,
+              },
+            },
+          },
+          {
+            name: 'dataSource',
+            title: '按钮组',
+            extraProps: {
+              display: 'plain',
+            },
+            setter: {
+              componentName: 'ArraySetter',
+              props: {
+                hideDescription: true,
+                itemSetter: {
+                  componentName: 'ObjectSetter',
+                  props: {
+                    config: {
+                      items: buttonConfigureProps,
+                    },
+                  },
+                  initialValue: () => ({
+                    children: '操作',
+                    type: 'normal',
+                  }),
+                },
+              },
+            },
+          },
+        ],
+      },
+    },
+  },
+};
+
+export const actionColumnField: IProps = {
+  name: 'actionColumnProps',
+  title: '操作列',
+  // extraProps: {
+  //   display: 'accordion',
+  //   defaultCollapsed: false,
+  // },
+  setter: {
+    componentName: 'ObjectSetter',
+    props: {
+      display: 'drawer',
+      config: {
+        items: [
+          {
+            name: 'title',
+            title: '标题',
+            extraProps: {
+              display: 'inline',
+              defaultValue: '操作',
+            },
+            setter: {
+              componentName: 'StringSetter',
+            },
+          },
+          {
+            type: 'field',
+            name: 'width',
+            title: '宽度',
+            extraProps: {
+              display: 'inline',
+              defaultValue: 120,
+            },
+            setter: {
+              componentName: 'NumberSetter',
+              props: {
+                units: 'px',
+              },
+            },
+          },
+          {
+            name: 'fixed',
+            title: '锁列',
+            display: 'inline',
+            initialValue: 'none',
+            setter: {
+              componentName: 'RadioGroupSetter',
+              props: {
+                options: [
+                  {
+                    title: '左侧',
+                    value: 'left',
+                    tip: 'left',
+                  },
+                  {
+                    title: '不锁',
+                    value: 'none',
+                    tip: 'none',
+                  },
+                  {
+                    title: '右侧',
+                    value: 'right',
+                    tip: 'right',
+                  },
+                ],
+                compact: false,
+              },
+            },
+          },
+        ],
+      },
+    },
+  },
+};
+export const actionColumnButtonField: IProps = {
+  ...buttonGroupConfigureProp,
+  name: 'actionColumnButtons',
+  title: '操作列按钮',
+};