@openli1115/lowcode-edit-pro-table 1.0.23

package/lowcode_es/pro-cascader-select/meta.js

@@ -0,0 +1,435 @@
+import snippets from "./snippets";
+export default {
+  componentName: 'ProCascaderSelect',
+  title: '级联选择器',
+  group: '精选组件',
+  category: '基础元素',
+  docUrl: '',
+  screenshot: '',
+  npm: {
+    "package": 'lowcode-edit-pro-table',
+    version: '{{version}}',
+    exportName: 'ProCascaderSelect',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: ''
+  },
+  props: [{
+    name: 'prefix',
+    propType: 'string',
+    defaultValue: 'next-'
+  }, {
+    name: 'label',
+    title: {
+      label: 'label',
+      tip: '自定义内联 label'
+    },
+    propType: 'string',
+    description: '自定义内联 label'
+  }, {
+    name: 'className',
+    propType: 'string'
+  }, {
+    name: 'size',
+    propType: {
+      type: 'oneOf',
+      value: ['small', 'medium', 'large']
+    },
+    description: '大小',
+    defaultValue: 'medium'
+  }, {
+    name: 'placeholder',
+    propType: 'string',
+    description: '占位符'
+  }, {
+    name: 'dataSource',
+    propType: {
+      type: 'arrayOf',
+      value: 'object'
+    }
+  }, {
+    name: 'defaultValue',
+    propType: {
+      type: 'oneOfType',
+      value: ['string']
+    },
+    description: '默认值'
+  },
+  // {
+  //   name: 'disabled',
+  //   propType: 'bool',
+  //   description: '是否禁用',
+  //   defaultValue: false,
+  // },
+  {
+    name: 'required',
+    propType: 'bool',
+    description: '是否必填',
+    defaultValue: false
+  }, {
+    name: 'disableEdit',
+    propType: 'bool',
+    description: '禁止编辑',
+    defaultValue: false
+  }, {
+    name: 'hasArrow',
+    propType: 'bool',
+    description: '下拉箭头',
+    defaultValue: true
+  }, {
+    name: 'hasBorder',
+    propType: 'bool',
+    description: '边框',
+    defaultValue: true
+  }, {
+    name: 'hasClear',
+    propType: 'bool',
+    description: '清除按钮',
+    defaultValue: false
+  }, {
+    name: 'notFoundContent',
+    title: {
+      label: '无数据时显示内容',
+      tip: 'notFoundContent'
+    },
+    propType: {
+      type: 'oneOfType',
+      value: ['node', 'string']
+    },
+    description: '无数据时显示内容',
+    defaultValue: 'Not Found'
+  }, {
+    name: 'loadData',
+    propType: 'func',
+    description: '异步加载数据函数\n@param {Object} data 当前点击异步加载的数据'
+  }, {
+    name: 'header',
+    propType: 'node',
+    description: '自定义下拉框头部'
+  }, {
+    name: 'footer',
+    propType: 'node',
+    description: '自定义下拉框底部'
+  }, {
+    name: 'defaultVisible',
+    title: {
+      label: '初始下拉框是否显示',
+      tip: 'defaultVisible'
+    },
+    propType: 'bool',
+    description: '初始下拉框是否显示',
+    defaultValue: false
+  }, {
+    name: 'visible',
+    title: {
+      label: '当前下拉框是否显示',
+      tip: 'visible'
+    },
+    propType: 'bool',
+    description: '当前下拉框是否显示'
+  }, {
+    name: 'disableEdit',
+    propType: 'bool',
+    description: '禁止编辑'
+  }, {
+    name: 'onChange',
+    propType: 'func',
+    description: '选中值改变时触发的回调函数\n@param {String|Array} value 选中的值，单选时返回单个值，多选时返回数组\n@param {Object|Array} data 选中的数据，包括 value 和 label，单选时返回单个值，多选时返回数组，父子节点选中关联时，同时选中，只返回父节点\n@param {Object} extra 额外参数\n@param {Array} extra.selectedPath 单选时选中的数据的路径\n@param {Boolean} extra.checked 多选时当前的操作是选中还是取消选中\n@param {Object} extra.currentData 多选时当前操作的数据\n@param {Array} extra.checkedData 多选时所有被选中的数据\n@param {Array} extra.indeterminateData 多选时半选的数据'
+  }, {
+    name: 'expandTriggerType',
+    propType: {
+      type: 'oneOf',
+      value: ['click', 'hover']
+    },
+    description: '展开触发方式',
+    defaultValue: 'click'
+  }, {
+    name: 'onExpand',
+    propType: 'func'
+  }, {
+    name: 'useVirtual',
+    propType: 'bool',
+    description: '虚拟滚动',
+    defaultValue: false
+  }, {
+    name: 'multiple',
+    propType: 'bool',
+    description: '是否多选',
+    defaultValue: false
+  }, {
+    name: 'changeOnSelect',
+    title: {
+      label: '选中即改变',
+      tip: 'changeOnSelect|是否选中即发生改变, 该属性仅在单选模式下有效'
+    },
+    propType: 'bool',
+    description: '是否选中即发生改变, 该属性仅在单选模式下有效',
+    defaultValue: false
+  }, {
+    name: 'canOnlyCheckLeaf',
+    title: {
+      label: 'canOnlyCheckLeaf',
+      tip: '是否只能勾选叶子项的checkbox，该属性仅在多选模式下有效'
+    },
+    propType: 'bool',
+    description: '是否只能勾选叶子项的checkbox，该属性仅在多选模式下有效',
+    defaultValue: false
+  }, {
+    name: 'checkStrictly',
+    title: {
+      label: 'checkStrictly',
+      tip: '父子节点是否选中不关联'
+    },
+    propType: 'bool',
+    description: '父子节点是否选中不关联',
+    defaultValue: false
+  }, {
+    name: 'listStyle',
+    propType: 'object',
+    description: '每列列表样式对象'
+  }, {
+    name: 'resultAutoWidth',
+    title: {
+      label: 'resultAutoWidth',
+      tip: '搜索结果列表是否和选择框等宽'
+    },
+    propType: 'bool',
+    description: '搜索结果列表是否和选择框等宽',
+    defaultValue: true
+  }, {
+    name: 'showSearch',
+    propType: 'bool',
+    description: '搜索框',
+    defaultValue: false
+  }, {
+    name: 'filter',
+    propType: 'func',
+    description: '自定义搜索函数\n@param {String} searchValue 搜索的关键字\n@param {Array} path 节点路径\n@return {Boolean} 是否匹配\n@default 根据路径所有节点的文本值模糊匹配'
+  }, {
+    name: 'onVisibleChange',
+    propType: 'func',
+    description: '下拉框显示或关闭时触发事件的回调函数\n@param {Boolean} visible 是否显示\n@param {String} type 触发显示关闭的操作类型, fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发'
+  }, {
+    name: 'popupStyle',
+    propType: 'object',
+    description: '下拉框自定义样式对象'
+  }, {
+    name: 'popupProps',
+    propType: 'object',
+    description: '透传到 Popup 的属性对象'
+  }, {
+    name: 'followTrigger',
+    title: {
+      label: '是否跟随滚动',
+      tip: 'followTrigger'
+    },
+    propType: 'bool',
+    description: '是否跟随滚动'
+  }, {
+    name: 'isPreview',
+    title: {
+      label: '是否为预览态',
+      tip: 'isPreview'
+    },
+    propType: 'bool',
+    description: '是否为预览态'
+  }, {
+    name: 'style',
+    propType: 'object'
+  }, {
+    name: 'popupContainer',
+    propType: 'any',
+    description: '弹层容器\n@param {Element} target 目标元素\n@return {Element} 弹层的容器元素'
+  }],
+  configure: {
+    supports: {
+      style: true,
+      events: ['onChange', 'onExpand', 'onVisibleChange']
+    },
+    props: [{
+      name: 'label',
+      title: {
+        label: '内联文案',
+        tip: '自定义内联 label'
+      },
+      setter: 'StringSetter',
+      supportVariable: true
+    }, {
+      name: 'size',
+      title: '尺寸',
+      setter: {
+        componentName: 'RadioGroupSetter',
+        props: {
+          options: ['small', 'medium', 'large']
+        }
+      },
+      defaultValue: 'medium'
+    }, {
+      name: 'placeholder',
+      title: '占位提示',
+      setter: 'StringSetter',
+      supportVariable: true
+    }, {
+      name: 'dataSource',
+      title: '级联数据',
+      setter: 'JsonSetter',
+      supportVariable: true
+    }, {
+      name: 'defaultValue',
+      title: '默认值',
+      defaultValue: '',
+      setter: {
+        componentName: 'MixedSetter',
+        props: {
+          setters: ['StringSetter', 'ExpressionSetter']
+        }
+      }
+    }, {
+      name: 'required',
+      setter: 'BoolSetter',
+      title: {
+        label: {
+          type: 'i18n',
+          zh_CN: '是否必填',
+          en_US: 'Required'
+        },
+        tip: 'required | 是否必填'
+      },
+      supportVariable: true,
+      defaultValue: false
+    }, {
+      name: 'disableEdit',
+      setter: 'BoolSetter',
+      title: {
+        label: {
+          type: 'i18n',
+          zh_CN: '禁止编辑',
+          en_US: 'Disable Edit'
+        },
+        tip: 'disableEdit | 禁止编辑'
+      },
+      supportVariable: true,
+      defaultValue: false
+    }, {
+      name: 'hasArrow',
+      setter: 'BoolSetter',
+      supportVariable: true,
+      title: '下拉箭头',
+      defaultValue: true
+    }, {
+      name: 'hasBorder',
+      setter: 'BoolSetter',
+      supportVariable: true,
+      title: '边框',
+      defaultValue: true
+    }, {
+      name: 'hasClear',
+      setter: 'BoolSetter',
+      supportVariable: true,
+      title: '清除按钮',
+      defaultValue: false
+    },
+    // {
+    //   name: 'disabled',
+    //   setter: 'BoolSetter',
+    //   supportVariable: true,
+    //   title: '是否禁用',
+    //   defaultValue: false,
+    // },
+    {
+      name: 'multiple',
+      setter: 'BoolSetter',
+      supportVariable: true,
+      title: '是否多选',
+      defaultValue: false
+    }, {
+      name: 'showSearch',
+      setter: 'BoolSetter',
+      supportVariable: true,
+      title: '搜索框',
+      defaultValue: false
+    }, {
+      name: 'followTrigger',
+      title: {
+        label: '跟随滚动',
+        tip: 'followTrigger'
+      },
+      setter: 'BoolSetter',
+      supportVariable: true,
+      description: '是否跟随滚动'
+    }, {
+      name: 'isPreview',
+      title: {
+        label: '预览态',
+        tip: 'isPreview'
+      },
+      setter: 'BoolSetter',
+      supportVariable: true,
+      description: '是否为预览态'
+    }, {
+      name: 'expandTriggerType',
+      display: 'block',
+      setter: {
+        componentName: 'RadioGroupSetter',
+        props: {
+          options: ['click', 'hover']
+        }
+      },
+      title: '展开触发方式',
+      defaultValue: 'click'
+    }, {
+      name: 'notFoundContent',
+      display: 'block',
+      title: {
+        label: '无数据时显示内容',
+        tip: 'notFoundContent'
+      },
+      setter: {
+        componentName: 'MixedSetter',
+        props: {
+          setters: ['StringSetter', 'SlotSetter']
+        }
+      },
+      defaultValue: 'Not Found'
+    }, {
+      type: 'group',
+      title: '高级',
+      display: 'block',
+      items: [{
+        name: 'id',
+        title: {
+          label: {
+            type: 'i18n',
+            zh_CN: '唯一标识',
+            en_US: 'ID'
+          },
+          tip: {
+            type: 'i18n',
+            zh_CN: '属性: id | 说明: 唯一标识',
+            en_US: 'prop: id | description: switch id'
+          }
+        },
+        setter: 'StringSetter',
+        supportVariable: true
+      }, {
+        name: 'name',
+        title: {
+          label: {
+            type: 'i18n',
+            zh_CN: '表单标识',
+            en_US: 'Name'
+          },
+          tip: {
+            type: 'i18n',
+            zh_CN: '属性: name | 说明: 表单标识',
+            en_US: 'prop: name | description: switch name'
+          }
+        },
+        setter: 'StringSetter',
+        supportVariable: true
+      }]
+    }]
+  },
+  icon: '',
+  snippets: snippets
+};

