yy-forms 1.0.36 → 1.0.38

package/dist/index.esm.js

@@ -1936,6 +1936,90 @@ var defaultCommonSettings = {
     }
   }
 };
+var USdefaultCommonSettings = {
+  "$id": {
+    "title": "ID",
+    "description": "Field Name / English",
+    "type": "string",
+    "widget": "idInput",
+    "require": true,
+    "rules": [{
+      "pattern": "^#/.+$",
+      "message": "ID is required"
+    }]
+  },
+  "title": {
+    "title": "Title",
+    "type": "string",
+    "widget": "htmlInput"
+  },
+  "displayType": {
+    "title": "Title Display Mode",
+    "type": "string",
+    "enum": ["row", "column"],
+    "enumNames": ["Same Line", "Separate Line"],
+    "widget": "radio"
+  },
+  "description": {
+    "title": "Description",
+    "type": "string"
+  },
+  "default": {
+    "title": "Default Value",
+    "type": "string"
+  },
+  "required": {
+    "title": "Required",
+    "type": "boolean"
+  },
+  "placeholder": {
+    "title": "Placeholder",
+    "type": "string"
+  },
+  "bind": {
+    "title": "Bind",
+    "type": "string"
+  },
+  "min": {
+    "title": "Minimum Value",
+    "type": "number"
+  },
+  "max": {
+    "title": "Maximum Value",
+    "type": "number"
+  },
+  "disabled": {
+    "title": "Disabled",
+    "type": "boolean"
+  },
+  "readOnly": {
+    "title": "Read Only",
+    "type": "boolean"
+  },
+  "hidden": {
+    "title": "Hidden",
+    "type": "boolean"
+  },
+  "readOnlyWidget": {
+    "title": "Read Only Widget",
+    "type": "string"
+  },
+  "width": {
+    "title": "Element Width",
+    "type": "string",
+    "widget": "percentSlider"
+  },
+  "labelWidth": {
+    "title": "Label Width",
+    "description": "Default: 120",
+    "type": "number",
+    "widget": "slider",
+    "max": 400,
+    "props": {
+      "hideNumber": true
+    }
+  }
+};
 
 // widget 用于指定 schema 右侧配置对应的 setting
 var elements = [{
@@ -2305,6 +2389,373 @@ var elements = [{
     }
   }
 }];
