@pisell/materials 3.0.62 → 6.0.2

package/lowcode/data-source-typography.text/meta.ts

@@ -0,0 +1,212 @@
+import { MetaType } from '../_utils/type';
+import {
+  genGeneralVariablesSetting,
+} from '../_utils/defaultSchema';
+import snippets from './snippets';
+
+const DataSourceTypographyText: MetaType = {
+  snippets,
+  componentName: 'DataSourceTypography.Text',
+  title: '文本',
+  category: '数据展示',
+  group: '无代码组件',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'DataSourceTypography',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: 'Text',
+  },
+  generalProps: [
+    genGeneralVariablesSetting({
+      name: 'children',
+      title: { label: '内容', tip: '内容' },
+    }),
+  ],
+  configure: {
+    props: [
+      {
+        name: 'children',
+        title: { label: '内容', tip: '内容' },
+        setter: {
+          componentName: 'PisellI18nSetter',
+        },
+        defaultValue: '',
+        supportVariable: true,
+      },
+      {
+        name: 'code',
+        title: { label: '添加代码样式', tip: '添加代码样式' },
+        defaultValue: false,
+      },
+      {
+        name: 'delete',
+        title: { label: '添加删除线样式', tip: '添加删除线样式' },
+        defaultValue: false,
+      },
+      {
+        name: 'disabled',
+        title: { label: '是否禁用', tip: '是否为禁用状态' },
+        defaultValue: false,
+      },
+
+      {
+        name: 'mark',
+        title: { label: '添加标记样式', tip: '添加标记样式' },
+        defaultValue: false,
+      },
+      {
+        name: 'keyboard',
+        title: { label: '添加键盘样式', tip: '添加键盘样式' },
+        defaultValue: false,
+      },
+      {
+        name: 'underline',
+        title: { label: '添加下划线样式', tip: '添加下划线样式' },
+        defaultValue: false,
+      },
+      {
+        name: 'strong',
+        title: { label: '是否加粗', tip: '是否加粗' },
+        defaultValue: false,
+      },
+      {
+        name: 'type',
+        title: { label: '文本类型', tip: '文本类型' },
+        setter: {
+          componentName: 'SelectSetter',
+          props: {
+            options: [
+              {
+                title: '默认',
+                value: 'default',
+              },
+              {
+                title: '弱提示',
+                value: 'secondary',
+              },
+              {
+                title: '成功',
+                value: 'success',
+              },
+              {
+                title: '警告',
+                value: 'warning',
+              },
+              {
+                title: '错误',
+                value: 'danger',
+              },
+            ],
+          },
+        },
+      },
+      {
+        title: '高级',
+        type: 'group',
+        display: 'accordion',
+        items: [
+          {
+            name: 'copyable',
+            title: { label: '是否可拷贝', tip: '是否可拷贝' },
+            setter: [
+              {
+                componentName: 'BoolSetter',
+                isRequired: false,
+                initialValue: false,
+              },
+              {
+                componentName: 'JsonSetter',
+                isRequired: false,
+              },
+            ],
+          },
+          {
+            name: 'editable',
+            title: { label: '是否可编辑', tip: '是否可编辑' },
+            setter: [
+              {
+                componentName: 'BoolSetter',
+                isRequired: false,
+                initialValue: false,
+              },
+              {
+                componentName: 'JsonSetter',
+                isRequired: false,
+              },
+            ],
+          },
+          {
+            name: 'ellipsis',
+            title: {
+              label: '自动溢出省略',
+              tip: '设置自动溢出省略，需要设置元素宽度',
+            },
+            setter: [
+              {
+                componentName: 'BoolSetter',
+                isRequired: false,
+                initialValue: false,
+              },
+              {
+                componentName: 'JsonSetter',
+                isRequired: false,
+              },
+            ],
+          },
+        ],
+      },
+    ],
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onClick',
+          template:
+            "onClick(event,${extParams}){\n// 点击时的回调\nconsole.log('onClick', event);}",
+        },
+        {
+          name: 'copyable.onCopy',
+          template:
+            "onCopy(${extParams}){\n// 拷贝成功的回调函数\nconsole.log('onCopy');}",
+        },
+        {
+          name: 'editable.onStart',
+          template:
+            "onStart(${extParams}){\n// 进入编辑中状态时触发\nconsole.log('onStart');}",
+        },
+        {
+          name: 'editable.onChange',
+          template:
+            "onChange(event,${extParams}){\n// 文本域编辑时触发\nconsole.log('onChange', event);}",
+        },
+        {
+          name: 'editable.onEnd',
+          template:
+            "onEnd(${extParams}){\n// 按 ENTER 结束编辑状态时触发\nconsole.log('onEnd');}",
+        },
+        {
+          name: 'editable.onCancel',
+          template:
+            "onCancel(${extParams}){\n// 按 ESC 退出编辑状态时触发\nconsole.log('onCancel');}",
+        },
+        {
+          name: 'ellipsis.onEllipsis',
+          template:
+            "onEllipsis(ellipsis,${extParams}){\n// 触发省略时的回调\nconsole.log('onEllipsis', ellipsis);}",
+        },
+        {
+          name: 'ellipsis.onExpand',
+          template:
+            "onExpand(event,${extParams}){\n// 点击展开时的回调\nconsole.log('onExpand', event);}",
+        },
+      ],
+    },
+  },
+};
+
+export default DataSourceTypographyText;

