@rkmodules/rules 0.0.81 → 0.0.83

package/dist/index.cjs.js

@@ -6,6 +6,7 @@ var react = require('@xyflow/react');
 var katex = require('katex');
 var classNames = require('classnames');
 var rcin = require('rc-input-number');
+var useInner = require('@rkmodules/use-inner');
 var useLongPress = require('use-long-press');
 var zustand = require('zustand');
 var middleware = require('zustand/middleware');
@@ -4879,7 +4880,21 @@ var _a;
 var InputNumber = (_a = rcin.default) !== null && _a !== void 0 ? _a : rcin;
 var InputString = React.memo(function (_a) {
     var value = _a.value, onChange = _a.onChange;
-    return (React.createElement("input", { type: "text", value: value, onChange: function (e) { return onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value); } }));
+    var _b = __read(useInner(value), 2), inner = _b[0], setInner = _b[1];
+    var handleBlur = React.useCallback(function () {
+        if (inner !== value) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(inner);
+        }
+    }, [inner, value, onChange]);
+    var handleKey = React.useCallback(function (e) {
+        if (e.key === "Enter" && inner !== value) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(inner);
+        }
+        if (e.key === "Escape") {
+            setInner(value);
+        }
+    }, [inner, value, onChange]);
+    return (React.createElement("input", { type: "text", value: inner, onChange: function (e) { return setInner(e.target.value); }, onBlur: handleBlur, onKeyDown: handleKey }));
 });
 function Control(_a) {
     var value = _a.value, vardef = _a.vardef, onChange = _a.onChange;