@pisell/materials 1.0.449 → 1.0.451

package/lowcode/form-item-time-picker/meta.ts

@@ -0,0 +1,235 @@
+import snippets from './snippets';
+import { formItemGeneralProps } from "../_utils/defaultSchema";
+
+export default {
+  snippets,
+  componentName: 'FormItemTimePicker',
+  title: '时间选择框',
+  category: '表单',
+  group: "无代码组件",
+  docUrl: "",
+  screenshot: "",
+  devMode: "proCode",
+  npm: {
+    package: "@pisell/materials",
+    version: "1.0.1",
+    exportName: "FormItemTimePicker",
+    main: "src/index.tsx",
+    destructuring: true,
+    subName: "",
+  },
+  generalProps: formItemGeneralProps,
+  props: [
+    {
+      name: 'defaultValue',
+      title: { label: '默认时间', tip: '默认时间' },
+      propType: 'date',
+      setter: 'DateSetter',
+    },
+    {
+      name: 'value',
+      title: { label: '当前时间', tip: '当前时间' },
+      propType: 'date',
+      setter: 'DateSetter',
+    },
+    {
+      name: 'allowClear',
+      title: { label: '支持清除', tip: '是否允许清除' },
+      propType: 'bool',
+      defaultValue: true,
+      setter: 'BoolSetter'
+    },
+    {
+      name: 'autoFocus',
+      title: { label: '自动聚焦', tip: '自动获取焦点' },
+      propType: 'bool',
+      defaultValue: false,
+      setter: 'BoolSetter'
+    },
+    {
+      name: 'bordered',
+      title: { label: '显示边框', tip: '是否有边框' },
+      propType: 'bool',
+      defaultValue: true,
+      setter: 'BoolSetter'
+    },
+    {
+      name: 'changeOnBlur',
+      title: { label: '失去焦点触发onChange', tip: '失去焦点时触发 change 事件，例如 datetime 下不再需要点击确认按钮' },
+      propType: 'bool',
+      defaultValue: false,
+      setter: 'BoolSetter'
+    },
+    {
+      name: 'className',
+      title: { label: '选择器类名', tip: '选择器类名' },
+      propType: 'string',
+      setter: 'StringSetter'
+    },
+    {
+      name: 'clearText',
+      title: { label: '清除按钮的提示文案', tip: '清除按钮的提示文案' },
+      propType: 'string',
+      setter: 'StringSetter'
+    },
+    {
+      name: 'disabled',
+      title: { label: '是否禁用', tip: '是否为禁用状态' },
+      propType: 'bool',
+      defaultValue: false,
+      setter: 'BoolSetter'
+    },
+    {
+      name: 'disabledHours',
+      title: { label: '禁止选择部分小时选项', tip: '禁止选择部分小时选项' },
+      propType: 'func',
+    },
+    {
+      name: 'disabledMinutes',
+      title: { label: '禁止选择部分分钟选项', tip: '禁止选择部分分钟选项' },
+      propType: 'func',
+    },
+    {
+      name: 'disabledSeconds',
+      title: { label: '禁止选择部分秒选项', tip: '禁止选择部分秒选项' },
+      propType: 'func',
+    },
+    {
+      name: 'format',
+      title: { label: '展示的时间格式', tip: '展示的时间格式' },
+      propType: 'string',
+      setter: 'StringSetter'
+    },
+    {
+      name: 'getPopupContainer',
+      title: {
+        label: '定义浮层的容器',
+        tip: '定义浮层的容器，默认为 body 上新建 div',
+      },
+      propType: 'func',
+    },
+    {
+      name: 'hideDisabledOptions',
+      title: { label: '隐藏禁止选择的选项', tip: '隐藏禁止选择的选项' },
+      propType: 'bool',
+      defaultValue: false,
+      setter: 'BoolSetter'
+    },
+    {
+      name: 'hourStep',
+      title: { label: '小时选项间隔', tip: '小时选项间隔' },
+      propType: 'number',
+      setter: 'NumberSetter'
+    },
+    {
+      name: 'inputReadOnly',
+      title: {
+        label: '只读',
+        tip: '设置输入框为只读（避免在移动设备上打开虚拟键盘）',
+      },
+      propType: 'bool',
+      defaultValue: false,
+      setter: 'BoolSetter'
+    },
+    {
+      name: 'minuteStep',
+      title: { label: '分钟选项间隔', tip: '分钟选项间隔' },
+      propType: 'number',
+      setter: 'NumberSetter'
+    },
+    // {
+    //   name: 'open',
+    //   title: { label: '面板是否打开', tip: '面板是否打开' },
+    //   propType: 'bool',
+    //   // defaultValue: false,
+    //   setter: 'BoolSetter'
+    // },
+    {
+      name: 'placeholder',
+      title: { label: '空值提示', tip: '没有值的时候显示的内容' },
+      propType: {
+        type: 'oneOfType',
+        value: ['string', { type: 'arrayOf', value: 'string' }],
+      },
+      setter: 'PisellI18nSetter'
+    },
+    {
+      name: 'popupClassName',
+      title: { label: '弹出层类名', tip: '弹出层类名' },
+      propType: 'string',
+      setter: 'StringSetter'
+    },
+    // {
+    //   name: 'popupStyle',
+    //   title: { label: '弹出层样式对象', tip: '弹出层样式对象' },
+    //   propType: 'object',
+    // },
+    {
+      name: 'secondStep',
+      title: { label: '秒选项间隔', tip: '秒选项间隔' },
+      propType: 'number',
+      setter: 'NumberSetter'
+    },
+    // {
+    //   name: 'suffixIcon',
+    //   title: { label: '自定义的选择框后缀图标', tip: '自定义的选择框后缀图标' },
+    //   propType: 'node',
+    // },
+    // {
+    //   name: 'clearIcon',
+    //   title: { label: '自定义的清除图标', tip: '自定义的清除图标' },
+    //   propType: 'node',
+    // },
+    // {
+    //   name: 'renderExtraFooter',
+    //   title: {
+    //     label: '选择框底部显示自定义的内容',
+    //     tip: '选择框底部显示自定义的内容',
+    //   },
+    //   propType: 'func',
+    // },
+    {
+      name: 'use12Hours',
+      title: {
+        label: '12小时制',
+        tip: '使用 12 小时制，为 true 时 `format` 默认为 `h:mm:ss a`',
+      },
+      propType: 'bool',
+      defaultValue: false,
+      setter: 'BoolSetter'
+    },
+    {
+      name: 'onChange',
+      title: { label: '时间发生变化的回调', tip: '时间发生变化的回调' },
+      propType: 'func',
+    },
+    {
+      name: 'onOpenChange',
+      title: { label: '面板打开/关闭时的回调', tip: '面板打开/关闭时的回调' },
+      propType: 'func',
+    },
+    {
+      name: 'showNow',
+      title: { label: '“此刻”按钮', tip: '面板是否显示“此刻”按钮' },
+      propType: 'bool',
+      setter: 'BoolSetter'
+    },
+  ],
+  configure: {
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onChange',
+          template:
+            "onChange(time,timeString,${extParams}){\n// 时间发生变化的回调\nconsole.log('onChange',time,timeString);}",
+        },
+        {
+          name: 'onOpenChange',
+          template:
+            "onOpenChange(open,${extParams}){\n// 面板打开/关闭时的回调\nconsole.log('onOpenChange',open);}",
+        },
+      ],
+    },
+  },
+};

