ywana-core8 0.0.901 → 0.0.902

package/dist/index.umd.js

@@ -435,40 +435,45 @@
         action: click
       }) : null, /*#__PURE__*/React__default["default"].createElement(Text, null, label));
     };
+
+    /**
+     * Action Button
+     */
     var ActionButton = function ActionButton(props) {
-      var icon = props.icon,
-        _props$state = props.state,
-        state = _props$state === void 0 ? "normal" : _props$state,
-        action = props.action,
+      var execute = function execute() {
+        try {
+          var _temp = function () {
+            if (states[_state]) {
+              return Promise.resolve(states[_state].action()).then(function (newState) {
+                if (newState) setState(newState);
+              });
+            }
+          }();
+          return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+        } catch (e) {
+          return Promise.reject(e);
+        }
+      };
+      var states = props.states,
+        state = props.state,
         className = props.className;
-      var _useState = React.useState("normal"),
+      var _useState = React.useState(),
         _state = _useState[0],
         setState = _useState[1];
       React.useEffect(function () {
         setState(state);
       }, [state]);
-      function activate() {
-        setState("running");
-        if (action) action();
-      }
-      var actionIcon = icon;
-      switch (_state) {
-        case "normal":
-          actionIcon = icon;
-          break;
-        case "running":
-          actionIcon = "rotate_right";
-          break;
-        case "success":
-          actionIcon = "task_alt";
-          break;
-        case "error":
-          actionIcon = "error";
-          break;
-      }
+      React.useEffect(function () {
+        if (states[_state] && states[_state].autoexec) execute();
+      }, [_state]);
+      if (!_state) return null;
+      var _states$_state = states[_state],
+        icon = _states$_state.icon,
+        label = _states$_state.label;
       return /*#__PURE__*/React__default["default"].createElement(Button, _extends({}, props, {
-        icon: actionIcon,
-        action: activate,
+        icon: icon,
+        label: label,
+        action: execute,
         className: className + " action-btn " + _state
       }));
     };