ywana-core8 0.0.925 → 0.0.927

package/dist/index.umd.js

@@ -1493,7 +1493,9 @@
         verbose = _props$verbose === void 0 ? true : _props$verbose,
         _props$editable = props.editable,
         editable = _props$editable === void 0 ? false : _props$editable,
-        onBlur = props.onBlur;
+        onBlur = props.onBlur,
+        _props$position = props.position,
+        position = _props$position === void 0 ? "bottom" : _props$position;
       var _useState = React.useState(false),
         open = _useState[0],
         setOpen = _useState[1];
@@ -1567,7 +1569,9 @@
               size: "small"
             }) : '', /*#__PURE__*/React__default["default"].createElement(Text, null, option.label));
           });
-          return /*#__PURE__*/React__default["default"].createElement("menu", null, /*#__PURE__*/React__default["default"].createElement("ul", null, lis));
+          return /*#__PURE__*/React__default["default"].createElement("menu", {
+            className: position
+          }, /*#__PURE__*/React__default["default"].createElement("ul", null, lis));
         } else {
           return null;
         }
@@ -11369,6 +11373,9 @@
       }
       function renderByFormat() {
         var label = required ? field.label + " *" : field.label;
+        var readOnly = field.readOnly || field.editable === false;
+        var _field$position = field.position,
+          position = _field$position === void 0 ? "bottom" : _field$position;
         switch (format) {
           case FORMATS.TEXT:
             return /*#__PURE__*/React__default["default"].createElement(TextArea, {
@@ -11376,7 +11383,8 @@
               label: label,
               value: value,
               onChange: change,
-              outlined: true
+              outlined: true,
+              readOnly: readOnly
             });
           case FORMATS.DATE:
             return /*#__PURE__*/React__default["default"].createElement(TextField, {
@@ -11385,7 +11393,8 @@
               type: "date",
               value: value,
               onChange: change,
-              outlined: true
+              outlined: true,
+              readOnly: readOnly
             });
           case FORMATS.TIME:
             return /*#__PURE__*/React__default["default"].createElement(TextField, {
@@ -11394,7 +11403,8 @@
               type: "time",
               value: value,
               onChange: change,
-              outlined: true
+              outlined: true,
+              readOnly: readOnly
             });
           case FORMATS.DATERANGE:
             return /*#__PURE__*/React__default["default"].createElement(DateRange, {
@@ -11424,13 +11434,16 @@
               value: value,
               onChange: change,
               options: buildOptions(),
-              outlined: true
+              outlined: true,
+              readOnly: readOnly,
+              position: position
             }) : /*#__PURE__*/React__default["default"].createElement(TextField, {
               id: id,
               label: label,
               value: value,
               onChange: change,
-              outlined: true
+              outlined: true,
+              readOnly: readOnly
             });
         }
       }
@@ -11447,9 +11460,8 @@
             return renderByFormat();
         }
       }
-      var className = "dynamic-form-field " + id;
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: className
+        className: "dynamic-form-field"
       }, renderByType());
     };