@openli1115/lowcode-edit-pro-table 1.0.23

package/lowcode_lib/edit-pro-table/actionColumnFields.d.ts

@@ -0,0 +1,12 @@
+import { IPublicTypeFieldConfig } from '@alilc/lowcode-types';
+export declare const hideProp: () => boolean;
+export interface IProps extends IPublicTypeFieldConfig {
+    showInListSetter?: boolean;
+    initialValue?: Function | any;
+    disableEdit?: boolean;
+    items?: IProps[] | IPublicTypeFieldConfig[];
+}
+export declare const buttonConfigureProps: IProps[];
+export declare const buttonGroupConfigureProp: IProps;
+export declare const actionColumnField: IProps;
+export declare const actionColumnButtonField: IProps;

package/lowcode_lib/edit-pro-table/actionColumnFields.js

@@ -0,0 +1,237 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.hideProp = exports.buttonGroupConfigureProp = exports.buttonConfigureProps = exports.actionColumnField = exports.actionColumnButtonField = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var hideProp = exports.hideProp = function hideProp() {
+  return false;
+};
+var buttonConfigureProps = exports.buttonConfigureProps = [{
+  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: function initialValue(currentValue, defaultValue) {
+    return 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'
+}];
+var buttonGroupConfigureProp = exports.buttonGroupConfigureProp = {
+  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: function initialValue() {
+                  return {
+                    children: '操作',
+                    type: 'normal'
+                  };
+                }
+              }
+            }
+          }
+        }]
+      }
+    }
+  }
+};
+var actionColumnField = exports.actionColumnField = {
+  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
+            }
+          }
+        }]
+      }
+    }
+  }
+};
+var actionColumnButtonField = exports.actionColumnButtonField = (0, _extends2["default"])({}, buttonGroupConfigureProp, {
+  name: 'actionColumnButtons',
+  title: '操作列按钮'
+});

package/lowcode_lib/edit-pro-table/meta.d.ts

@@ -0,0 +1,22 @@
+import { IPublicTypeSnippet } from '@alilc/lowcode-types';
+declare const _default: {
+    snippets: IPublicTypeSnippet[];
+    componentName: string;
+    uri?: string;
+    title?: import("@alilc/lowcode-types").IPublicTypeTitleContent;
+    icon?: import("@alilc/lowcode-types").IPublicTypeIconType;
+    tags?: string[];
+    description?: string;
+    docUrl?: string;
+    screenshot?: string;
+    devMode?: "proCode" | "lowCode";
+    npm?: import("@alilc/lowcode-types").IPublicTypeNpmInfo;
+    props?: import("@alilc/lowcode-types").IPublicTypePropConfig[];
+    configure?: import("@alilc/lowcode-types").IPublicTypeFieldConfig[] | import("@alilc/lowcode-types").IPublicTypeConfigure;
+    experimental?: import("@alilc/lowcode-types").IPublicTypeAdvanced;
+    schema?: import("@alilc/lowcode-types").IPublicTypeComponentSchema;
+    group?: string | import("@alilc/lowcode-types").IPublicTypeI18nData;
+    category?: string | import("@alilc/lowcode-types").IPublicTypeI18nData;
+    priority?: number;
+};
+export default _default;