npm - yy-forms - Versions diffs - 1.0.37 → 1.0.39 - Mend

yy-forms 1.0.37 → 1.0.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.esm.js +765 -1
package/dist/index.js +765 -1
package/package.json +1 -1
package/src/components/Settings/ItemSettings.jsx +7 -1
package/src/settings/index.js +832 -0

package/src/settings/index.js CHANGED Viewed

@@ -573,6 +573,387 @@ export const elements = [
   },
 ];
+export const 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"
+          }
+        }
+      }
+    }
+  }
+]
 export const advancedElements = [
   {
     text: '日期范围',
@@ -631,6 +1012,64 @@ export const advancedElements = [
   },
 ];
+export const 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": {}
+  }
+]
 export const layouts = [
   {
     text: '对象',
@@ -1040,6 +1479,399 @@ export const layouts = [
     },
   },
 ];
+export const 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"
+          }
+        }
+      }
+    }
+  }
+]
 const saves = [
   {