one-design-next 0.0.85 → 0.0.86
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.
- package/dist/composer/index.js +37 -64
- package/package.json +1 -1
package/dist/composer/index.js
CHANGED
|
@@ -187,35 +187,27 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
|
|
|
187
187
|
setTriggerActiveIndex = _useState8[1];
|
|
188
188
|
/** trigger menu 的命令式句柄:导航语义在 SkillSlot 内,composer 只转发 ↑↓。 */
|
|
189
189
|
var triggerSkillSlotRef = useRef(null);
|
|
190
|
-
/**
|
|
191
|
-
* onPressEnter 检测此标记以跳过 stale triggerMenuVisible 拦截。 */
|
|
192
|
-
var triggerDismissedRef = useRef(false);
|
|
193
|
-
/** 当 trigger 被 dismiss(无匹配 skill 按 Enter)时跳过 Popover 关闭动画 */
|
|
190
|
+
/** lite 模式下由内容高度驱动的单行 / 多行布局状态。 */
|
|
194
191
|
var _useState9 = useState(false),
|
|
195
192
|
_useState10 = _slicedToArray(_useState9, 2),
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
/**
|
|
193
|
+
expanded = _useState10[0],
|
|
194
|
+
setExpanded = _useState10[1];
|
|
195
|
+
/** full 模式下由右上角按钮控制的 50vh 展开态。 */
|
|
199
196
|
var _useState11 = useState(false),
|
|
200
197
|
_useState12 = _slicedToArray(_useState11, 2),
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
/** full 模式下由右上角按钮控制的 50vh 展开态。 */
|
|
204
|
-
var _useState13 = useState(false),
|
|
205
|
-
_useState14 = _slicedToArray(_useState13, 2),
|
|
206
|
-
fullExpanded = _useState14[0],
|
|
207
|
-
setFullExpanded = _useState14[1];
|
|
198
|
+
fullExpanded = _useState12[0],
|
|
199
|
+
setFullExpanded = _useState12[1];
|
|
208
200
|
/** ComposerEditor 反馈的 editor 自然高度(offsetHeight,未 clamp),用于 lite 升格判断 */
|
|
209
|
-
var
|
|
210
|
-
|
|
211
|
-
editorHeight =
|
|
212
|
-
setEditorHeight =
|
|
201
|
+
var _useState13 = useState(0),
|
|
202
|
+
_useState14 = _slicedToArray(_useState13, 2),
|
|
203
|
+
editorHeight = _useState14[0],
|
|
204
|
+
setEditorHeight = _useState14[1];
|
|
213
205
|
/** editor 内容是否真正达到 maxRows 触顶——配合 SCSS 控制 viewport overflow,
|
|
214
206
|
* 阻止升格 transition / 换行未触顶时的 scrollbar 闪现 */
|
|
215
|
-
var
|
|
216
|
-
|
|
217
|
-
atMax =
|
|
218
|
-
setAtMax =
|
|
207
|
+
var _useState15 = useState(false),
|
|
208
|
+
_useState16 = _slicedToArray(_useState15, 2),
|
|
209
|
+
atMax = _useState16[0],
|
|
210
|
+
setAtMax = _useState16[1];
|
|
219
211
|
var fileInputRef = useRef(null);
|
|
220
212
|
var editorRef = useRef(null);
|
|
221
213
|
var boxRef = useRef(null);
|
|
@@ -234,10 +226,10 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
|
|
|
234
226
|
preventScroll: true
|
|
235
227
|
});
|
|
236
228
|
}, [disabled]);
|
|
237
|
-
var
|
|
238
|
-
|
|
239
|
-
paramEdit =
|
|
240
|
-
setParamEdit =
|
|
229
|
+
var _useState17 = useState(null),
|
|
230
|
+
_useState18 = _slicedToArray(_useState17, 2),
|
|
231
|
+
paramEdit = _useState18[0],
|
|
232
|
+
setParamEdit = _useState18[1];
|
|
241
233
|
var openParamPanel = useCallback(function (chipId) {
|
|
242
234
|
if (!renderParamPanel) return;
|
|
243
235
|
requestAnimationFrame(function () {
|
|
@@ -572,10 +564,10 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
|
|
|
572
564
|
* 不夺回焦点时 Enter 会再次激活按钮而不是发送 */
|
|
573
565
|
(_editorRef$current15 = editorRef.current) === null || _editorRef$current15 === void 0 || _editorRef$current15.focus();
|
|
574
566
|
};
|
|
575
|
-
var
|
|
576
|
-
|
|
577
|
-
fileDragOver =
|
|
578
|
-
setFileDragOver =
|
|
567
|
+
var _useState19 = useState(false),
|
|
568
|
+
_useState20 = _slicedToArray(_useState19, 2),
|
|
569
|
+
fileDragOver = _useState20[0],
|
|
570
|
+
setFileDragOver = _useState20[1];
|
|
579
571
|
var composerBoxFileDragAttrs = fileDragOver ? {
|
|
580
572
|
'data-odn-composer-file-drag': ''
|
|
581
573
|
} : {};
|
|
@@ -694,26 +686,18 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
|
|
|
694
686
|
return true;
|
|
695
687
|
}
|
|
696
688
|
if (e.key === 'Enter' && !e.shiftKey || e.key === 'Tab') {
|
|
697
|
-
var _ref6, _triggerSkillSlotRef$3, _triggerSkillSlotRef$4
|
|
689
|
+
var _ref6, _triggerSkillSlotRef$3, _triggerSkillSlotRef$4;
|
|
690
|
+
e.preventDefault();
|
|
698
691
|
var _skill = (_ref6 = (_triggerSkillSlotRef$3 = (_triggerSkillSlotRef$4 = triggerSkillSlotRef.current) === null || _triggerSkillSlotRef$4 === void 0 ? void 0 : _triggerSkillSlotRef$4.getActiveSkill()) !== null && _triggerSkillSlotRef$3 !== void 0 ? _triggerSkillSlotRef$3 : filteredSkills === null || filteredSkills === void 0 ? void 0 : filteredSkills[triggerActiveIndex]) !== null && _ref6 !== void 0 ? _ref6 : filteredSkillGroups === null || filteredSkillGroups === void 0 ? void 0 : filteredSkillGroups.flatMap(function (g) {
|
|
699
692
|
return g.skills;
|
|
700
693
|
})[triggerActiveIndex];
|
|
701
|
-
if (_skill)
|
|
702
|
-
|
|
703
|
-
handleSelectSkill(_skill, 'trigger');
|
|
704
|
-
return true;
|
|
705
|
-
}
|
|
706
|
-
/* 过滤后列表为空(无匹配 skill):取消 trigger,让 Enter 继续走发送流程 */
|
|
707
|
-
(_editorRef$current19 = editorRef.current) === null || _editorRef$current19 === void 0 || _editorRef$current19.cancelTrigger();
|
|
708
|
-
setTriggerInfo(null);
|
|
709
|
-
setSkipTriggerTransition(true);
|
|
710
|
-
triggerDismissedRef.current = true;
|
|
711
|
-
return false;
|
|
694
|
+
if (_skill) handleSelectSkill(_skill, 'trigger');
|
|
695
|
+
return true;
|
|
712
696
|
}
|
|
713
697
|
if (e.key === 'Escape') {
|
|
714
|
-
var _editorRef$
|
|
698
|
+
var _editorRef$current19;
|
|
715
699
|
e.preventDefault();
|
|
716
|
-
(_editorRef$
|
|
700
|
+
(_editorRef$current19 = editorRef.current) === null || _editorRef$current19 === void 0 || _editorRef$current19.cancelTrigger();
|
|
717
701
|
setTriggerInfo(null);
|
|
718
702
|
return true;
|
|
719
703
|
}
|
|
@@ -1052,9 +1036,9 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
|
|
|
1052
1036
|
"data-odn-composer-file-input": true,
|
|
1053
1037
|
onChange: handleFileChange
|
|
1054
1038
|
});
|
|
1055
|
-
var paramPanelNode = function (_editorRef$current$ge4, _editorRef$
|
|
1039
|
+
var paramPanelNode = function (_editorRef$current$ge4, _editorRef$current20, _boxRef$current) {
|
|
1056
1040
|
if (!paramEdit || !renderParamPanel) return null;
|
|
1057
|
-
var chips = (_editorRef$current$ge4 = (_editorRef$
|
|
1041
|
+
var chips = (_editorRef$current$ge4 = (_editorRef$current20 = editorRef.current) === null || _editorRef$current20 === void 0 ? void 0 : _editorRef$current20.getChips()) !== null && _editorRef$current$ge4 !== void 0 ? _editorRef$current$ge4 : [];
|
|
1058
1042
|
var chip = chips.find(function (c) {
|
|
1059
1043
|
return c.id === paramEdit.chipId;
|
|
1060
1044
|
});
|
|
@@ -1064,8 +1048,8 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
|
|
|
1064
1048
|
chip: chip,
|
|
1065
1049
|
anchor: paramEdit.anchor,
|
|
1066
1050
|
onApply: function onApply(patch) {
|
|
1067
|
-
var _editorRef$
|
|
1068
|
-
(_editorRef$
|
|
1051
|
+
var _editorRef$current21;
|
|
1052
|
+
(_editorRef$current21 = editorRef.current) === null || _editorRef$current21 === void 0 || _editorRef$current21.updateChipData(chip.id, patch);
|
|
1069
1053
|
},
|
|
1070
1054
|
onClose: closeParamPanel
|
|
1071
1055
|
};
|
|
@@ -1094,10 +1078,7 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
|
|
|
1094
1078
|
onInlineRefClick: renderParamPanel ? handleInlineRefClick : undefined
|
|
1095
1079
|
/* 本轮只接 `/`,`@` 留给业务接 mention 搜索时再加 */,
|
|
1096
1080
|
triggers: ['/'],
|
|
1097
|
-
onTriggerChange:
|
|
1098
|
-
setTriggerInfo(info);
|
|
1099
|
-
if (info) setSkipTriggerTransition(false);
|
|
1100
|
-
},
|
|
1081
|
+
onTriggerChange: setTriggerInfo,
|
|
1101
1082
|
onTriggerKeyDown: handleTriggerKeyDown,
|
|
1102
1083
|
onPasteFiles: addFilesFromList,
|
|
1103
1084
|
onHeightChange: function onHeightChange(height, overflow) {
|
|
@@ -1109,14 +1090,9 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
|
|
|
1109
1090
|
onPressEnter: function onPressEnter(e) {
|
|
1110
1091
|
if (e.nativeEvent.isComposing || e.keyCode === 229) return;
|
|
1111
1092
|
// trigger 浮层激活时,普通 Enter 留给浮层做选择;Shift+Enter 继续换行
|
|
1112
|
-
// 但若 handleTriggerKeyDown 已在本轮事件中取消了 trigger(列表为空),则放行
|
|
1113
1093
|
if (triggerMenuVisible && !e.shiftKey) {
|
|
1114
|
-
|
|
1115
|
-
|
|
1116
|
-
} else {
|
|
1117
|
-
e.preventDefault();
|
|
1118
|
-
return false;
|
|
1119
|
-
}
|
|
1094
|
+
e.preventDefault();
|
|
1095
|
+
return false;
|
|
1120
1096
|
}
|
|
1121
1097
|
var isSubmitKey = submitType === 'enter' ? !e.shiftKey : e.shiftKey;
|
|
1122
1098
|
if (!isSubmitKey) return; // 不阻止 → 让 editor 走默认 <br>
|
|
@@ -1138,14 +1114,11 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
|
|
|
1138
1114
|
placement: "topLeft",
|
|
1139
1115
|
offset: 4,
|
|
1140
1116
|
visible: triggerMenuVisible,
|
|
1141
|
-
transitionDuration: skipTriggerTransition ? 0 : undefined,
|
|
1142
1117
|
onVisibleChange: function onVisibleChange(v) {
|
|
1143
1118
|
if (!v) {
|
|
1144
|
-
var _editorRef$
|
|
1145
|
-
(_editorRef$
|
|
1119
|
+
var _editorRef$current22;
|
|
1120
|
+
(_editorRef$current22 = editorRef.current) === null || _editorRef$current22 === void 0 || _editorRef$current22.cancelTrigger();
|
|
1146
1121
|
setTriggerInfo(null);
|
|
1147
|
-
} else {
|
|
1148
|
-
setSkipTriggerTransition(false);
|
|
1149
1122
|
}
|
|
1150
1123
|
},
|
|
1151
1124
|
popupClassName: "odn-composer-skill-popup",
|