@fjyueke/bify-mcp 1.0.2 → 1.0.3

package/dist/index.js

@@ -172,9 +172,11 @@ var componentMappings = [
       { arcoProp: "label", bifyProp: "title" },
       { arcoProp: "desc", bifyProp: "brief" },
       { arcoProp: "text", bifyProp: "children" },
-      { arcoProp: "showArrow", bifyProp: "clickable" },
+      { arcoProp: "showArrow", bifyProp: "clickable", transform: () => "true" },
+      { arcoProp: "arrow", bifyProp: "rightIcon" },
       { arcoProp: "bordered", bifyProp: "bordered" },
-      { arcoProp: "icon", bifyProp: "icon" }
+      { arcoProp: "icon", bifyProp: "icon" },
+      { arcoProp: "onClick", bifyProp: "onClick" }
     ]
   },
   {
@@ -182,7 +184,10 @@ var componentMappings = [
     bifyName: "CellGroup",
     arcoImport: "@arco-design/mobile-react",
     bifyImport: "@fjyueke/bify-core",
-    propMappings: []
+    propMappings: [
+      { arcoProp: "bordered", bifyProp: "bordered" },
+      { arcoProp: "onClick", bifyProp: "onClick" }
+    ]
   },
   {
     arcoName: "Button",
@@ -194,16 +199,25 @@ var componentMappings = [
       { arcoProp: "size", bifyProp: "size" },
       { arcoProp: "disabled", bifyProp: "disabled" },
       { arcoProp: "loading", bifyProp: "loading" },
-      { arcoProp: "block", bifyProp: "block" },
-      { arcoProp: "ghost", bifyProp: "plain" }
-    ]
-  },
-  {
-    arcoName: "Icon",
-    bifyName: "",
-    arcoImport: "@arco-design/mobile-react",
-    bifyImport: "@fjyueke/bify-icons",
-    propMappings: []
+      { arcoProp: "icon", bifyProp: "icon" },
+      { arcoProp: "onClick", bifyProp: "onClick" },
+      { arcoProp: "className", bifyProp: "className" },
+      { arcoProp: "style", bifyProp: "style" }
+    ],
+    valueMappings: {
+      type: {
+        ghost: "outlined",
+        default: "default",
+        primary: "primary"
+      },
+      size: {
+        mini: "mini",
+        small: "small",
+        medium: "medium",
+        large: "large",
+        huge: "large"
+      }
+    }
   },
   {
     arcoName: "Avatar",
@@ -235,8 +249,18 @@ var componentMappings = [
     propMappings: [
       { arcoProp: "type", bifyProp: "type" },
       { arcoProp: "size", bifyProp: "size" },
-      { arcoProp: "closable", bifyProp: "closable" }
-    ]
+      { arcoProp: "closable", bifyProp: "closable" },
+      { arcoProp: "onClose", bifyProp: "onClose" }
+    ],
+    valueMappings: {
+      type: {
+        default: "default",
+        primary: "primary",
+        success: "success",
+        warning: "warning",
+        danger: "danger"
+      }
+    }
   },
   {
     arcoName: "Switch",
@@ -257,6 +281,17 @@ var componentMappings = [
     propMappings: [
       { arcoProp: "checked", bifyProp: "checked" },
       { arcoProp: "disabled", bifyProp: "disabled" },
+      { arcoProp: "onChange", bifyProp: "onChange" },
+      { arcoProp: "label", bifyProp: "children" }
+    ]
+  },
+  {
+    arcoName: "CheckboxGroup",
+    bifyName: "Checkbox.Group",
+    arcoImport: "@arco-design/mobile-react",
+    bifyImport: "@fjyueke/bify-core",
+    propMappings: [
+      { arcoProp: "value", bifyProp: "modelValue" },
       { arcoProp: "onChange", bifyProp: "onChange" }
     ]
   },
@@ -268,6 +303,17 @@ var componentMappings = [
     propMappings: [
       { arcoProp: "checked", bifyProp: "checked" },
       { arcoProp: "disabled", bifyProp: "disabled" },
+      { arcoProp: "onChange", bifyProp: "onChange" },
+      { arcoProp: "label", bifyProp: "children" }
+    ]
+  },
+  {
+    arcoName: "RadioGroup",
+    bifyName: "Radio.Group",
+    arcoImport: "@arco-design/mobile-react",
+    bifyImport: "@fjyueke/bify-core",
+    propMappings: [
+      { arcoProp: "value", bifyProp: "modelValue" },
       { arcoProp: "onChange", bifyProp: "onChange" }
     ]
   },
@@ -332,13 +378,6 @@ var componentMappings = [
       { arcoProp: "onClose", bifyProp: "onClose" }
     ]
   },