package/lowcode/form-item-time-picker/snippets.ts

@@ -0,0 +1,10 @@
+export default [
+  {
+    title: '时间选择框',
+    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/time-picker-1.png',
+    schema: {
+      componentName: 'FormItemTimePicker',
+      props: {},
+    },
+  },
+];

package/lowcode/form.item/meta.ts

@@ -1,20 +1,22 @@
 import snippets from './snippets';
+import { createFormItemChildren } from '../form/meta';
+import { getVariable } from '../data-source-form/utils';
 
 export default {
   snippets,
   componentName: 'Form.Item',
   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: "Item",
+    subName: 'Item',
   },
   props: [
     {
@@ -22,8 +24,54 @@ export default {
       title: { label: '字段名', tip: '字段名' },
       isRequired: true,
       propType: 'string',
-      setter: 'StringSetter',
-      supportVariable: true
+      setter: [
+        {
+          componentName: 'SelectSetter',
+          condition: (target) => {
+            // 获取表单容器组件的currentFields
+            const fields = getVariable(target.node.parent, 'currentFields');
+            // 如果fields存在且长度大于0，则显示选择器
+            return fields && fields.length > 0;
+          },
+          props: (target) => {
+            // 获取表单容器组件的currentFields
+            const fields = getVariable(target.node.parent, 'currentFields');
+            // 已有字段key
+            const fieldsKey = target.node.parent.children.map(item => item.getProps().getPropValue('name'));
+
+            const options = fields?.map?.((item) => ({
+              title: item.uiSchema.title,
+              value: item.name,
+              disabled: fieldsKey.includes(item.name),
+            }));
+
+            return {
+              mode: 'single',
+              options:options || [],
+            };
+          },
+        },
+        'StringSetter',
+      ],
+      extraProps: {
+        setValue(target: any, value: string | any) {
+          // 获取表单容器组件的currentFields
+          const fields = getVariable(target.node.parent, 'currentFields');
+          // 根据value值找到对应的label
+          const field = fields.find((item: any) => item.name === value);
+          // 设置label
+          if (field) {
+            target.getProps().setPropValue('label', field.uiSchema.title);
+            target.node.children.importSchema([createFormItemChildren(field)])
+            // 插入schema后 有概率不生效，所以这里手动rerender
+            setTimeout(() => {
+              target.document.project.simulatorHost.rerender();
+            });
+          }
+          return target.getProps().setPropValue('name', value);
+        },
+      },
+      supportVariable: true,
     },
     {
       name: 'label',
@@ -59,9 +107,8 @@ export default {
         tip: '配合 label 属性使用，表示是否显示 label 后面的冒号',
       },
       propType: 'bool',
-      defaultValue: true,
       setter: 'BoolSetter',
-      supportVariable: true
+      supportVariable: true,
     },
     {
       name: 'extra',
@@ -70,7 +117,7 @@ export default {
         tip: '额外的提示信息，和 help 类似，当需要错误信息和提示文案同时出现时，可以使用这个。',
       },
       propType: { type: 'oneOfType', value: ['string', 'node'] },
-      setter: ['PisellI18nSetter', 'SlotSetter']
+      setter: ['PisellI18nSetter', 'SlotSetter'],
     },
     {
       name: 'tooltip',
@@ -79,7 +126,7 @@ export default {
         tip: '标签提示信息，当需要对标签进行解释时，可以使用这个。',
       },
       propType: { type: 'oneOfType', value: ['string', 'node'] },
-      setter: ['PisellI18nSetter', 'SlotSetter']
+      setter: ['PisellI18nSetter', 'SlotSetter'],
     },
     {
       name: 'required',
@@ -90,7 +137,7 @@ export default {
       propType: 'bool',
       defaultValue: false,
       setter: 'BoolSetter',
-      supportVariable: true
+      supportVariable: true,
     },
     // {
     //   name: 'hasFeedback',
@@ -110,7 +157,7 @@ export default {
       },
       propType: 'string',
       setter: 'PisellI18nSetter',
-      supportVariable: true
+      supportVariable: true,
     },
     {
       name: 'noStyle',
@@ -121,7 +168,7 @@ export default {
       propType: 'bool',
       defaultValue: false,
       setter: 'BoolSetter',
-      supportVariable: true
+      supportVariable: true,
     },
     {
       name: 'valuePropName',
@@ -132,7 +179,7 @@ export default {
       propType: 'string',
       defaultValue: 'value',
       setter: 'StringSetter',
-      supportVariable: true
+      supportVariable: true,
     },
     {
       name: 'getValueFromEvent',
@@ -142,6 +189,22 @@ export default {
       },
       propType: 'func',
     },
+    {
+      name: 'normalize',
+      title: {
+        label: '值转换器',
+        tip: `组件获取值后进行转换，再放入 Form 中。不支持异步	`,
+      },
+      propType: 'func',
+    },
+    {
+      name: 'getValueProps',
+      title: {
+        label: 'getValueProps',
+        tip: `为子元素添加额外的属性 (不建议通过 getValueProps 生成动态函数 prop，请直接将其传递给子组件)`,
+      },
+      propType: 'func',
+    },
     {
       type: 'group',
       title: '布局',
@@ -220,7 +283,8 @@ export default {
               },
             },
           },
-          description: '需要为输入控件设置布局样式时，使用该属性，用法同 labelCol',
+          description:
+            '需要为输入控件设置布局样式时，使用该属性，用法同 labelCol',
         },
       ],
     },
