@pisell/materials 2.2.13 → 2.2.14

package/lowcode/_utils/transform-meta.ts

@@ -14,7 +14,7 @@ import {
 
 function propConfigToFieldConfig(
   propConfig: PropConfig,
-  supportVariable: boolean,
+  supportVariable: boolean
 ): FieldConfig {
   const { name, description } = propConfig;
   const title = {
@@ -66,7 +66,7 @@ function propConfigToFieldConfig(
 
 function propTypeToSetter(
   propType: PropType,
-  supportVariable: boolean,
+  supportVariable: boolean
 ): SetterType {
   let typeName: string;
   let isRequired: boolean | undefined = false;
@@ -109,7 +109,7 @@ function propTypeToSetter(
                 : `value ${index}`,
             value,
           };
-        },
+        }
       );
       const componentName =
         dataSource.length >= 4 ? 'SelectSetter' : 'RadioGroupSetter';
@@ -137,7 +137,7 @@ function propTypeToSetter(
     case 'shape':
     case 'exact':
       const items = ((propType as any).value || []).map((item: any) =>
-        propConfigToFieldConfig(item, supportVariable),
+        propConfigToFieldConfig(item, supportVariable)
       );
       return {
         componentName: 'ObjectSetter',
@@ -179,7 +179,7 @@ function propTypeToSetter(
           config: {
             extraSetter: propTypeToSetter(
               typeName === 'objectOf' ? (propType as ObjectOf).value : 'any',
-              supportVariable,
+              supportVariable
             ),
           },
         },
@@ -193,7 +193,7 @@ function propTypeToSetter(
         props: {
           itemSetter: propTypeToSetter(
             typeName === 'arrayOf' ? (propType as ArrayOf).value : 'any',
-            supportVariable,
+            supportVariable
           ),
         },
         isRequired,
@@ -215,7 +215,7 @@ function propTypeToSetter(
         props: {
           // TODO:
           setters: (propType as any).value.map((item: any) =>
-            propTypeToSetter(item, supportVariable),
+            propTypeToSetter(item, supportVariable)
           ),
         },
         isRequired,
@@ -233,9 +233,9 @@ function propTypeToSetter(
 const NO_EVENTS = ['beforeUpload'];
 const EVENT_RE = /^on|after|before[A-Z][\w]*$/;
 
-export default function(
+export default function (
   metadata: TransformedComponentMetadata,
-  supportVariable: boolean,
+  supportVariable: boolean
 ): TransformedComponentMetadata {
   const { configure = {} } = metadata;
   // TODO types后续补充
@@ -276,7 +276,7 @@ export default function(
   const supportedEvents: any[] | null = (supports as any).events ? null : [];
   const props: FieldConfig[] = [];
 
-  metadata.props.forEach(prop => {
+  metadata.props.forEach((prop) => {
     const { name, propType, description } = prop;
     if (
       name === 'children' &&
@@ -341,3 +341,24 @@ export default function(
     },
   } as any;
 }
+
+export function addPrefixNameToItems(arr, prefix) {
+  function processObject(obj, prefix) {
+    let newObj = { ...obj };
+
+    if (typeof newObj.name === 'string') {
+      newObj.name = `${prefix}.${newObj.name}`;
+    }
+
+    if (
+      newObj.type === 'group' &&
+      newObj.items &&
+      Array.isArray(newObj.items)
+    ) {
+      newObj.items = newObj.items.map((item) => processObject(item, prefix));
+    }
+    return newObj;
+  }
+
+  return arr.map((item) => processObject(item, prefix));
+}

package/lowcode/button/meta.ts

@@ -329,6 +329,36 @@ const ButtonMeta: ComponentMetadata = {
               defaultValue: null
             }],
           },
+          {
+            name: "rightIcon",
+            title: {
+              label: {
+                type: "i18n",
+                "en-US": "Right icon",
+                "zh-CN": "右侧图标",
+              },
+              tip: "icon | Set the icon component of the button",
+            },
+            propType: { type: "oneOfType", value: ["node"] },
+            setter: [{
+              componentName: "SlotSetter",
+              initialValue: {
+                type: "JSSlot",
+                value: [
+                  {
+                    componentName: "Icon",
+                    props: {
+                      type: "SmileOutlined",
+                      size: 20,
+                      rotate: 0,
+                      spin: false,
+                    },
+                  },
+                ],
+              },
+              defaultValue: null
+            }],
+          },
           {
             name: "block",
             title: {

package/lowcode/button/snippets.ts

@@ -7,6 +7,34 @@ export default [
       props: {
         type: 'primary',
         children: '主按钮',
+        icon: {
+          type: "JSSlot",
+          value: [
+            {
+              componentName: "Icon",
+              props: {
+                type: "SmileOutlined",
+                size: 20,
+                rotate: 0,
+                spin: false,
+              },
+            },
+          ],
+        },
+        rightIcon: {
+          type: "JSSlot",
+          value: [
+            {
+              componentName: "Icon",
+              props: {
+                type: "SmileOutlined",
+                size: 20,
+                rotate: 0,
+                spin: false,
+              },
+            },
+          ],
+        }
       },
     },
   },