-  {
-    arcoName: "PickerView",
-    bifyName: "Picker",
-    arcoImport: "@arco-design/mobile-react",
-    bifyImport: "@fjyueke/bify-core",
-    propMappings: []
-  },
   {
     arcoName: "DatePicker",
     bifyName: "DatePicker",
@@ -505,6 +544,16 @@ var componentMappings = [
       { arcoProp: "activeKey", bifyProp: "activeNames" }
     ]
   },
+  {
+    arcoName: "CollapseItem",
+    bifyName: "Collapse.Item",
+    arcoImport: "@arco-design/mobile-react",
+    bifyImport: "@fjyueke/bify-core",
+    propMappings: [
+      { arcoProp: "title", bifyProp: "title" },
+      { arcoProp: "name", bifyProp: "name" }
+    ]
+  },
   {
     arcoName: "PullRefresh",
     bifyName: "PullRefresh",
@@ -533,6 +582,29 @@ var componentMappings = [
     propMappings: [
       { arcoProp: "endTime", bifyProp: "endTime" }
     ]
+  },
+  {
+    arcoName: "List",
+    bifyName: "List",
+    arcoImport: "@arco-design/mobile-react",
+    bifyImport: "@fjyueke/bify-core",
+    propMappings: []
+  },
+  {
+    arcoName: "RefreshControl",
+    bifyName: "PullRefresh",
+    arcoImport: "@arco-design/mobile-react",
+    bifyImport: "@fjyueke/bify-core",
+    propMappings: [
+      { arcoProp: "onRefresh", bifyProp: "onRefresh" }
+    ]
+  },
+  {
+    arcoName: "PickerView",
+    bifyName: "PickerView",
+    arcoImport: "@arco-design/mobile-react",
+    bifyImport: "@fjyueke/bify-core",
+    propMappings: []
   }
 ];
 function findMappingByArcoName(arcoName) {
@@ -548,6 +620,7 @@ async function convertArcoToBify(arcoCode) {
   result = convertImports(result);
   result = convertComponents(result);
   result = convertIconImports(result);
+  result = fixCodeFormat(result);
   return result;
 }
 function convertImports(code) {
@@ -582,12 +655,14 @@ function convertImports(code) {
   }
   result = result.trim();
   if (bifyCoreComponents.length > 0) {
-    const coreImport = `import { ${bifyCoreComponents.join(", ")} } from "@fjyueke/bify-core"
+    const uniqueCoreComponents = [...new Set(bifyCoreComponents)];
+    const coreImport = `import { ${uniqueCoreComponents.join(", ")} } from "@fjyueke/bify-core"
 `;
     result = coreImport + result;
   }
   if (bifyIconComponents.length > 0) {
-    const iconImport = `import { ${bifyIconComponents.join(", ")} } from "@fjyueke/bify-icons"
+    const uniqueIconComponents = [...new Set(bifyIconComponents)];
+    const iconImport = `import { ${uniqueIconComponents.join(", ")} } from "@fjyueke/bify-icons"
 `;
     result = iconImport + result;
   }
@@ -606,22 +681,8 @@ function convertComponents(code) {
     );
     result = result.replace(componentRegex, (match, props) => {
       let newProps = props;
-      for (const propMapping of mapping.propMappings) {
-        const propRegex = new RegExp(
-          `${propMapping.arcoProp}=(["'])(.*?)\\1`,
-          "g"
-        );
-        newProps = newProps.replace(propRegex, `${propMapping.bifyProp}=$1$2$1`);
-      }
-      if (arcoComponent === "Dialog" || arcoComponent === "Popup") {
-        newProps = newProps.replace(/visible=/g, "open=");
-      }
-      if (arcoComponent === "SearchBar" || arcoComponent === "Field" || arcoComponent === "Textarea") {
-        newProps = newProps.replace(/value=/g, "modelValue=");
-      }
-      if (arcoComponent === "Cell") {
-        newProps = newProps.replace(/showArrow/g, "clickable");
-      }
+      newProps = applyPropMappings(newProps, mapping);
+      newProps = applyValueMappings(newProps, mapping);
       return `<${bifyComponent}${newProps}/>`;
     });
     const closingComponentRegex = new RegExp(
@@ -630,41 +691,88 @@ function convertComponents(code) {
     );
     result = result.replace(closingComponentRegex, (match, props, children) => {
       let newProps = props;
-      for (const propMapping of mapping.propMappings) {
-        const propRegex = new RegExp(
-          `${propMapping.arcoProp}=(["'])(.*?)\\1`,
-          "g"
-        );
-        newProps = newProps.replace(propRegex, `${propMapping.bifyProp}=$1$2$1`);
-      }
-      if (arcoComponent === "Dialog" || arcoComponent === "Popup") {
-        newProps = newProps.replace(/visible=/g, "open=");
-      }
-      if (arcoComponent === "SearchBar" || arcoComponent === "Field" || arcoComponent === "Textarea") {
-        newProps = newProps.replace(/value=/g, "modelValue=");
-      }
-      if (arcoComponent === "Cell") {
-        newProps = newProps.replace(/showArrow/g, "clickable");
-      }
+      newProps = applyPropMappings(newProps, mapping);
+      newProps = applyValueMappings(newProps, mapping);
       return `<${bifyComponent}${newProps}>${children}</${bifyComponent}>`;
     });
   }
   return result;
 }
+function applyPropMappings(props, mapping) {
+  let result = props;
+  for (const propMapping of mapping.propMappings) {
+    const propRegex = new RegExp(
+      `${propMapping.arcoProp}=(["'])(.*?)\\1`,
+      "g"
+    );
+    result = result.replace(propRegex, (match, quote, value) => {
+      if (propMapping.transform) {
+        const transformedValue = propMapping.transform(value);
+        return `${propMapping.bifyProp}=${quote}${transformedValue}${quote}`;
+      }
+      return `${propMapping.bifyProp}=${quote}${value}${quote}`;
+    });
+    const booleanPropRegex = new RegExp(`\\b${propMapping.arcoProp}\\b`, "g");
+    if (propMapping.transform) {
+      result = result.replace(booleanPropRegex, `${propMapping.bifyProp}=${propMapping.transform("")}`);
+    } else {
+      result = result.replace(booleanPropRegex, propMapping.bifyProp);
+    }
+  }
+  return result;
+}
+function applyValueMappings(props, mapping) {
+  if (!mapping.valueMappings) return props;
+  let result = props;
+  for (const [propName, valueMap] of Object.entries(mapping.valueMappings)) {
+    const propRegex = new RegExp(
+      `${propName}=(["'])(.*?)\\1`,
+      "g"
+    );
+    result = result.replace(propRegex, (match, quote, value) => {
+      const mappedValue = valueMap[value] || value;
+      return `${propName}=${quote}${mappedValue}${quote}`;
+    });
+  }
+  return result;
+}
 function convertIconImports(code) {
   let result = code;
   const arcoIconRegex = /import\s+Icon(\w+)\s+from\s+['"]@arco-design\/mobile-react\/es\/icon\/Icon(\w+)['"]/g;
   result = result.replace(arcoIconRegex, 'import { Icon$1 } from "@fjyueke/bify-icons"');
+  const arcoIconsImportRegex = /import\s+\{([^}]+)\}\s+from\s+['"]@arco-design\/mobile-react\/es\/icon['"]/g;
+  result = result.replace(arcoIconsImportRegex, 'import { $1 } from "@fjyueke/bify-icons"');
   return result;
 }
+function fixCodeFormat(code) {
+  let result = code;
+  result = result.replace(/\n{3,}/g, "\n\n");
+  result = result.replace(/import\s+\{\s*\}\s+from/g, "");
+  const lines = result.split("\n");
+  const nonEmptyLines = lines.filter((line) => line.trim() !== "");
+  result = nonEmptyLines.join("\n");
+  return result.trim();
+}
 async function getArcoConversionHelp() {
   const availableComponents = componentMappings.filter((m) => m.bifyName).map((m) => `- ${m.arcoName} \u2192 ${m.bifyName}`).join("\n");
+  const valueMappingExamples = componentMappings.filter((m) => m.valueMappings).map((m) => {
+    const mappings = Object.entries(m.valueMappings).map(([prop, values]) => {
+      const valuePairs = Object.entries(values).map(([from, to]) => `${from} \u2192 ${to}`).join(", ");
+      return `  - ${prop}: ${valuePairs}`;
+    }).join("\n");
+    return `**${m.arcoName}**
+${mappings}`;
+  }).join("\n\n");
   return `## Arco Mobile \u2192 Bify \u4EE3\u7801\u8F6C\u6362
 
-### \u652F\u6301\u7684\u7EC4\u4EF6
+### \u652F\u6301\u7684\u7EC4\u4EF6 (${componentMappings.length} \u4E2A)
 
 ${availableComponents}
 
+### \u503C\u6620\u5C04\u793A\u4F8B
+
+${valueMappingExamples || "\u6682\u65E0"}
+
 ### \u4F7F\u7528\u65B9\u5F0F
 
 \`\`\`tsx
@@ -674,7 +782,7 @@ import { Cell, CellGroup, Button } from '@arco-design/mobile-react';
 <CellGroup>
   <Cell label="\u6807\u9898" desc="\u63CF\u8FF0" showArrow>\u5185\u5BB9</Cell>
 </CellGroup>
-<Button type="primary">\u6309\u94AE</Button>
+<Button type="primary" ghost>\u6309\u94AE</Button>
 
 // \u8F6C\u6362\u4E3A Bify \u4EE3\u7801
 import { Cell, CellGroup, Button } from '@fjyueke/bify-core';
@@ -682,19 +790,21 @@ import { Cell, CellGroup, Button } from '@fjyueke/bify-core';
 <CellGroup>
   <Cell title="\u6807\u9898" brief="\u63CF\u8FF0" clickable>\u5185\u5BB9</Cell>
 </CellGroup>
-<Button type="primary">\u6309\u94AE</Button>
+<Button type="primary" outlined>\u6309\u94AE</Button>
 \`\`\`
 
 ### \u5C5E\u6027\u6620\u5C04\u793A\u4F8B
 
-| Arco \u5C5E\u6027 | Bify \u5C5E\u6027 |
-|-----------|-----------|
-| \`label\` | \`title\` |
-| \`desc\` | \`brief\` |
-| \`showArrow\` | \`clickable\` |
-| \`visible\` | \`open\` |
-| \`value\` | \`modelValue\` |
-| \`ghost\` | \`plain\` |
+| Arco \u5C5E\u6027 | Bify \u5C5E\u6027 | \u8BF4\u660E |
+|-----------|-----------|------|
+| \`label\` | \`title\` | \u5355\u5143\u683C\u6807\u9898 |
+| \`desc\` | \`brief\` | \u5355\u5143\u683C\u63CF\u8FF0 |
+| \`showArrow\` | \`clickable\` | \u662F\u5426\u663E\u793A\u7BAD\u5934 |
+| \`visible\` | \`open\` | \u5F39\u7A97\u663E\u793A\u72B6\u6001 |
+| \`value\` | \`modelValue\` | \u8868\u5355\u503C\u7ED1\u5B9A |
+| \`ghost\` | \`outlined\` | \u9542\u7A7A\u6309\u94AE\u6837\u5F0F |
+| \`max\` | \`count\` | Rate \u6700\u5927\u6570\u91CF |
+| \`percent\` | \`percentage\` | Progress \u767E\u5206\u6BD4 |
 
 ### \u8C03\u7528\u65B9\u5F0F
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fjyueke/bify-mcp",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "type": "module",
   "description": "MCP UI builder by Bify",
   "license": "MIT",