@@ -240,15 +304,15 @@ export default {
               setValue(target: any, value: boolean) {
                 // 同步 必填标记
                 target.parent.parent.setPropValue('required', value);
-              }
-            }
+              },
+            },
           },
           {
             name: 'message',
             title: '错误信息提示',
             propType: 'string',
             setter: 'PisellI18nSetter',
-            supportVariable: true
+            supportVariable: true,
           },
         ],
       },
@@ -290,7 +354,12 @@ export default {
               value: ['string', 'number', 'email', 'url'],
             },
           },
-          { name: 'message', title: '错误信息提示', propType: 'string', setter: 'PisellI18nSetter' },
+          {
+            name: 'message',
+            title: '错误信息提示',
+            propType: 'string',
+            setter: 'PisellI18nSetter',
+          },
         ],
       },
     },
@@ -303,7 +372,12 @@ export default {
           // { name: 'len', title: '固定长度', propType: 'string' },
           { name: 'max', title: '最大长度', propType: 'number' },
           { name: 'min', title: '最小长度', propType: 'number' },
-          { name: 'message', title: '错误信息提示', propType: 'string', setter: "PisellI18nSetter" },
+          {
+            name: 'message',
+            title: '错误信息提示',
+            propType: 'string',
+            setter: 'PisellI18nSetter',
+          },
         ],
       },
     },
@@ -314,7 +388,12 @@ export default {
         type: 'shape',
         value: [
           { name: 'pattern', title: '正则', propType: 'string' },
-          { name: 'message', title: '错误信息提示', propType: 'string', setter: "PisellI18nSetter" },
+          {
+            name: 'message',
+            title: '错误信息提示',
+            propType: 'string',
+            setter: 'PisellI18nSetter',
+          },
         ],
       },
     },

package/lowcode/pisell-text.amount/meta.ts

@@ -3,7 +3,7 @@ import snippets from './snippets';
 export default {
   snippets,
   componentName: 'PisellText.Amount',
-  title: '空状态',
+  title: '金额文本',
   category: '数据展示',
   docUrl: '',
   screenshot: '',

package/lowcode/product-card/snippets.ts

@@ -7,8 +7,16 @@ export default [
       componentName: 'ProductCard',
       props: {
         dataSource: {
-          title: '商品标题'
-        }
+          title: '商品标题',
+          num: 1,
+          price: 100,
+          total: 120,
+          symbol: '&'
+        },
+        isShowImage: true,
+        isShowHolder: true,
+        isShowNote: true,
+        isShowDelete: true,
       },
     },
   },