package/lowcode/data-source-typography.text/snippets.ts

@@ -0,0 +1,12 @@
+export default [
+  {
+    title: '文本',
+    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/typography-text-1.png',
+    schema: {
+      componentName: 'DataSourceTypography.Text',
+      props: {
+        children: 'text',
+      },
+    },
+  },
+];

package/lowcode/data-source-wrapper/meta.ts

@@ -0,0 +1,243 @@
+import snippets from './snippets';
+import { MetaType } from '../_utils/type';
+import {
+  getDataSourceVariables,
+  setBatchVariables,
+} from '../data-source-form/utils';
+import { genCptValuesByDetail } from './utils';
+
+const dataSourceWrapper: MetaType = {
+  snippets,
+  componentName: 'DataSourceWrapper',
+  title: '数据源容器',
+  category: '容器',
+  group: '无代码组件',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'DataSourceWrapper',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  generalProps: [
+    {
+      type: 'group',
+      title: {
+        type: 'i18n',
+        'en-US': 'Data',
+        'zh-CN': '数据',
+      },
+      display: 'accordion',
+      items: [
+        {
+          name: 'dataSource',
+          title: {
+            type: 'i18n',
+            'en-US': 'Source',
+            'zh-CN': '数据源',
+          },
+          display: 'block',
+          extraProps: {
+            setValue(target: any, value: any) {
+              if (!value.item) {
+                target.getProps().setPropValue('title', '');
+                setBatchVariables(target, [
+                  {
+                    label: 'currentFields',
+                    value: [],
+                  },
+                  {
+                    label: 'dataSourceTitle',
+                    value: '',
+                  },
+                  {
+                    label: 'dataSourceValue',
+                    value: '',
+                  },
+                  {
+                    label: 'cptValuesVariables',
+                    value: [],
+                  },
+                ]);
+                target.node.children.importSchema([]);
+                return target.getProps().setPropValue('dataSource', '');
+              }
+
+              // 如果重新选择选择数据源，则清空内部内容
+              if (value.isSelect) {
+                target.getProps().setPropValue('title', '');
+                target.node.children.importSchema([]);
+              }
+              
+              const dataSource = value.isVariable ? value.value : value.item;
+
+              setBatchVariables(target, [
+                {
+                  label: 'currentFields',
+                  value: value.item.fields,
+                },
+                {
+                  label: 'dataSourceTitle',
+                  value: value.title,
+                },
+                {
+                  label: 'dataSourceValue',
+                  value: dataSource,
+                },
+                {
+                  label: 'cptValuesVariables',
+                  value: genCptValuesByDetail(dataSource, target),
+                },
+              ]);
+
+
+              return target.getProps().setPropValue('dataSource', dataSource);
+            },
+          },
+          setter: {
+            componentName: 'PisellDataSourceSetter',
+            props: (target: any) => {
+              return {
+                variables: getDataSourceVariables(target),
+              };
+            },
+          },
+        },
+      ],
+    },
+    {
+      type: 'group',
+      name: 'overrideData',
+      title: {
+        type: 'i18n',
+        'en-US': 'Override Data',
+        'zh-CN': '覆盖数据',
+      },
+      display: 'accordion',
+      items: [
+        {
+          name: 'overrideData.list',
+          title: {
+            type: 'i18n',
+            'en-US': 'List Data',
+            'zh-CN': '列表数据',
+          },
+          setter: 'JsonSetter'
+        },
+        {
+          name: 'overrideData.get',
+          title: {
+            type: 'i18n',
+            'en-US': 'Get Data',
+            'zh-CN': '详情数据',
+          },
+          setter: 'JsonSetter'
+        },
+      ]
+    },
+    {
+      type: 'group',
+      name: 'autoRun',
+      title: {
+        type: 'i18n',
+        'en-US': 'Auto Run',
+        'zh-CN': '自动运行',
+      },
+      display: 'accordion',
+      items: [
+        {
+          name: 'autoRun.list',
+          title: {
+            type: 'i18n',
+            'en-US': 'List Auto Run',
+            'zh-CN': '列表自动运行',
+          },
+          setter: 'BoolSetter',
+          defaultValue: false,
+        },
+        {
+          name: 'autoRun.get',
+          title: {
+            type: 'i18n',
+            'en-US': 'Get Auto Run', 
+            'zh-CN': '详情自动运行',
+          },
+          setter: 'BoolSetter',
+          defaultValue: false,
+        }
+      ]
+    },
+    {
+      type: 'group',
+      name: 'actions',
+      title: {
+        type: 'i18n',
+        'en-US': 'Actions',
+        'zh-CN': '操作',
+      },
+      display: 'accordion',
+      items: [
+        {
+          name: 'actions.list',
+          title: {
+            type: 'i18n',
+            'en-US': 'List Action',
+            'zh-CN': '列表操作',
+          },
+          setter: 'FunctionSetter'
+        },
+        {
+          name: 'actions.get',
+          title: {
+            type: 'i18n',
+            'en-US': 'Get Action',
+            'zh-CN': '获取操作',
+          },
+          setter: 'FunctionSetter'
+        },
+        {
+          name: 'actions.update',
+          title: {
+            type: 'i18n',
+            'en-US': 'Update Action',
+            'zh-CN': '更新操作',
+          },
+          setter: 'FunctionSetter'
+        },
+        {
+          name: 'actions.create',
+          title: {
+            type: 'i18n',
+            'en-US': 'Create Action',
+            'zh-CN': '创建操作',
+          },
+          setter: 'FunctionSetter'
+        },
+        {
+          name: 'actions.destroy',
+          title: {
+            type: 'i18n',
+            'en-US': 'Destroy Action',
+            'zh-CN': '删除操作',
+          },
+          setter: 'FunctionSetter'
+        }
+      ]
+    }
+  ],
+  configure: {
+    component: { isContainer: true },
+    supports: {
+      style: true,
+      events: [],
+    },
+    advanced: {
+      callbacks: {},
+    },
+  },
+};
+export default dataSourceWrapper;

package/lowcode/data-source-wrapper/snippets.ts

@@ -0,0 +1,11 @@
+export default [
+  {
+    title: '数据源容器',
+    schema: {
+      title: '数据源容器',
+      componentName: 'DataSourceWrapper',
+      props: {},
+      children: [],
+    },
+  },
+];

package/lowcode/data-source-wrapper/utils.ts

@@ -0,0 +1,45 @@
+import { genDataSourceValueKey } from '../data-source-table/utils';
+
+// 根据数据源详情生成Cpt的value变量值
+export const genCptValuesByDetail = (item: any, target: any) => {
+  const { actions, fields } = item;
+
+  const values = [];
+
+  if (actions.get) {
+    values.push({
+      label: 'get',
+      value: 'get',
+      selectable: false,
+      children: [
+        {
+          label: '数据',
+          value: 'data',
+          selectable: false,
+          children: fields.map((field: any) => {
+            return {
+              label: field.uiSchema.title,
+              value: genDataSourceValueKey(target, `get.data.${field.name}`),
+            };
+          }),
+        },
+      ],
+    });
+  }
+
+  if (actions.list) {
+    values.push({
+      label: 'list',
+      value: 'list',
+      selectable: false,
+      children: [
+        {
+          label: '数据',
+          value: genDataSourceValueKey(target, 'list.data'),
+        },
+      ],
+    });
+  }
+
+  return values;
+};

package/lowcode/date-picker.old-range-picker/meta.ts

@@ -3,7 +3,7 @@ import snippets from "./snippets";
 export default {
   snippets,
   componentName: "DatePicker.OldRangePicker",
-  title: "日期区间选择",
+  title: "旧版区间",
   category: "表单",
   docUrl: "",
   screenshot: "",

package/lowcode/date-picker.range-picker/meta.ts

@@ -171,26 +171,6 @@ export default {
               },
             },
           },
-          {
-            name: "isHideCustomSelect",
-            title: {
-              label: "是否隐藏自定义范围",
-              tip: "isHideCustomSelect | 是否隐藏自定义范围",
-            },
-            propType: "bool",
-            defaultValue: false,
-            setter: "BoolSetter",
-          },
-          {
-            name: "endDateDays",
-            title: {
-              label: "结束时间在开始时间的几天之后",
-              tip: "endDateDays | 结束时间在开始时间的几天之后",
-            },
-            defaultValue: 0,
-            propType: "number",
-            setter: "NumberSetter",
-          },
         ],
       },
       {

package/lowcode/form/meta.ts

@@ -1,41 +1,41 @@
 import snippets from './snippets';
-import { uuid } from '../_utils/utils'
+import { uuid } from '../_utils/utils';
 
 export default {
   snippets,
   componentName: 'Form',
   title: '表单容器',
   category: '表单',
-  docUrl: "",
-  screenshot: "",
-  devMode: "proCode",
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
   npm: {
-    package: "@pisell/materials",
-    version: "1.0.1",
-    exportName: "Form",
-    main: "src/index.tsx",
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'Form',
+    main: 'src/index.tsx',
     destructuring: true,
-    subName: "",
+    subName: '',
   },
   props: [
     {
       name: 'ref',
       title: {
         label: 'ref',
-        tip: 'ref | 通过 this.$(\'xxx\') 获取到组件实例',
+        tip: "ref | 通过 this.$('xxx') 获取到组件实例",
       },
       defaultValue: () => {
-        return `form_${uuid()}`
+        return `form_${uuid()}`;
       },
       setter: 'StringSetter',
-      supportVariable: true
+      supportVariable: true,
     },
     {
       name: 'values',
       title: { label: '表单数据源', tip: '表单数据源' },
       propType: 'object',
       setter: 'JsonSetter',
-      supportVariable: true
+      supportVariable: true,
     },
     {
       name: 'colon',
@@ -43,7 +43,7 @@ export default {
       propType: 'bool',
       defaultValue: true,
       setter: 'BoolSetter',
-      supportVariable: true
+      supportVariable: true,
     },
     {
       name: 'hideRequiredMark',
@@ -51,7 +51,7 @@ export default {
       propType: 'bool',
       defaultValue: false,
       setter: 'BoolSetter',
-      supportVariable: true
+      supportVariable: true,
     },
     {
       type: 'group',
@@ -131,7 +131,8 @@ export default {
               },
             },
           },
-          description: '需要为输入控件设置布局样式时，使用该属性，用法同 labelCol',
+          description:
+            '需要为输入控件设置布局样式时，使用该属性，用法同 labelCol',
         },
       ],
     },
@@ -192,7 +193,7 @@ export default {
       },
       propType: 'string',
       setter: 'StringSetter',
-      supportVariable: true
+      supportVariable: true,
     },
     {
       name: 'preserve',
@@ -203,7 +204,7 @@ export default {
       propType: 'bool',
       defaultValue: true,
       setter: 'BoolSetter',
-      supportVariable: true
+      supportVariable: true,
     },
     {
       name: 'scrollToFirstError',
@@ -214,7 +215,7 @@ export default {
       propType: 'bool',
       defaultValue: true,
       setter: 'BoolSetter',
-      supportVariable: true
+      supportVariable: true,
     },
     {
       name: 'size',
@@ -248,7 +249,6 @@ export default {
       name: 'validateMessages',
       title: { label: '验证提示模板', tip: '验证提示模板' },
       setter: 'JsonSetter',
-      defaultValue: { required: "'${name}' 不能为空" },
     },
     {
       name: 'validateTrigger',
@@ -350,7 +350,9 @@ export default {
             !dragment.componentMeta ||
             !dragment.componentMeta.npm ||
             !dragment.componentMeta.npm.package ||
-            dragment.componentMeta.npm.package.indexOf('@alilc/antd-lowcode-materials') === -1 ||
+            dragment.componentMeta.npm.package.indexOf(
+              '@alilc/antd-lowcode-materials'
+            ) === -1 ||
             comps.every((comp) => dragment.componentName.indexOf(comp) === -1)
           ) {
             return;
@@ -370,7 +372,7 @@ export default {
               dragment,
               layoutPNode.exportSchema(),
               // 避免生成新的 nodeId
-              { reserveSchemaNodeId: true },
+              { reserveSchemaNodeId: true }
             );
           }, 1);
         },