package/lowcode_es/pro-cascader-select/snippets.d.ts

@@ -0,0 +1,25 @@
+declare const _default: {
+    title: string;
+    screenshot: string;
+    schema: {
+        componentName: string;
+        props: {
+            prefix: string;
+            size: string;
+            hasArrow: boolean;
+            hasBorder: boolean;
+            expandTriggerType: string;
+            resultAutoWidth: boolean;
+            notFoundContent: string;
+            dataSource: {
+                value: string;
+                label: string;
+                children: {
+                    value: string;
+                    label: string;
+                }[];
+            }[];
+        };
+    };
+}[];
+export default _default;

package/lowcode_es/pro-cascader-select/snippets.design.d.ts

@@ -0,0 +1,38 @@
+declare const _default: ({
+    title: string;
+    screenshot: string;
+    schema: {
+        componentName: string;
+        props: {
+            prefix: string;
+            size: string;
+            hasArrow: boolean;
+            hasBorder: boolean;
+            expandTriggerType: string;
+            resultAutoWidth: boolean;
+            notFoundContent: string;
+            plainData: string;
+            dataSource: any;
+            value: any[];
+        };
+    };
+} | {
+    title: string;
+    screenshot: string;
+    schema: {
+        componentName: string;
+        props: {
+            prefix: string;
+            expandTriggerType: string;
+            plainData: string;
+            dataSource: any;
+            value: any[];
+            size?: undefined;
+            hasArrow?: undefined;
+            hasBorder?: undefined;
+            resultAutoWidth?: undefined;
+            notFoundContent?: undefined;
+        };
+    };
+})[];
+export default _default;

