ywana-core8 0.0.416 → 0.0.419

package/dist/index.umd.js

@@ -1893,37 +1893,22 @@
   var TokenField = function TokenField(_ref) {
     var id = _ref.id,
         label = _ref.label,
-        _ref$init = _ref.init,
-        init = _ref$init === void 0 ? [] : _ref$init,
+        _ref$tokens = _ref.tokens,
+        tokens = _ref$tokens === void 0 ? [] : _ref$tokens,
         readOnly = _ref.readOnly,
         options = _ref.options,
         onChange = _ref.onChange;
-    var mounted = React.useRef(false);
 
     var _useState = React.useState(),
         value = _useState[0],
         setValue = _useState[1];
 
-    var _useState2 = React.useState(init),
-        tokens = _useState2[0],
-        setTokens = _useState2[1];
-
     React.useState(false);
 
-    React.useEffect(function () {
-      if (mounted.current) {
-        if (onChange) {
-          if (tokens) onChange(id, tokens);
-        }
-      } else {
-        mounted.current = true;
-      }
-    }, [tokens]);
-
     function remove(index) {
       var next = tokens.slice();
       next.splice(index, 1);
-      setTokens(next);
+      if (onChange) onChange(id, next);
     }
 
     function change(event) {
@@ -1931,10 +1916,10 @@
       setValue(value);
     }
 
-    function changeDropDown(id, value) {
+    function changeDropDown(fid, value) {
       var next = tokens.concat(value);
-      setTokens(next);
-      setValue('xxx');
+      if (onChange) onChange(id, next);
+      setValue('');
     }
 
     function onEnter(event) {
@@ -1943,7 +1928,7 @@
         event.stopPropagation();
         var token = event.target.value;
         var next = tokens.concat(token);
-        setTokens(next);
+        if (onChange) onChange(id, next);
         setValue('');
       }
 
@@ -1954,9 +1939,10 @@
       }
     }
 
+    var tks = Array.isArray(tokens) ? tokens : [];
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "tokenField"
-    }, /*#__PURE__*/React__default["default"].createElement("label", null, label), tokens.map(function (text, index) {
+    }, /*#__PURE__*/React__default["default"].createElement("label", null, label), tks.map(function (text, index) {
       return /*#__PURE__*/React__default["default"].createElement(Token, {
         text: text,
         onDelete: function onDelete() {
@@ -4113,6 +4099,7 @@
         Editor = field.Editor;
 
     function change(id, value) {
+      console.log(id, value);
       if (onChange) onChange(id, value);
     }
 
@@ -4154,9 +4141,8 @@
             id: id,
             label: label,
             onChange: change,
-            readOnly: !editable,
             options: buildOptions(),
-            init: value
+            tokens: value
           });
 
         default: