@pisell/materials 1.0.473 → 1.0.475

package/lowcode/form-item-input.text-area/meta.ts

@@ -100,7 +100,7 @@ export default {
           },
         ],
       },
-      generalItemMap['mode'],
+      generalItemMap['renderMode'],
       generalItemMap['defaultValue'],
     ]),
     getFormItemValidateGroup([

package/lowcode/form-item-input.text-area/snippets.ts

@@ -6,6 +6,7 @@ export default [
       title: '多行文本',
       componentName: 'FormItemInput.TextArea',
       props: {
+        allowClear: true,
         autoSize: {
           minRows: 3,
           maxRows: 3,

package/lowcode/form-item-input.url/meta.ts

@@ -9,7 +9,7 @@ import {
 export default {
   snippets,
   componentName: 'FormItemInput.URL',
-  title: 'URL 链接',
+  title: '链接输入',
   category: '表单',
   group: '无代码组件',
   docUrl: '',
@@ -31,13 +31,60 @@ export default {
       generalItemMap['tooltip'],
       generalItemMap['extra'],
       generalItemMap['noStyle'],
-      generalItemMap['mode'],
+      generalItemMap['renderMode'],
       generalItemMap['defaultValue'],
     ]),
     getFormItemValidateGroup([
       generalItemMap['requiredobj'],
-      generalItemMap['minLengthobj'],
-      generalItemMap['maxLengthobj'],
+      {
+        name: 'typeobj',
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Enable validation',
+            'zh-CN': '开启验证',
+          },
+          tip: '开启验证',
+        },
+        setter: {
+          componentName: 'ObjectSetter',
+          props: {
+            config: {
+              items: [
+                {
+                  name: 'enabled',
+                  title: {
+                    type: 'i18n',
+                    'en-US': 'Enabled',
+                    'zh-CN': '是否启用',
+                  },
+                  propType: 'bool',
+                  setter: 'BoolSetter',
+                  isRequired: true,
+                  extraProps: {
+                    setValue: (target: any, value: any) => {
+                      return target.parent.setPropValue('type', 'url');
+                    },
+                  },
+                },
+                {
+                  name: 'message',
+                  title: {
+                    type: 'i18n',
+                    'en-US': 'Error message',
+                    'zh-CN': '错误信息提示',
+                  },
+                  propType: 'string',
+                  setter: 'PisellI18nSetter',
+                },
+              ],
+            },
+            columns: 1,
+            forceInline: 1,
+            mode: 'popup',
+          },
+        },
+      },
     ]),
   ],
   props: [

package/lowcode/form-item-input.url/snippets.ts

@@ -1,10 +1,11 @@
 export default [
   {
-    title: 'URL 链接',
+    title: '链接输入',
     schema: {
       componentName: 'FormItemInput.URL',
-      title: 'URL 链接',
+      title: '链接输入',
       props: {
+        allowClear: true,
         typeobj: {
           type: 'url',
           enabled: true,

package/lowcode/form-item-radio/snippets.ts

@@ -1,15 +1,15 @@
 export default [
-  {
-    title: '单选框',
-    screenshot:
-      'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/radio-1.png',
-    schema: {
-      componentName: 'FormItemRadio',
-      props: {
-        children: 'Radio',
-      },
-    },
-  },
+  // {
+  //   title: '单选框',
+  //   screenshot:
+  //     'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/radio-1.png',
+  //   schema: {
+  //     componentName: 'FormItemRadio',
+  //     props: {
+  //       children: 'Radio',
+  //     },
+  //   },
+  // },
   {
     title: '单选框组',
     screenshot:

package/lowcode/form-item-radio.group/meta.ts

@@ -26,8 +26,8 @@ export default {
       generalItemMap['tooltip'],
       generalItemMap['extra'],
       generalItemMap['noStyle'],
-      generalItemMap['mode'],
-      generalItemMap['defaultValue'],
+      generalItemMap['renderMode'],
+      // generalItemMap['defaultValue'],
     ]),
     // 选项类型分组
     formItemGeneralOptionTypeGroup,

package/lowcode/form-item-select/meta.ts

@@ -36,13 +36,50 @@ export default {
       generalItemMap['tooltip'],
       generalItemMap['extra'],
       generalItemMap['noStyle'],
-      generalItemMap['mode'],
-      generalItemMap['defaultValue'],
+      generalItemMap['renderMode'],
+      // generalItemMap['defaultValue'],
     ]),
     // 选项类型分组
     formItemGeneralOptionTypeGroup,
     // 校验分组
     getFormItemValidateGroup([generalItemMap['requiredobj']]),
+    // 外观分组
+    getFormItemGeneralAppearanceGroup([
+      {
+        name: 'showSearch',
+        title: {
+          type: 'i18n',
+          'en-US': 'Show Search',
+          'zh-CN': '启用搜索',
+        },
+        setter: {
+          componentName: 'BoolSetter',
+          initialValue: false,
+        },
+        extraProps: {
+          setValue: (target: any, value: any) => {
+            target.getProps().setPropValue('optionFilterProp', 'label');
+            return target.getProps().setPropValue('showSearch', value);
+          },
+        },
+      },
+      {
+        name: 'styleType',
+        title: {
+          type: 'i18n',
+          'en-US': 'Style',
+          'zh-CN': '样式使用',
+        },
+        setter: {
+          componentName: 'SelectSetter',
+          props: {
+            options: [
+              { title: '系统样式', value: 'system' }
+            ]
+          }
+        }
+      }
+    ]),
   ],
   props: [
     {

package/lowcode/form-item-select/snippets.ts

@@ -1,11 +1,45 @@
 export default [
   {
-    title: '选择器',
+    title: '单项选择器',
     screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/select-1.png',
     schema: {
+      title: '单项选择器',
       componentName: 'FormItemSelect',
       props: {
+        allowClear: true,
         optionSourceType: 'default',
+        optionFilterProp: 'label',
+        style: {
+          width: 200,
+        },
+        options: [
+          {
+            label: 'A',
+            value: 'A',
+          },
+          {
+            label: 'B',
+            value: 'B',
+          },
+          {
+            label: 'C',
+            value: 'C',
+          },
+        ],
+      },
+    },
+  },
+  {
+    title: '多选选择器',
+    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/select-1.png',
+    schema: {
+      title: '多选选择器',
+      componentName: 'FormItemSelect',
+      props: {
+        allowClear: true,
+        mode: 'multiple',
+        optionSourceType: 'default',
+        optionFilterProp: 'label',
         style: {
           width: 200,
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.473",
+  "version": "1.0.475",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -48,6 +48,7 @@
   ],
   "dependencies": {
     "@ant-design/icons": "^5.1.4",
+    "@ant-design/colors": "^7.1.0",
     "@dnd-kit/core": "^6.0.8",
     "@dnd-kit/modifiers": "^6.0.1",
     "@dnd-kit/sortable": "^7.0.2",
@@ -65,6 +66,7 @@
     "react-virtualized-auto-sizer": "^1.0.20",
     "react-window": "^1.8.10",
     "styled-components": "^6.0.0-rc.3",
+    "libphonenumber-js": "^1.11.17",
     "@pisell/date-picker": "1.0.113",
     "@pisell/icon": "0.0.10",
     "@pisell/utils": "1.0.43"