package/lowcode_es/pro-cascader-select/snippets.design.js

@@ -0,0 +1,44 @@
+import parseData from "../utils/parse-data";
+import { createDataSource } from "./adaptor";
+var plainData = '*1\n\t*1-1\n\t\t1-1-1\n\t\t1-1-2\n\t\t1-1-3\n\t\t1-1-4\n\t\t*1-1-5\n\t1-2\n\t1-3\n\t1-4\n\t1-5\n2\n\t2-1\n\t2-2\n\t2-3\n\t2-4\n\t2-5\n3\n\t3-1\n\t3-2\n\t3-3\n\t3-4\n\t3-5\n4\n\t4-1\n\t4-2\n\t4-3\n\t4-4\n\t4-5\n5\n\t5-1\n\t5-2\n\t5-3\n\t5-4\n\t5-5';
+var list = parseData(plainData).filter(function (_ref) {
+  var type = _ref.type;
+  return 'node' === type;
+});
+var keys = {
+  selected: [],
+  expanded: []
+};
+var dataSource = createDataSource(list, keys);
+export default [{
+  title: '级联选择器',
+  screenshot: 'https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_cascader-select.png',
+  schema: {
+    componentName: 'ProCascaderSelect',
+    props: {
+      prefix: 'next-',
+      size: 'medium',
+      hasArrow: true,
+      hasBorder: true,
+      expandTriggerType: 'click',
+      resultAutoWidth: true,
+      notFoundContent: 'Not Found',
+      plainData: plainData,
+      dataSource: dataSource,
+      value: keys.selected
+    }
+  }
+}, {
+  title: '级联',
+  screenshot: 'https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_cascader.png',
+  schema: {
+    componentName: 'Cascader',
+    props: {
+      prefix: 'next-',
+      expandTriggerType: 'click',
+      plainData: plainData,
+      dataSource: dataSource,
+      value: keys.selected
+    }
+  }
+}];

package/lowcode_es/pro-cascader-select/snippets.js

@@ -0,0 +1,30 @@
+export default [{
+  title: '级联选择器',
+  screenshot: 'https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_cascader-select.png',
+  schema: {
+    componentName: 'ProCascaderSelect',
+    props: {
+      prefix: 'next-',
+      size: 'medium',
+      hasArrow: true,
+      hasBorder: true,
+      expandTriggerType: 'click',
+      resultAutoWidth: true,
+      notFoundContent: 'Not Found',
+      dataSource: [{
+        value: '2974',
+        label: '西安',
+        children: [{
+          value: '2975',
+          label: '西安市'
+        }, {
+          value: '2976',
+          label: '高陵县'
+        }, {
+          value: '2977',
+          label: '蓝田县'
+        }]
+      }]
+    }
+  }
+}];