+var USelements = [{
+  "text": "Input Field",
+  "name": "input",
+  "schema": {
+    "title": "Input Field",
+    "type": "string"
+  },
+  "setting": {
+    "props": {
+      "title": "Options",
+      "type": "object",
+      "labelWidth": 80,
+      "properties": {
+        "allowClear": {
+          "title": "Show Clear Button",
+          "description": "The 'X' icon appears only after content is entered",
+          "type": "boolean"
+        },
+        "addonBefore": {
+          "title": "Prefix Add-on",
+          "type": "string"
+        },
+        "addonAfter": {
+          "title": "Suffix Add-on",
+          "type": "string"
+        },
+        "prefix": {
+          "title": "Prefix",
+          "type": "string"
+        },
+        "suffix": {
+          "title": "Suffix",
+          "type": "string"
+        }
+      }
+    },
+    "minLength": {
+      "title": "Minimum Characters",
+      "type": "number"
+    },
+    "maxLength": {
+      "title": "Maximum Characters",
+      "type": "number"
+    },
+    "pattern": {
+      "title": "Validation Pattern",
+      "type": "string",
+      "props": {
+        "placeholder": "Enter regular expression"
+      }
+    }
+  }
+}, {
+  "text": "Text Area",
+  "name": "textarea",
+  "schema": {
+    "title": "Text Area",
+    "type": "string",
+    "format": "textarea"
+  },
+  "setting": {
+    "props": {
+      "title": "Options",
+      "type": "object",
+      "labelWidth": 80,
+      "properties": {
+        "autoSize": {
+          "title": "Auto Resize",
+          "type": "boolean"
+        },
+        "rows": {
+          "title": "Fixed Rows",
+          "type": "number"
+        }
+      }
+    },
+    "minLength": {
+      "title": "Minimum Characters",
+      "type": "number"
+    },
+    "maxLength": {
+      "title": "Maximum Characters",
+      "type": "number"
+    },
+    "pattern": {
+      "title": "Validation Pattern",
+      "type": "string",
+      "props": {
+        "placeholder": "Enter regular expression"
+      }
+    }
+  }
+}, {
+  "text": "Date Picker",
+  "name": "date",
+  "schema": {
+    "title": "Date Picker",
+    "type": "string",
+    "format": "date"
+  },
+  "setting": {
+    "format": {
+      "title": "Format",
+      "type": "string",
+      "enum": ["dateTime", "date", "time"],
+      "enumNames": ["Date & Time", "Date", "Time"]
+    }
+  }
+}, {
+  "text": "Time Picker",
+  "name": "time",
+  "show": false,
+  "schema": {
+    "title": "Time Picker",
+    "type": "string",
+    "format": "time"
+  },
+  "setting": {
+    "format": {
+      "title": "Format",
+      "type": "string",
+      "enum": ["dateTime", "date", "time"],
+      "enumNames": ["Date & Time", "Date", "Time"]
+    }
+  }
+}, {
+  "text": "Number Input",
+  "name": "number",
+  "schema": {
+    "title": "Number Input",
+    "type": "number"
+  },
+  "setting": {
+    "default": {
+      "title": "Default Value",
+      "type": "number"
+    }
+  }
+}, {
+  "text": "Checkbox",
+  "name": "checkbox",
+  "schema": {
+    "title": "Checkbox",
+    "type": "boolean",
+    "widget": "checkbox"
+  },
+  "setting": {
+    "default": {
+      "title": "Checked by Default",
+      "type": "boolean"
+    }
+  }
+}, {
+  "text": "Switch",
+  "name": "switch",
+  "schema": {
+    "title": "Switch",
+    "type": "boolean",
+    "widget": "switch"
+  },
+  "setting": {
+    "default": {
+      "title": "On by Default",
+      "type": "boolean"
+    }
+  }
+}, {
+  "text": "Dropdown Select",
+  "name": "select",
+  "schema": {
+    "title": "Single Select",
+    "type": "string",
+    "enum": ["a", "b", "c"],
+    "enumNames": ["Morning", "Noon", "Evening"],
+    "widget": "select"
+  },
+  "setting": {
+    "enumList": {
+      "title": "Options",
+      "type": "array",
+      "widget": "simpleList",
+      "className": "frg-options-list",
+      "items": {
+        "type": "object",
+        "properties": {
+          "value": {
+            "title": "",
+            "type": "string",
+            "className": "frg-options-input",
+            "props": {},
+            "placeholder": "Value"
+          },
+          "label": {
+            "title": "",
+            "type": "string",
+            "className": "frg-options-input",
+            "props": {},
+            "placeholder": "Label"
+          }
+        }
+      },
+      "props": {
+        "hideMove": true,
+        "hideCopy": true
+      }
+    }
+  }
+}, {
+  "text": "Radio Buttons",
+  "name": "radio",
+  "schema": {
+    "title": "Radio Buttons",
+    "type": "string",
+    "enum": ["a", "b", "c"],
+    "enumNames": ["Morning", "Noon", "Evening"],
+    "widget": "radio"
+  },
+  "setting": {
+    "enumList": {
+      "title": "Options",
+      "type": "array",
+      "widget": "simpleList",
+      "className": "frg-options-list",
+      "items": {
+        "type": "object",
+        "properties": {
+          "value": {
+            "title": "",
+            "type": "string",
+            "className": "frg-options-input",
+            "props": {},
+            "placeholder": "Value"
+          },
+          "label": {
+            "title": "",
+            "type": "string",
+            "className": "frg-options-input",
+            "props": {},
+            "placeholder": "Label"
+          }
+        }
+      },
+      "props": {
+        "hideMove": true,
+        "hideCopy": true
+      }
+    }
+  }
+}, {
+  "text": "Multi-Select Dropdown",
+  "name": "multiSelect",
+  "schema": {
+    "title": "Multi-Select",
+    "description": "Dropdown multi-select",
+    "type": "array",
+    "items": {
+      "type": "string"
+    },
+    "enum": ["A", "B", "C", "D"],
+    "enumNames": ["Hangzhou", "Wuhan", "Huzhou", "Guiyang"],
+    "widget": "multiSelect"
+  },
+  "setting": {
+    "default": {
+      "title": "Default Value",
+      "type": "array",
+      "widget": "jsonInput"
+    },
+    "enumList": {
+      "title": "Options",
+      "type": "array",
+      "widget": "simpleList",
+      "className": "frg-options-list",
+      "items": {
+        "type": "object",
+        "properties": {
+          "value": {
+            "title": "",
+            "type": "string",
+            "className": "frg-options-input",
+            "props": {},
+            "placeholder": "Value"
+          },
+          "label": {
+            "title": "",
+            "type": "string",
+            "className": "frg-options-input",
+            "props": {},
+            "placeholder": "Label"
+          }
+        }
+      },
+      "props": {
+        "hideMove": true,
+        "hideCopy": true
+      }
+    }
+  }
+}, {
+  "text": "Checkboxes",
+  "name": "checkboxes",
+  "schema": {
+    "title": "Checkboxes",
+    "type": "array",
+    "widget": "checkboxes",
+    "items": {
+      "type": "string"
+    },
+    "enum": ["A", "B", "C", "D"],
+    "enumNames": ["Hangzhou", "Wuhan", "Huzhou", "Guiyang"]
+  },
+  "setting": {
+    "default": {
+      "title": "Default Value",
+      "type": "array",
+      "widget": "jsonInput"
+    },
+    "enumList": {
+      "title": "Options",
+      "type": "array",
+      "widget": "simpleList",
+      "className": "frg-options-list",
+      "items": {
+        "type": "object",
+        "properties": {
+          "value": {
+            "title": "",
+            "type": "string",
+            "className": "frg-options-input",
+            "props": {},
+            "placeholder": "Value"
+          },
+          "label": {
+            "title": "",
+            "type": "string",
+            "className": "frg-options-input",
+            "props": {},
+            "placeholder": "Label"
+          }
+        }
+      },
+      "props": {
+        "hideMove": true,
+        "hideCopy": true
+      }
+    }
+  }
+}, {
+  "text": "HTML",
+  "name": "html",
+  "schema": {
+    "title": "HTML",
+    "type": "string",
+    "widget": "html"
+  },
+  "setting": {
+    "props": {
+      "type": "object",
+      "properties": {
+        "value": {
+          "title": "Display Content",
+          "type": "string"
+        }
+      }
+    }
+  }
+}];
 var advancedElements = [{
   text: '日期范围',
   name: 'dateRange',
@@ -2357,6 +2808,58 @@ var advancedElements = [{
   },
   setting: {}
 }];
+var USadvancedElements = [{
+  "text": "Date Range Picker",
+  "name": "dateRange",
+  "schema": {
+    "title": "Date Range",
+    "type": "range",
+    "format": "dateTime",
+    "props": {
+      "placeholder": ["Start Date", "End Date"]
+    }
+  },
+  "setting": {
+    "format": {
+      "title": "Format",
+      "type": "string",
+      "enum": ["dateTime", "date"],
+      "enumNames": ["DateTime", "Date"]
+    }
+  }
+}, {
+  "text": "Slider",
+  "name": "slider",
+  "schema": {
+    "title": "Slider",
+    "type": "number",
+    "widget": "slider"
+  },
+  "setting": {
+    "default": {
+      "title": "Default",
+      "type": "number"
+    }
+  }
+}, {
+  "text": "Image",
+  "name": "image",
+  "schema": {
+    "title": "Image",
+    "type": "string",
+    "format": "image"
+  },
+  "setting": {}
+}, {
+  "text": "Color Selector",
+  "name": "color",
+  "schema": {
+    "title": "Color Selector",
+    "type": "string",
+    "format": "color"
+  },
+  "setting": {}
+}];
 var layouts = [{
   text: '对象',
   name: 'object',
@@ -2715,6 +3218,348 @@ var layouts = [{
     }
   }
 }];
+var USlayouts = [{
+  "text": "Object",
+  "name": "object",
+  "schema": {
+    "title": "Object",
+    "type": "object",
+    "properties": {}
+  },
+  "setting": {
+    "theme": {
+      "title": "Theme",
+      "type": "string",
+      "enum": ["collapse", "collapse:pure", "collapse:ghost", "card", "tile", "flex"],
+      "enumNames": ["Default", "No Border", "Ghost", "Card", "Tile", "Flex"],
+      "default": "collapse",
+      "widget": "radio"
+    },
+    "props": {
+      "title": "Flex Layout",
+      "hidden": "{{'flex' !== formData.theme}}",
+      "type": "object",
+      "theme": "tile",
+      "properties": {
+        "style": {
+          "title": "Layout Style",
+          "type": "object",
+          "theme": "flex",
+          "props": {
+            "style": {
+              "flexDirection": "column"
+            }
+          },
+          "properties": {
+            "height": {
+              "title": "Height",
+              "description": "height",
+              "type": "string",
+              "widget": "input"
+            },
+            "flexDirection": {
+              "title": "Layout Direction",
+              "description": "flex-direction",
+              "type": "string",
+              "enum": ["row", "row-reverse", "column", "column-reverse"],
+              "enumNames": ["Horizontal", "Horizontal Reverse", "Vertical", "Vertical Reverse"],
+              "widget": "select"
+            },
+            "flexWrap": {
+              "title": "Wrap Mode",
+              "description": "flex-wrap",
+              "type": "string",
+              "enum": ["wrap", "nowrap", "wrap-reverse"],
+              "enumNames": ["Wrap", "No Wrap", "Wrap Reverse"],
+              "widget": "select"
+            },
+            "justifyContent": {
+              "title": "Justify Content",
+              "description": "justify-content",
+              "type": "string",
+              "enum": ["flex-start", "flex-end", "center", "space-between", "space-around"],
+              "enumNames": ["Start", "End", "Center", "Space Between", "Space Around"],
+              "widget": "select"
+            },
+            "alignItems": {
+              "title": "Align Items",
+              "description": "align-items",
+              "type": "string",
+              "enum": ["flex-start", "flex-end", "center", "baseline", "stretch"],
+              "enumNames": ["Start", "End", "Center", "Baseline", "Stretch"],
+              "widget": "select"
+            },
+            "alignContent": {
+              "title": "Align Content",
+              "description": "align-content",
+              "type": "string",
+              "enum": ["flex-start", "flex-end", "center", "space-between", "space-around", "stretch"],
+              "enumNames": ["Start", "End", "Center", "Space Between", "Space Around", "Stretch"],
+              "widget": "select"
+            }
+          }
+        }
+      }
+    },
+    "style": {
+      "title": "Element Style",
+      "type": "object",
+      "properties": {
+        "background": {
+          "title": "Background",
+          "description": "background",
+          "type": "string",
+          "widget": "color"
+        },
+        "margin": {
+          "title": "Margin",
+          "description": "margin",
+          "type": "string",
+          "widget": "input"
+        },
+        "padding": {
+          "title": "Padding",
+          "description": "padding",
+          "type": "string",
+          "widget": "input"
+        },
+        "borderWidth": {
+          "title": "Border Width",
+          "description": "border-width",
+          "type": "string",
+          "widget": "input"
+        },
+        "borderStyle": {
+          "title": "Border Style",
+          "description": "border-style",
+          "type": "string",
+          "widget": "input"
+        },
+        "borderColor": {
+          "title": "Border Color",
+          "description": "border-color",
+          "type": "string",
+          "widget": "color"
+        },
+        "borderRadius": {
+          "title": "Border Radius",
+          "description": "border-radius",
+          "type": "string",
+          "widget": "input"
+        },
+        "flex": {
+          "title": "Flex",
+          "description": "flex",
+          "type": "string",
+          "widget": "input"
+        },
+        "order": {
+          "title": "Order",
+          "description": "order",
+          "type": "string",
+          "widget": "input"
+        },
+        "alignSelf": {
+          "title": "Align Self",
+          "description": "align-self",
+          "type": "string",
+          "widget": "input"
+        }
+      }
+    }
+  }
+}, {
+  "text": "Regular List",
+  "name": "list",
+  "schema": {
+    "title": "Array",
+    "type": "array",
+    "items": {
+      "type": "object",
+      "properties": {}
+    }
+  },
+  "setting": {
+    "default": {
+      "title": "Default Value",
+      "type": "array",
+      "widget": "jsonInput"
+    },
+    "items": {
+      "type": "object",
+      "hidden": "{{true}}"
+    },
+    "min": {
+      "title": "Minimum Length",
+      "type": "number"
+    },
+    "max": {
+      "title": "Maximum Length",
+      "type": "number"
+    },
+    "props": {
+      "title": "Options",
+      "type": "object",
+      "properties": {
+        "hideDelete": {
+          "title": "Hide Delete Button",
+          "type": "string"
+        },
+        "hideAdd": {
+          "title": "Hide Add/Copy Button",
+          "type": "string"
+        }
+      }
+    }
+  }
+}, {
+  "text": "Simple List",
+  "name": "simpleList",
+  "schema": {
+    "title": "Array",
+    "type": "array",
+    "widget": "simpleList",
+    "items": {
+      "type": "object",
+      "properties": {}
+    }
+  },
+  "setting": {
+    "default": {
+      "title": "Default Value",
+      "type": "array",
+      "widget": "jsonInput"
+    },
+    "items": {
+      "type": "object",
+      "hidden": "{{true}}"
+    },
+    "min": {
+      "title": "Minimum Length",
+      "type": "number"
+    },
+    "max": {
+      "title": "Maximum Length",
+      "type": "number"
+    },
+    "props": {
+      "title": "Options",
+      "type": "object",
+      "properties": {
+        "hideTitle": {
+          "title": "Hide Title",
+          "type": "boolean"
+        },
+        "hideDelete": {
+          "title": "Hide Delete Button",
+          "type": "string"
+        },
+        "hideAdd": {
+          "title": "Hide Add/Copy Button",
+          "type": "string"
+        }
+      }
+    }
+  }
+}, {
+  "text": "Table List",
+  "name": "list2",
+  "schema": {
+    "title": "Array",
+    "type": "array",
+    "widget": "list2",
+    "items": {
+      "type": "object",
+      "properties": {}
+    }
+  },
+  "setting": {
+    "default": {
+      "title": "Default Value",
+      "type": "array",
+      "widget": "jsonInput"
+    },
+    "items": {
+      "type": "object",
+      "hidden": "{{true}}"
+    },
+    "min": {
+      "title": "Minimum Length",
+      "type": "number"
+    },
+    "max": {
+      "title": "Maximum Length",
+      "type": "number"
+    },
+    "props": {
+      "title": "Options",
+      "type": "object",
+      "properties": {
+        "hideDelete": {
+          "title": "Hide Delete Button",
+          "type": "string"
+        },
+        "hideAdd": {
+          "title": "Hide Add/Copy Button",
+          "type": "string"
+        },
+        "hideCopy": {
+          "title": "Hide Copy Button",
+          "type": "string"
+        },
+        "hideMove": {
+          "title": "Hide Move Buttons",
+          "type": "string"
+        }
+      }
+    }
+  }
+}, {
+  "text": "Complex Table List",
+  "name": "drawerList",
+  "schema": {
+    "title": "Array",
+    "type": "array",
+    "widget": "drawerList",
+    "items": {
+      "type": "object",
+      "properties": {}
+    }
+  },
+  "setting": {
+    "default": {
+      "title": "Default Value",
+      "type": "array",
+      "widget": "jsonInput"
+    },
+    "items": {
+      "type": "object",
+      "hidden": "{{true}}"
+    },
+    "min": {
+      "title": "Minimum Length",
+      "type": "number"
+    },
+    "max": {
+      "title": "Maximum Length",
+      "type": "number"
+    },
+    "props": {
+      "title": "Options",
+      "type": "object",
+      "properties": {
+        "hideDelete": {
+          "title": "Hide Delete Button",
+          "type": "string"
+        },
+        "hideAdd": {
+          "title": "Hide Add/Copy Button",
+          "type": "string"
+        }
+      }
+    }
+  }
+}];
 var defaultSettings = [{
   title: '基础组件',
   widgets: elements,
@@ -3003,6 +3848,8 @@ var frgWidgets = /*#__PURE__*/Object.freeze({
 
 function ItemSettings(_ref) {
   var widgets = _ref.widgets;
+  var _useTranslation = useTranslation(),
+    i18n = _useTranslation.i18n;
   var setGlobal = useGlobal();
   var form = useForm();
   var isReady = useRef(false);
@@ -3062,12 +3909,15 @@ function ItemSettings(_ref) {
       isReady.current = false;
       var item = flatten[selected];
       if (!item || selected === '#') return;
+      var elementsInfo = i18n.language === 'cn' ? USelements : elements;
+      var advancedElementsInfo = i18n.language === 'cn' ? advancedElements : USadvancedElements;
+      var layoutsInfo = i18n.language === 'cn' ? layouts : USlayouts;
       // 算 widgetList
       var _settings = Array.isArray(settings) ? [].concat(_toConsumableArray(settings), [{
-        widgets: [].concat(_toConsumableArray(elements), _toConsumableArray(advancedElements), _toConsumableArray(layouts))
+        widgets: [].concat(_toConsumableArray(elementsInfo), _toConsumableArray(advancedElementsInfo), _toConsumableArray(layoutsInfo))
       }]) // TODO: 不是最优解
       : defaultSettings;
-      var _commonSettings = isObject(commonSettings) ? commonSettings : defaultCommonSettings;
+      var _commonSettings = isObject(commonSettings) ? commonSettings : i18n.language === 'cn' ? defaultCommonSettings : USdefaultCommonSettings;
       var widgetList = getWidgetList(_settings, _commonSettings);
       var widgetName = getWidgetName(item.schema, globalMapping);
       var element = widgetList.find(function (e) {
@@ -3091,7 +3941,7 @@ function ItemSettings(_ref) {
       isReady.current = true;
       console.error(error);
     }
-  }, [selected]);
+  }, [selected, i18n.language]);
   useEffect(function () {
     validation && onItemErrorChange(form === null || form === void 0 ? void 0 : form.errorFields);
   }, [validation, form === null || form === void 0 ? void 0 : form.errorFields]);