@openli1115/lowcode-edit-pro-table 1.0.23

package/lowcode/print-button/meta.ts

@@ -0,0 +1,168 @@
+
+import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
+import printer from './printer.svg';
+
+const PrintButtonMeta: IPublicTypeComponentMetadata = {
+  "componentName": "PrintButton",
+  "title": "打印",
+  "group": "精选组件",
+  "category": "基础元素",
+  "docUrl": "",
+  "screenshot": "",
+  "devMode": "proCode",
+  "npm": {
+    "package": "lowcode-edit-pro-table",
+    "version": "{{version}}",
+    "exportName": "PrintButton",
+    "main": "src/index.tsx",
+    "destructuring": true,
+    "subName": ""
+  },
+  "configure": {
+    "props": [
+      // {
+      //   "title": {
+      //     "label": {
+      //       "type": "i18n",
+      //       "en-US": "Print ID",
+      //       "zh-CN": "打印编号"
+      //     },
+      //     "tip": "printId | 打印编号"
+      //   },
+      //   "name": "printId",
+      //   "setter": {
+      //     "componentName": "StringSetter",
+      //     "isRequired": false,
+      //     "initialValue": ""
+      //   }
+      // },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "Button Text",
+            "zh-CN": "文字"
+          },
+          "tip": "Text | 文字"
+        },
+        "name": "text",
+        "setter": {
+          "componentName": "StringSetter",
+          "isRequired": false,
+          "initialValue": "打印"
+        }
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "Button Type",
+            "zh-CN": "类型"
+          },
+          "tip": "type | 类型"
+        },
+        "name": "type",
+        "description": "类型",
+        "setter": {
+          "componentName": "RadioGroupSetter",
+          "props": {
+            "dataSource": [
+              {
+                "label": "primary",
+                "value": "primary"
+              },
+              {
+                "label": "secondary",
+                "value": "secondary"
+              },
+              {
+                "label": "normal",
+                "value": "normal"
+              }
+            ],
+            "options": [
+              {
+                "label": "primary",
+                "value": "primary"
+              },
+              {
+                "label": "secondary",
+                "value": "secondary"
+              },
+              {
+                "label": "normal",
+                "value": "normal"
+              }
+            ]
+          },
+          "initialValue": "primary"
+        }
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "Button Size",
+            "zh-CN": "大小"
+          },
+          "tip": "size | 大小"
+        },
+        "name": "size",
+        "description": "大小",
+        "setter": {
+          "componentName": "RadioGroupSetter",
+          "props": {
+            "dataSource": [
+              {
+                "label": "small",
+                "value": "small"
+              },
+              {
+                "label": "medium",
+                "value": "medium"
+              },
+              {
+                "label": "large",
+                "value": "large"
+              }
+            ],
+            "options": [
+              {
+                "label": "small",
+                "value": "small"
+              },
+              {
+                "label": "medium",
+                "value": "medium"
+              },
+              {
+                "label": "large",
+                "value": "large"
+              }
+            ]
+          },
+          "initialValue": "medium"
+        }
+      },
+    ],
+    "supports": {
+      "style": true
+    },
+    "component": {}
+  }
+};
+const snippets: IPublicTypeSnippet[] = [
+  {
+    "title": "打印",
+    "screenshot": printer,
+    "schema": {
+      "componentName": "PrintButton",
+      "props": {}
+    }
+  }
+];
+
+export default {
+  ...PrintButtonMeta,
+  snippets
+};

package/lowcode/print-button/printer.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1744077433404" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7293" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512"><path d="M887.008 410.72l0 252.432c0 34.16-27.664 61.824-61.824 61.824l-127.536 0 0-30.928 127.536 0c17.168 0 30.928-13.744 30.928-30.912L856.112 410.72c0-17.008-13.744-30.928-30.928-30.928L186.288 379.792c-17.008 0-30.944 13.92-30.944 30.928l0 252.432c0 17.152 13.92 30.912 30.944 30.912l127.536 0 0 30.928-127.536 0c-34.176 0-61.84-27.664-61.84-61.824L124.448 410.72c0-34.176 27.664-61.84 61.84-61.84l638.896 0C859.344 348.88 887.008 376.544 887.008 410.72z" fill="#bfbfbf" p-id="7294"></path><path d="M713.152 379.792 304.784 379.792 304.784 215.424l88.432-98.416 319.936 0L713.152 379.792zM335.696 348.88 682.24 348.88 682.24 147.92 407.008 147.92l-71.296 79.344L335.712 348.88z" fill="#bfbfbf" p-id="7295"></path><path d="M422.016 236.8 320.256 236.8 320.256 205.888 391.088 205.888 391.088 140.192 422.016 140.192Z" fill="#bfbfbf" p-id="7296"></path><path d="M670.64 433.904l27.04 0 0 30.912-27.04 0 0-30.912Z" fill="#bfbfbf" p-id="7297"></path><path d="M793.024 433.904l27.04 0 0 30.912-27.04 0 0-30.912Z" fill="#bfbfbf" p-id="7298"></path><path d="M731.184 433.904l30.912 0 0 30.912-30.912 0 0-30.912Z" fill="#bfbfbf" p-id="7299"></path><path d="M713.152 905.312 298.336 905.312 298.336 556.288l414.816 0L713.152 905.312zM329.264 874.368 682.24 874.368 682.24 587.2 329.264 587.2 329.264 874.368z" fill="#bfbfbf" p-id="7300"></path><path d="M282.896 556.288l448.304 0 0 30.928-448.304 0 0-30.928Z" fill="#bfbfbf" p-id="7301"></path><path d="M391.088 636.144l231.872 0 0 30.928-231.872 0 0-30.928Z" fill="#bfbfbf" p-id="7302"></path><path d="M391.056 715.328l231.872 0 0 30.912-231.872 0 0-30.912Z" fill="#bfbfbf" p-id="7303"></path><path d="M391.088 787.536l231.872 0 0 30.912-231.872 0 0-30.912Z" fill="#bfbfbf" p-id="7304"></path></svg>

package/lowcode/pro-cascader-select/adaptor.ts

@@ -0,0 +1,23 @@
+let index = 1000;
+export const createDataSource = (list, map = {}) => {
+  if (!list) return [];
+  return list
+    .filter((item) => item.type === 'node')
+    .map(({ value, children, state }) => {
+      const key = String(index++);
+      if (state === 'active') {
+        if (!children || children.length === 0) {
+          map.selected.push(key);
+        } else {
+          map.expanded.push(key);
+        }
+      }
+
+      return {
+        value: key,
+        label: value,
+        disabled: state === 'disabled',
+        children: createDataSource(children, map),
+      };
+    });
+};

package/lowcode/pro-cascader-select/meta.design.ts

@@ -0,0 +1,440 @@
+import snippets from './snippets.design';
+import parseData from '../utils/parse-data';
+import { createDataSource } from './adaptor';
+
+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: 'disabled',
+      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: 'readOnly',
+      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',
+      },
+      {
+        name: 'placeholder',
+        title: {
+          label: '占位提示',
+          tip: '属性: placeholder',
+        },
+        defaultValue: '请选择', // 不生效
+        setter: 'StringSetter',
+      },
+      {
+        name: 'size',
+        title: {
+          label: {
+            type: 'i18n',
+            zh_CN: '尺寸',
+            en_US: 'Button Size',
+          },
+          tip: {
+            type: 'i18n',
+            zh_CN: '属性: size | 说明: 按钮尺寸',
+            en_US: 'prop: size | description: button size',
+          },
+        },
+        setter: {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [
+              {
+                label: '小',
+                value: 'small',
+              },
+              {
+                label: '中',
+                value: 'medium',
+              },
+              {
+                label: '大',
+                value: 'large',
+              },
+            ],
+          },
+        },
+        defaultValue: 'medium',
+      },
+      {
+        name: 'visible',
+        title: {
+          label: '状态',
+          tip: '属性: visible',
+        },
+        setter: {
+          componentName: 'RadioGroupSetter',
+          props: {
+            defaultValue: 'single',
+            options: [
+              { value: false, title: '普通' },
+              { value: true, title: '展开' },
+            ],
+          },
+        },
+      },
+      {
+        name: 'hasBorder',
+        title: {
+          label: {
+            type: 'i18n',
+            zh_CN: '显示边框',
+            en_US: 'ShowBorder',
+          },
+          tip: {
+            type: 'i18n',
+            zh_CN: '属性: hasBorder | 说明: 是否有边框',
+            en_US: 'prop: hasBorder | description: HasBorder',
+          },
+        },
+        setter: {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [
+              {
+                label: '无',
+                value: false,
+              },
+              {
+                label: '有',
+                value: true,
+              },
+            ],
+          },
+        },
+      },
+      {
+        name: 'multiple',
+        title: '复选框',
+        setter: {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [
+              {
+                label: '无',
+                value: false,
+              },
+              {
+                label: '有',
+                value: true,
+              },
+            ],
+          },
+        },
+        defaultValue: false,
+      },
+      {
+        name: 'style.width',
+        title: '宽度',
+        setter: 'NumberSetter',
+      },
+      {
+        name: 'showSearch',
+        title: {
+          label: '可搜索',
+          tip: '属性: showSearch',
+        },
+        setter: 'BoolSetter',
+        defaultValue: false,
+      },
+      {
+        name: 'disabled',
+        title: '是否禁用',
+        setter: 'BoolSetter',
+        defaultValue: false,
+      },
+      {
+        name: 'plainData',
+        display: 'block',
+        title: '内容',
+        tip: {
+          title: '数据格式',
+          url: '',
+        },
+        setValue: (target, value) => {
+          const list = parseData(value).filter(({ type }) => 'node' === type);
+          const keys = { selected: [], expanded: [] };
+          const dataSource = createDataSource(list, keys);
+          target.parent.setPropValue('dataSource', dataSource);
+          target.parent.setPropValue('value', keys.selected);
+        },
+        setter: {
+          componentName: 'MagicEditorSetter',
+          props: {
+            toolbar: ['normal', 'active', 'disable'],
+            disableIcon: true,
+          },
+        },
+      },
+    ],
+  },
+  icon: '',
+  snippets,
+};