@opensumi/ide-components 2.12.1-next-079c1930
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/README.md +65 -0
- package/dist/index.css +1 -0
- package/dist/index.js +26330 -0
- package/lib/badge/index.d.ts +4 -0
- package/lib/badge/index.d.ts.map +1 -0
- package/lib/badge/index.js +13 -0
- package/lib/badge/index.js.map +1 -0
- package/lib/badge/styles.less +17 -0
- package/lib/button/index.d.ts +54 -0
- package/lib/button/index.d.ts.map +1 -0
- package/lib/button/index.js +68 -0
- package/lib/button/index.js.map +1 -0
- package/lib/button/style.less +251 -0
- package/lib/checkbox/index.d.ts +9 -0
- package/lib/checkbox/index.d.ts.map +1 -0
- package/lib/checkbox/index.js +27 -0
- package/lib/checkbox/index.js.map +1 -0
- package/lib/checkbox/style.less +80 -0
- package/lib/common.d.ts +7 -0
- package/lib/common.d.ts.map +1 -0
- package/lib/common.js +11 -0
- package/lib/common.js.map +1 -0
- package/lib/dialog/index.d.ts +26 -0
- package/lib/dialog/index.d.ts.map +1 -0
- package/lib/dialog/index.js +28 -0
- package/lib/dialog/index.js.map +1 -0
- package/lib/dialog/styles.less +85 -0
- package/lib/dropdown/dropdown.d.ts +48 -0
- package/lib/dropdown/dropdown.d.ts.map +1 -0
- package/lib/dropdown/dropdown.js +80 -0
- package/lib/dropdown/dropdown.js.map +1 -0
- package/lib/dropdown/index.d.ts +5 -0
- package/lib/dropdown/index.d.ts.map +1 -0
- package/lib/dropdown/index.js +8 -0
- package/lib/dropdown/index.js.map +1 -0
- package/lib/dropdown/style.less +254 -0
- package/lib/icon/icon.d.ts +33 -0
- package/lib/icon/icon.d.ts.map +1 -0
- package/lib/icon/icon.js +71 -0
- package/lib/icon/icon.js.map +1 -0
- package/lib/icon/iconfont/iconManager.d.ts +187 -0
- package/lib/icon/iconfont/iconManager.d.ts.map +1 -0
- package/lib/icon/iconfont/iconManager.js +67 -0
- package/lib/icon/iconfont/iconManager.js.map +1 -0
- package/lib/icon/iconfont/iconMap.d.ts +160 -0
- package/lib/icon/iconfont/iconMap.d.ts.map +1 -0
- package/lib/icon/iconfont/iconMap.js +165 -0
- package/lib/icon/iconfont/iconMap.js.map +1 -0
- package/lib/icon/iconfont/iconfont.css +646 -0
- package/lib/icon/iconfont/iconfont.eot +0 -0
- package/lib/icon/iconfont/iconfont.html +1522 -0
- package/lib/icon/iconfont/iconfont.svg +333 -0
- package/lib/icon/iconfont/iconfont.ttf +0 -0
- package/lib/icon/iconfont/iconfont.woff +0 -0
- package/lib/icon/iconfont/iconfont.woff2 +0 -0
- package/lib/icon/iconfont-cn.d.ts +15 -0
- package/lib/icon/iconfont-cn.d.ts.map +1 -0
- package/lib/icon/iconfont-cn.js +78 -0
- package/lib/icon/iconfont-cn.js.map +1 -0
- package/lib/icon/index.d.ts +4 -0
- package/lib/icon/index.d.ts.map +1 -0
- package/lib/icon/index.js +9 -0
- package/lib/icon/index.js.map +1 -0
- package/lib/icon/styles.less +105 -0
- package/lib/icon/util.d.ts +29 -0
- package/lib/icon/util.d.ts.map +1 -0
- package/lib/icon/util.js +53 -0
- package/lib/icon/util.js.map +1 -0
- package/lib/index.d.ts +20 -0
- package/lib/index.d.ts.map +1 -0
- package/lib/index.js +23 -0
- package/lib/index.js.map +1 -0
- package/lib/input/HistoryInputBox.d.ts +38 -0
- package/lib/input/HistoryInputBox.d.ts.map +1 -0
- package/lib/input/HistoryInputBox.js +114 -0
- package/lib/input/HistoryInputBox.js.map +1 -0
- package/lib/input/Input.d.ts +43 -0
- package/lib/input/Input.d.ts.map +1 -0
- package/lib/input/Input.js +124 -0
- package/lib/input/Input.js.map +1 -0
- package/lib/input/ProxiedInput.d.ts +8 -0
- package/lib/input/ProxiedInput.d.ts.map +1 -0
- package/lib/input/ProxiedInput.js +67 -0
- package/lib/input/ProxiedInput.js.map +1 -0
- package/lib/input/TextArea.d.ts +6 -0
- package/lib/input/TextArea.d.ts.map +1 -0
- package/lib/input/TextArea.js +11 -0
- package/lib/input/TextArea.js.map +1 -0
- package/lib/input/ValidateInput.d.ts +20 -0
- package/lib/input/ValidateInput.d.ts.map +1 -0
- package/lib/input/ValidateInput.js +59 -0
- package/lib/input/ValidateInput.js.map +1 -0
- package/lib/input/index.d.ts +5 -0
- package/lib/input/index.d.ts.map +1 -0
- package/lib/input/index.js +8 -0
- package/lib/input/index.js.map +1 -0
- package/lib/input/input.less +83 -0
- package/lib/input/validate-input.less +88 -0
- package/lib/locale-context-provider.d.ts +16 -0
- package/lib/locale-context-provider.d.ts.map +1 -0
- package/lib/locale-context-provider.js +26 -0
- package/lib/locale-context-provider.js.map +1 -0
- package/lib/menu/MenuContext.d.ts +8 -0
- package/lib/menu/MenuContext.d.ts.map +1 -0
- package/lib/menu/MenuContext.js +8 -0
- package/lib/menu/MenuContext.js.map +1 -0
- package/lib/menu/MenuItem.d.ts +29 -0
- package/lib/menu/MenuItem.d.ts.map +1 -0
- package/lib/menu/MenuItem.js +32 -0
- package/lib/menu/MenuItem.js.map +1 -0
- package/lib/menu/SubMenu.d.ts +30 -0
- package/lib/menu/SubMenu.d.ts.map +1 -0
- package/lib/menu/SubMenu.js +28 -0
- package/lib/menu/SubMenu.js.map +1 -0
- package/lib/menu/index.d.ts +64 -0
- package/lib/menu/index.d.ts.map +1 -0
- package/lib/menu/index.js +203 -0
- package/lib/menu/index.js.map +1 -0
- package/lib/menu/style.less +513 -0
- package/lib/message/index.d.ts +10 -0
- package/lib/message/index.d.ts.map +1 -0
- package/lib/message/index.js +21 -0
- package/lib/message/index.js.map +1 -0
- package/lib/message/message.d.ts +42 -0
- package/lib/message/message.d.ts.map +1 -0
- package/lib/message/message.js +128 -0
- package/lib/message/message.js.map +1 -0
- package/lib/message/style.less +76 -0
- package/lib/modal/Modal.d.ts +127 -0
- package/lib/modal/Modal.d.ts.map +1 -0
- package/lib/modal/Modal.js +87 -0
- package/lib/modal/Modal.js.map +1 -0
- package/lib/modal/index.d.ts +5 -0
- package/lib/modal/index.d.ts.map +1 -0
- package/lib/modal/index.js +8 -0
- package/lib/modal/index.js.map +1 -0
- package/lib/modal/locale.d.ts +8 -0
- package/lib/modal/locale.d.ts.map +1 -0
- package/lib/modal/locale.js +23 -0
- package/lib/modal/locale.js.map +1 -0
- package/lib/modal/style.less +168 -0
- package/lib/notification/index.d.ts +8 -0
- package/lib/notification/index.d.ts.map +1 -0
- package/lib/notification/index.js +80 -0
- package/lib/notification/index.js.map +1 -0
- package/lib/notification/notification.d.ts +44 -0
- package/lib/notification/notification.d.ts.map +1 -0
- package/lib/notification/notification.js +156 -0
- package/lib/notification/notification.js.map +1 -0
- package/lib/notification/notification.less +231 -0
- package/lib/overlay/index.d.ts +19 -0
- package/lib/overlay/index.d.ts.map +1 -0
- package/lib/overlay/index.js +13 -0
- package/lib/overlay/index.js.map +1 -0
- package/lib/overlay/styles.less +44 -0
- package/lib/popover/index.d.ts +28 -0
- package/lib/popover/index.d.ts.map +1 -0
- package/lib/popover/index.js +127 -0
- package/lib/popover/index.js.map +1 -0
- package/lib/popover/styles.less +135 -0
- package/lib/recycle-list/RecycleList.d.ts +105 -0
- package/lib/recycle-list/RecycleList.d.ts.map +1 -0
- package/lib/recycle-list/RecycleList.js +253 -0
- package/lib/recycle-list/RecycleList.js.map +1 -0
- package/lib/recycle-list/index.d.ts +2 -0
- package/lib/recycle-list/index.d.ts.map +1 -0
- package/lib/recycle-list/index.js +5 -0
- package/lib/recycle-list/index.js.map +1 -0
- package/lib/recycle-tree/RecycleTree.d.ts +254 -0
- package/lib/recycle-tree/RecycleTree.d.ts.map +1 -0
- package/lib/recycle-tree/RecycleTree.js +635 -0
- package/lib/recycle-tree/RecycleTree.js.map +1 -0
- package/lib/recycle-tree/TreeNodeRendererWrap.d.ts +37 -0
- package/lib/recycle-tree/TreeNodeRendererWrap.d.ts.map +1 -0
- package/lib/recycle-tree/TreeNodeRendererWrap.js +18 -0
- package/lib/recycle-tree/TreeNodeRendererWrap.js.map +1 -0
- package/lib/recycle-tree/decorators/Adaptive/index.d.ts +10 -0
- package/lib/recycle-tree/decorators/Adaptive/index.d.ts.map +1 -0
- package/lib/recycle-tree/decorators/Adaptive/index.js +97 -0
- package/lib/recycle-tree/decorators/Adaptive/index.js.map +1 -0
- package/lib/recycle-tree/decorators/Filter/filter.less +11 -0
- package/lib/recycle-tree/decorators/Filter/index.d.ts +26 -0
- package/lib/recycle-tree/decorators/Filter/index.d.ts.map +1 -0
- package/lib/recycle-tree/decorators/Filter/index.js +53 -0
- package/lib/recycle-tree/decorators/Filter/index.js.map +1 -0
- package/lib/recycle-tree/decorators/index.d.ts +3 -0
- package/lib/recycle-tree/decorators/index.d.ts.map +1 -0
- package/lib/recycle-tree/decorators/index.js +6 -0
- package/lib/recycle-tree/decorators/index.js.map +1 -0
- package/lib/recycle-tree/index.d.ts +7 -0
- package/lib/recycle-tree/index.d.ts.map +1 -0
- package/lib/recycle-tree/index.js +10 -0
- package/lib/recycle-tree/index.js.map +1 -0
- package/lib/recycle-tree/prompt/NewPromptHandle.d.ts +12 -0
- package/lib/recycle-tree/prompt/NewPromptHandle.d.ts.map +1 -0
- package/lib/recycle-tree/prompt/NewPromptHandle.js +21 -0
- package/lib/recycle-tree/prompt/NewPromptHandle.js.map +1 -0
- package/lib/recycle-tree/prompt/PromptHandle.d.ts +59 -0
- package/lib/recycle-tree/prompt/PromptHandle.d.ts.map +1 -0
- package/lib/recycle-tree/prompt/PromptHandle.js +200 -0
- package/lib/recycle-tree/prompt/PromptHandle.js.map +1 -0
- package/lib/recycle-tree/prompt/RenamePromptHandle.d.ts +10 -0
- package/lib/recycle-tree/prompt/RenamePromptHandle.d.ts.map +1 -0
- package/lib/recycle-tree/prompt/RenamePromptHandle.js +21 -0
- package/lib/recycle-tree/prompt/RenamePromptHandle.js.map +1 -0
- package/lib/recycle-tree/prompt/index.d.ts +4 -0
- package/lib/recycle-tree/prompt/index.d.ts.map +1 -0
- package/lib/recycle-tree/prompt/index.js +7 -0
- package/lib/recycle-tree/prompt/index.js.map +1 -0
- package/lib/recycle-tree/tree/Tree.d.ts +20 -0
- package/lib/recycle-tree/tree/Tree.d.ts.map +1 -0
- package/lib/recycle-tree/tree/Tree.js +43 -0
- package/lib/recycle-tree/tree/Tree.js.map +1 -0
- package/lib/recycle-tree/tree/TreeNode.d.ts +222 -0
- package/lib/recycle-tree/tree/TreeNode.d.ts.map +1 -0
- package/lib/recycle-tree/tree/TreeNode.js +1099 -0
- package/lib/recycle-tree/tree/TreeNode.js.map +1 -0
- package/lib/recycle-tree/tree/decoration/CompositeDecoration.d.ts +60 -0
- package/lib/recycle-tree/tree/decoration/CompositeDecoration.d.ts.map +1 -0
- package/lib/recycle-tree/tree/decoration/CompositeDecoration.js +328 -0
- package/lib/recycle-tree/tree/decoration/CompositeDecoration.js.map +1 -0
- package/lib/recycle-tree/tree/decoration/Decoration.d.ts +79 -0
- package/lib/recycle-tree/tree/decoration/Decoration.d.ts.map +1 -0
- package/lib/recycle-tree/tree/decoration/Decoration.js +183 -0
- package/lib/recycle-tree/tree/decoration/Decoration.js.map +1 -0
- package/lib/recycle-tree/tree/decoration/DecorationManager.d.ts +34 -0
- package/lib/recycle-tree/tree/decoration/DecorationManager.d.ts.map +1 -0
- package/lib/recycle-tree/tree/decoration/DecorationManager.js +166 -0
- package/lib/recycle-tree/tree/decoration/DecorationManager.js.map +1 -0
- package/lib/recycle-tree/tree/decoration/index.d.ts +4 -0
- package/lib/recycle-tree/tree/decoration/index.d.ts.map +1 -0
- package/lib/recycle-tree/tree/decoration/index.js +7 -0
- package/lib/recycle-tree/tree/decoration/index.js.map +1 -0
- package/lib/recycle-tree/tree/index.d.ts +5 -0
- package/lib/recycle-tree/tree/index.d.ts.map +1 -0
- package/lib/recycle-tree/tree/index.js +8 -0
- package/lib/recycle-tree/tree/index.js.map +1 -0
- package/lib/recycle-tree/tree/model/TreeModel.d.ts +50 -0
- package/lib/recycle-tree/tree/model/TreeModel.d.ts.map +1 -0
- package/lib/recycle-tree/tree/model/TreeModel.js +81 -0
- package/lib/recycle-tree/tree/model/TreeModel.js.map +1 -0
- package/lib/recycle-tree/tree/model/index.d.ts +2 -0
- package/lib/recycle-tree/tree/model/index.d.ts.map +1 -0
- package/lib/recycle-tree/tree/model/index.js +5 -0
- package/lib/recycle-tree/tree/model/index.js.map +1 -0
- package/lib/recycle-tree/tree/model/treeState/TreeStateManager.d.ts +65 -0
- package/lib/recycle-tree/tree/model/treeState/TreeStateManager.d.ts.map +1 -0
- package/lib/recycle-tree/tree/model/treeState/TreeStateManager.js +191 -0
- package/lib/recycle-tree/tree/model/treeState/TreeStateManager.js.map +1 -0
- package/lib/recycle-tree/tree/model/treeState/TreeStateWatcher.d.ts +15 -0
- package/lib/recycle-tree/tree/model/treeState/TreeStateWatcher.d.ts.map +1 -0
- package/lib/recycle-tree/tree/model/treeState/TreeStateWatcher.js +104 -0
- package/lib/recycle-tree/tree/model/treeState/TreeStateWatcher.js.map +1 -0
- package/lib/recycle-tree/tree/model/treeState/index.d.ts +4 -0
- package/lib/recycle-tree/tree/model/treeState/index.d.ts.map +1 -0
- package/lib/recycle-tree/tree/model/treeState/index.js +8 -0
- package/lib/recycle-tree/tree/model/treeState/index.js.map +1 -0
- package/lib/recycle-tree/tree/model/treeState/types.d.ts +21 -0
- package/lib/recycle-tree/tree/model/treeState/types.d.ts.map +1 -0
- package/lib/recycle-tree/tree/model/treeState/types.js +18 -0
- package/lib/recycle-tree/tree/model/treeState/types.js.map +1 -0
- package/lib/recycle-tree/types/index.d.ts +4 -0
- package/lib/recycle-tree/types/index.d.ts.map +1 -0
- package/lib/recycle-tree/types/index.js +7 -0
- package/lib/recycle-tree/types/index.js.map +1 -0
- package/lib/recycle-tree/types/tree-node.d.ts +70 -0
- package/lib/recycle-tree/types/tree-node.d.ts.map +1 -0
- package/lib/recycle-tree/types/tree-node.js +11 -0
- package/lib/recycle-tree/types/tree-node.js.map +1 -0
- package/lib/recycle-tree/types/tree.d.ts +8 -0
- package/lib/recycle-tree/types/tree.d.ts.map +1 -0
- package/lib/recycle-tree/types/tree.js +3 -0
- package/lib/recycle-tree/types/tree.js.map +1 -0
- package/lib/recycle-tree/types/watcher.d.ts +114 -0
- package/lib/recycle-tree/types/watcher.d.ts.map +1 -0
- package/lib/recycle-tree/types/watcher.js +46 -0
- package/lib/recycle-tree/types/watcher.js.map +1 -0
- package/lib/scrollbars/index.d.ts +14 -0
- package/lib/scrollbars/index.d.ts.map +1 -0
- package/lib/scrollbars/index.js +52 -0
- package/lib/scrollbars/index.js.map +1 -0
- package/lib/scrollbars/styles.less +46 -0
- package/lib/select/index.d.ts +119 -0
- package/lib/select/index.d.ts.map +1 -0
- package/lib/select/index.js +327 -0
- package/lib/select/index.js.map +1 -0
- package/lib/select/style.less +224 -0
- package/lib/style/base.less +542 -0
- package/lib/style/index.less +14 -0
- package/lib/style/mixins.less +135 -0
- package/lib/style/motion/fade.less +31 -0
- package/lib/style/motion/move.less +120 -0
- package/lib/style/motion/other.less +45 -0
- package/lib/style/motion/slide.less +120 -0
- package/lib/style/motion/swing.less +34 -0
- package/lib/style/motion/zoom.less +162 -0
- package/lib/style/variable.less +204 -0
- package/lib/tabs/index.d.ts +12 -0
- package/lib/tabs/index.d.ts.map +1 -0
- package/lib/tabs/index.js +24 -0
- package/lib/tabs/index.js.map +1 -0
- package/lib/tabs/style.less +34 -0
- package/lib/tooltip/index.d.ts +7 -0
- package/lib/tooltip/index.d.ts.map +1 -0
- package/lib/tooltip/index.js +58 -0
- package/lib/tooltip/index.js.map +1 -0
- package/lib/tooltip/style.less +41 -0
- package/lib/utils/deprecated.d.ts +3 -0
- package/lib/utils/deprecated.d.ts.map +1 -0
- package/lib/utils/deprecated.js +18 -0
- package/lib/utils/deprecated.js.map +1 -0
- package/lib/utils/disposable.d.ts +37 -0
- package/lib/utils/disposable.d.ts.map +1 -0
- package/lib/utils/disposable.js +140 -0
- package/lib/utils/disposable.js.map +1 -0
- package/lib/utils/event.d.ts +189 -0
- package/lib/utils/event.d.ts.map +1 -0
- package/lib/utils/event.js +569 -0
- package/lib/utils/event.js.map +1 -0
- package/lib/utils/index.d.ts +10 -0
- package/lib/utils/index.d.ts.map +1 -0
- package/lib/utils/index.js +13 -0
- package/lib/utils/index.js.map +1 -0
- package/lib/utils/iterator.d.ts +14 -0
- package/lib/utils/iterator.d.ts.map +1 -0
- package/lib/utils/iterator.js +9 -0
- package/lib/utils/iterator.js.map +1 -0
- package/lib/utils/linkedList.d.ts +18 -0
- package/lib/utils/linkedList.d.ts.map +1 -0
- package/lib/utils/linkedList.js +139 -0
- package/lib/utils/linkedList.js.map +1 -0
- package/lib/utils/motion.d.ts +24 -0
- package/lib/utils/motion.d.ts.map +1 -0
- package/lib/utils/motion.js +17 -0
- package/lib/utils/motion.js.map +1 -0
- package/lib/utils/os.d.ts +4 -0
- package/lib/utils/os.d.ts.map +1 -0
- package/lib/utils/os.js +22 -0
- package/lib/utils/os.js.map +1 -0
- package/lib/utils/path.d.ts +92 -0
- package/lib/utils/path.d.ts.map +1 -0
- package/lib/utils/path.js +1712 -0
- package/lib/utils/path.js.map +1 -0
- package/lib/utils/process.d.ts +6 -0
- package/lib/utils/process.d.ts.map +1 -0
- package/lib/utils/process.js +17 -0
- package/lib/utils/process.js.map +1 -0
- package/lib/utils/raf.d.ts +10 -0
- package/lib/utils/raf.d.ts.map +1 -0
- package/lib/utils/raf.js +33 -0
- package/lib/utils/raf.js.map +1 -0
- package/lib/utils/type.d.ts +4 -0
- package/lib/utils/type.d.ts.map +1 -0
- package/lib/utils/type.js +9 -0
- package/lib/utils/type.js.map +1 -0
- package/lib/utils/warning.d.ts +8 -0
- package/lib/utils/warning.d.ts.map +1 -0
- package/lib/utils/warning.js +40 -0
- package/lib/utils/warning.js.map +1 -0
- package/package.json +36 -0
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Input = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const react_1 = (0, tslib_1.__importDefault)(require("react"));
|
|
6
|
+
const classnames_1 = (0, tslib_1.__importDefault)(require("classnames"));
|
|
7
|
+
const warning_1 = (0, tslib_1.__importDefault)(require("../utils/warning"));
|
|
8
|
+
const icon_1 = require("../icon");
|
|
9
|
+
require("./input.less");
|
|
10
|
+
function isUndefined(obj) {
|
|
11
|
+
return typeof (obj) === 'undefined';
|
|
12
|
+
}
|
|
13
|
+
// copied from https://github.com/ant-design/ant-design/blob/master/components/input/Input.tsx#L33
|
|
14
|
+
// simulate a Form.ChangeEvent in react.js
|
|
15
|
+
function resolveOnChange(target, e, onChange) {
|
|
16
|
+
if (typeof onChange === 'function') {
|
|
17
|
+
let event = e;
|
|
18
|
+
if (e.type === 'click') {
|
|
19
|
+
// click clear icon
|
|
20
|
+
event = Object.create(e);
|
|
21
|
+
event.target = target;
|
|
22
|
+
event.currentTarget = target;
|
|
23
|
+
const originalInputValue = target.value;
|
|
24
|
+
// change target ref value cause e.target.value should be '' when clear input
|
|
25
|
+
target.value = '';
|
|
26
|
+
onChange(event);
|
|
27
|
+
// reset target ref value
|
|
28
|
+
target.value = originalInputValue;
|
|
29
|
+
return;
|
|
30
|
+
}
|
|
31
|
+
onChange(event);
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
exports.Input = react_1.default.forwardRef((props, ref) => {
|
|
35
|
+
const { defaultValue, className, wrapperStyle, size = 'default', controls, onChange, selection, addonBefore, addonAfter, persistFocus = true, hasClear, afterClear, value = '', onValueChange, onPressEnter, onKeyDown } = props, restProps = (0, tslib_1.__rest)(props, ["defaultValue", "className", "wrapperStyle", "size", "controls", "onChange", "selection", "addonBefore", "addonAfter", "persistFocus", "hasClear", "afterClear", "value", "onValueChange", "onPressEnter", "onKeyDown"]);
|
|
36
|
+
(0, warning_1.default)(!controls, '[@opensumi/ide-components Input]: `controls` was deprecated, please use `addonAfter` instead');
|
|
37
|
+
const inputRef = react_1.default.useRef(null);
|
|
38
|
+
const [isDirty, setIsDirty] = react_1.default.useState(false);
|
|
39
|
+
// handle initial value from `value` or `defaultValue`
|
|
40
|
+
const [inputValue, setInputValue] = react_1.default.useState(() => ((value !== null && value !== void 0 ? value : defaultValue) || ''));
|
|
41
|
+
const [preValue, setPrevValue] = react_1.default.useState(() => ((value !== null && value !== void 0 ? value : defaultValue) || ''));
|
|
42
|
+
// make `ref` to input works
|
|
43
|
+
react_1.default.useImperativeHandle(ref, () => inputRef.current);
|
|
44
|
+
// handle `selection`
|
|
45
|
+
react_1.default.useEffect(() => {
|
|
46
|
+
if (selection && !isUndefined(selection.start) && !isDirty) {
|
|
47
|
+
inputRef.current.setSelectionRange(selection.start, selection.end);
|
|
48
|
+
}
|
|
49
|
+
}, [selection, isDirty]);
|
|
50
|
+
// implements for `getDerivedStateFromProps` to update `state#inputValue` from `props#value`
|
|
51
|
+
react_1.default.useEffect(() => {
|
|
52
|
+
// what if value is null??
|
|
53
|
+
// 如果不加这一句的话,后面又会把 inputValue 设置成 null
|
|
54
|
+
if (value === null || typeof value === 'undefined') {
|
|
55
|
+
return;
|
|
56
|
+
}
|
|
57
|
+
if (value !== preValue && value !== inputValue) {
|
|
58
|
+
setInputValue(value);
|
|
59
|
+
}
|
|
60
|
+
// save prev props into state
|
|
61
|
+
if (value !== preValue) {
|
|
62
|
+
setPrevValue(value);
|
|
63
|
+
}
|
|
64
|
+
}, [value]);
|
|
65
|
+
const handleChange = (e) => {
|
|
66
|
+
triggerChange(e.target.value);
|
|
67
|
+
resolveOnChange(inputRef.current, e, onChange);
|
|
68
|
+
};
|
|
69
|
+
const handleClearIconClick = (e) => {
|
|
70
|
+
e.preventDefault();
|
|
71
|
+
triggerChange('');
|
|
72
|
+
resolveOnChange(inputRef.current, e, onChange);
|
|
73
|
+
if (typeof afterClear === 'function') {
|
|
74
|
+
afterClear();
|
|
75
|
+
}
|
|
76
|
+
};
|
|
77
|
+
const triggerChange = (value) => {
|
|
78
|
+
setInputValue(value);
|
|
79
|
+
if (typeof onValueChange === 'function') {
|
|
80
|
+
onValueChange(value);
|
|
81
|
+
}
|
|
82
|
+
// trigger `dirty` state
|
|
83
|
+
if (!isDirty) {
|
|
84
|
+
setIsDirty(true);
|
|
85
|
+
}
|
|
86
|
+
};
|
|
87
|
+
const handleKeyDown = (e) => {
|
|
88
|
+
if (e.keyCode === 13 && typeof onPressEnter === 'function') {
|
|
89
|
+
onPressEnter(e);
|
|
90
|
+
}
|
|
91
|
+
if (typeof onKeyDown === 'function') {
|
|
92
|
+
onKeyDown(e);
|
|
93
|
+
}
|
|
94
|
+
};
|
|
95
|
+
// addonAfter 优先级高于被废弃的 controls 属性
|
|
96
|
+
const addonAfterNode = addonAfter || controls;
|
|
97
|
+
const persistFocusProps = persistFocus
|
|
98
|
+
? {
|
|
99
|
+
onMouseDown: (e) => {
|
|
100
|
+
e.preventDefault();
|
|
101
|
+
},
|
|
102
|
+
} : {};
|
|
103
|
+
const addonRender = (addonNodes, klassName) => {
|
|
104
|
+
if (!addonNodes) {
|
|
105
|
+
return null;
|
|
106
|
+
}
|
|
107
|
+
return (react_1.default.createElement("div", Object.assign({ className: (0, classnames_1.default)('kt-input-addon', klassName) }, persistFocusProps), react_1.default.Children.map(addonNodes, (child) => react_1.default.isValidElement(child)
|
|
108
|
+
? react_1.default.cloneElement(child, persistFocusProps)
|
|
109
|
+
: null)));
|
|
110
|
+
};
|
|
111
|
+
const inputClx = (0, classnames_1.default)('kt-input', className, {
|
|
112
|
+
[`kt-input-${size}`]: size,
|
|
113
|
+
['kt-input-disabled']: props.disabled,
|
|
114
|
+
});
|
|
115
|
+
return (react_1.default.createElement("div", { className: inputClx, style: wrapperStyle },
|
|
116
|
+
addonRender(addonBefore, 'kt-input-addon-before'),
|
|
117
|
+
react_1.default.createElement("div", { className: 'kt-input-box' },
|
|
118
|
+
react_1.default.createElement("input", Object.assign({ ref: inputRef, type: 'text', autoCapitalize: 'off', autoCorrect: 'off', autoComplete: 'off', spellCheck: false }, restProps, { value: inputValue, onChange: handleChange, onKeyDown: handleKeyDown })),
|
|
119
|
+
hasClear && inputValue
|
|
120
|
+
&& react_1.default.createElement(icon_1.Icon, Object.assign({ className: 'kt-input-clear', icon: 'close-circle-fill', onClick: handleClearIconClick }, persistFocusProps))),
|
|
121
|
+
addonRender(addonAfterNode, 'kt-input-addon-after')));
|
|
122
|
+
});
|
|
123
|
+
exports.Input.displayName = 'KTInput';
|
|
124
|
+
//# sourceMappingURL=Input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/input/Input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IInputBaseProps } from './Input';
|
|
3
|
+
export interface ProxiedInputProp extends IInputBaseProps {
|
|
4
|
+
innerRef?: React.Ref<HTMLInputElement>;
|
|
5
|
+
id?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare function bindInputElement(el: HTMLInputElement): (props: ProxiedInputProp) => JSX.Element;
|
|
8
|
+
//# sourceMappingURL=ProxiedInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProxiedInput.d.ts","sourceRoot":"","sources":["../../src/input/ProxiedInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAsB,MAAM,SAAS,CAAC;AAE9D,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAsED,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,gBAAgB,WACpC,gBAAgB,iBAChC"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.bindInputElement = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const react_1 = (0, tslib_1.__importDefault)(require("react"));
|
|
6
|
+
const Input_1 = require("./Input");
|
|
7
|
+
class ProxiedInput extends react_1.default.Component {
|
|
8
|
+
constructor() {
|
|
9
|
+
super(...arguments);
|
|
10
|
+
this.placeholderInputRef = react_1.default.createRef();
|
|
11
|
+
}
|
|
12
|
+
render() {
|
|
13
|
+
const props = Object.assign({}, this.props);
|
|
14
|
+
// 移除两个无效的属性
|
|
15
|
+
// @ts-ignore
|
|
16
|
+
delete props.inputElement;
|
|
17
|
+
delete props.innerRef;
|
|
18
|
+
return react_1.default.createElement(Input_1.Input, Object.assign({}, props, { type: 'text', id: this.props.id, ref: this.placeholderInputRef }));
|
|
19
|
+
}
|
|
20
|
+
componentDidMount() {
|
|
21
|
+
const { innerRef, inputElement } = this.props;
|
|
22
|
+
const parent = this.placeholderInputRef.current.parentElement;
|
|
23
|
+
parent.replaceChild(inputElement, this.placeholderInputRef.current);
|
|
24
|
+
this.applyAttributes();
|
|
25
|
+
inputElement.focus();
|
|
26
|
+
if (typeof innerRef === 'function') {
|
|
27
|
+
innerRef(inputElement);
|
|
28
|
+
}
|
|
29
|
+
else if (innerRef !== null && typeof innerRef === 'object' && innerRef.current === null) {
|
|
30
|
+
innerRef.current = inputElement;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
UNSAFE_componentWillUnmount() {
|
|
34
|
+
const { innerRef, inputElement } = this.props;
|
|
35
|
+
const parent = inputElement.parentElement;
|
|
36
|
+
parent.replaceChild(this.placeholderInputRef.current, inputElement);
|
|
37
|
+
if (innerRef !== null && typeof innerRef === 'object' && innerRef.current) {
|
|
38
|
+
innerRef.current = null;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
shouldComponentUpdate(nextProps) {
|
|
42
|
+
this.applyAttributes(nextProps);
|
|
43
|
+
return false;
|
|
44
|
+
}
|
|
45
|
+
applyAttributes(props = this.props) {
|
|
46
|
+
const { className, id, inputElement, style } = props;
|
|
47
|
+
if (typeof className === 'string') {
|
|
48
|
+
inputElement.className = className;
|
|
49
|
+
}
|
|
50
|
+
if (typeof id === 'string') {
|
|
51
|
+
inputElement.id = id;
|
|
52
|
+
}
|
|
53
|
+
if (style !== null && typeof style === 'object') {
|
|
54
|
+
for (const prop in style) {
|
|
55
|
+
if (typeof style[prop] === 'string' && inputElement[prop]) {
|
|
56
|
+
inputElement[prop] = style[prop];
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
const Input = react_1.default.forwardRef((props, ref) => (react_1.default.createElement(ProxiedInput, Object.assign({}, props, { innerRef: ref }))));
|
|
63
|
+
function bindInputElement(el) {
|
|
64
|
+
return (props) => react_1.default.createElement(Input, Object.assign({}, props, { inputElement: el }));
|
|
65
|
+
}
|
|
66
|
+
exports.bindInputElement = bindInputElement;
|
|
67
|
+
//# sourceMappingURL=ProxiedInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProxiedInput.js","sourceRoot":"","sources":["../../src/input/ProxiedInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../src/input/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAE7C,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.TextArea = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const react_1 = (0, tslib_1.__importDefault)(require("react"));
|
|
6
|
+
const TextArea = () => {
|
|
7
|
+
return react_1.default.createElement("textarea", { name: '', id: '', cols: 30, rows: 10 });
|
|
8
|
+
};
|
|
9
|
+
exports.TextArea = TextArea;
|
|
10
|
+
exports.TextArea.displayName = 'KTTextArea';
|
|
11
|
+
//# sourceMappingURL=TextArea.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../src/input/TextArea.tsx"],"names":[],"mappings":";;;;AAAA,+DAA0B;AAMnB,MAAM,QAAQ,GAA6B,GAAG,EAAE;IACrD,OAAO,4CAAU,IAAI,EAAC,EAAE,EAAC,EAAE,EAAC,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,GAAa,CAAC;AACjE,CAAC,CAAC;AAFW,QAAA,QAAQ,YAEnB;AAEF,gBAAQ,CAAC,WAAW,GAAG,YAAY,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IInputBaseProps } from './Input';
|
|
3
|
+
import './validate-input.less';
|
|
4
|
+
export declare enum VALIDATE_TYPE {
|
|
5
|
+
INFO = 1,
|
|
6
|
+
WRANING = 0,
|
|
7
|
+
ERROR = 2,
|
|
8
|
+
WARNING = 3
|
|
9
|
+
}
|
|
10
|
+
export interface ValidateMessage {
|
|
11
|
+
message?: string | void;
|
|
12
|
+
type: VALIDATE_TYPE;
|
|
13
|
+
}
|
|
14
|
+
export interface ValidateInputProp extends IInputBaseProps {
|
|
15
|
+
validate?: (value: string) => ValidateMessage | undefined;
|
|
16
|
+
validateMessage?: ValidateMessage;
|
|
17
|
+
popup?: boolean;
|
|
18
|
+
}
|
|
19
|
+
export declare const ValidateInput: React.ForwardRefExoticComponent<ValidateInputProp & React.RefAttributes<HTMLInputElement>>;
|
|
20
|
+
//# sourceMappingURL=ValidateInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ValidateInput.d.ts","sourceRoot":"","sources":["../../src/input/ValidateInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,eAAe,EAAS,MAAM,SAAS,CAAC;AAEjD,OAAO,uBAAuB,CAAC;AAE/B,oBAAY,aAAa;IACvB,IAAI,IAAI;IACR,OAAO,IAAI;IACX,KAAK,IAAI;IACT,OAAO,IAAI;CACZ;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,IAAI,EAAE,aAAa,CAAC;CACrB;AAED,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IAGxD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,eAAe,GAAG,SAAS,CAAC;IAC1D,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,aAAa,4FAmExB,CAAC"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ValidateInput = exports.VALIDATE_TYPE = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const react_1 = (0, tslib_1.__importDefault)(require("react"));
|
|
6
|
+
const classnames_1 = (0, tslib_1.__importDefault)(require("classnames"));
|
|
7
|
+
const warning_1 = (0, tslib_1.__importDefault)(require("../utils/warning"));
|
|
8
|
+
const Input_1 = require("./Input");
|
|
9
|
+
require("./validate-input.less");
|
|
10
|
+
var VALIDATE_TYPE;
|
|
11
|
+
(function (VALIDATE_TYPE) {
|
|
12
|
+
VALIDATE_TYPE[VALIDATE_TYPE["INFO"] = 1] = "INFO";
|
|
13
|
+
VALIDATE_TYPE[VALIDATE_TYPE["WRANING"] = 0] = "WRANING";
|
|
14
|
+
VALIDATE_TYPE[VALIDATE_TYPE["ERROR"] = 2] = "ERROR";
|
|
15
|
+
VALIDATE_TYPE[VALIDATE_TYPE["WARNING"] = 3] = "WARNING";
|
|
16
|
+
})(VALIDATE_TYPE = exports.VALIDATE_TYPE || (exports.VALIDATE_TYPE = {}));
|
|
17
|
+
exports.ValidateInput = react_1.default.forwardRef((_a, ref) => {
|
|
18
|
+
var { className, validate, onChange, onValueChange, validateMessage: validateInfo, popup = true } = _a, restProps = (0, tslib_1.__rest)(_a, ["className", "validate", "onChange", "onValueChange", "validateMessage", "popup"]);
|
|
19
|
+
const [validateMessage, setValidateMessage] = react_1.default.useState();
|
|
20
|
+
react_1.default.useEffect(() => {
|
|
21
|
+
setValidateMessage(validateInfo);
|
|
22
|
+
}, [validateInfo]);
|
|
23
|
+
(0, warning_1.default)(!validateMessage || validateMessage.type !== VALIDATE_TYPE.WRANING, '`VALIDATE_TYPE.WRANING` was a wrong typo, please use `VALIDATE_TYPE.WARNING` instead');
|
|
24
|
+
const validateClx = (0, classnames_1.default)({
|
|
25
|
+
'validate-error': validateMessage && validateMessage.type === VALIDATE_TYPE.ERROR,
|
|
26
|
+
'validate-warning': validateMessage && ([VALIDATE_TYPE.WRANING, VALIDATE_TYPE.WARNING]).includes(validateMessage.type),
|
|
27
|
+
'validate-info': validateMessage && validateMessage.type === VALIDATE_TYPE.INFO,
|
|
28
|
+
});
|
|
29
|
+
const renderValidateMessage = () => {
|
|
30
|
+
if (validateMessage && validateMessage.message) {
|
|
31
|
+
return react_1.default.createElement("div", { className: (0, classnames_1.default)('validate-message', validateClx, { popup }) }, validateMessage.message);
|
|
32
|
+
}
|
|
33
|
+
};
|
|
34
|
+
const handleChange = (event) => {
|
|
35
|
+
const input = event.target;
|
|
36
|
+
let value;
|
|
37
|
+
if (input.type === 'number') {
|
|
38
|
+
value = event.target.valueAsNumber;
|
|
39
|
+
}
|
|
40
|
+
else {
|
|
41
|
+
value = event.target.value;
|
|
42
|
+
}
|
|
43
|
+
if (typeof validate === 'function') {
|
|
44
|
+
const message = validate(value);
|
|
45
|
+
setValidateMessage(message);
|
|
46
|
+
}
|
|
47
|
+
if (typeof onChange === 'function') {
|
|
48
|
+
onChange(event);
|
|
49
|
+
}
|
|
50
|
+
if (typeof onValueChange === 'function') {
|
|
51
|
+
onValueChange(value);
|
|
52
|
+
}
|
|
53
|
+
};
|
|
54
|
+
return react_1.default.createElement("div", { className: (0, classnames_1.default)('input-box', { popup }) },
|
|
55
|
+
react_1.default.createElement(Input_1.Input, Object.assign({ type: 'text', ref: ref, className: (0, classnames_1.default)(className, validateMessage, validateClx), onChange: handleChange }, restProps)),
|
|
56
|
+
renderValidateMessage());
|
|
57
|
+
});
|
|
58
|
+
exports.ValidateInput.displayName = 'KTValidateInput';
|
|
59
|
+
//# sourceMappingURL=ValidateInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ValidateInput.js","sourceRoot":"","sources":["../../src/input/ValidateInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/input/index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const tslib_1 = require("tslib");
|
|
4
|
+
(0, tslib_1.__exportStar)(require("./TextArea"), exports);
|
|
5
|
+
(0, tslib_1.__exportStar)(require("./Input"), exports);
|
|
6
|
+
(0, tslib_1.__exportStar)(require("./ValidateInput"), exports);
|
|
7
|
+
(0, tslib_1.__exportStar)(require("./ProxiedInput"), exports);
|
|
8
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/input/index.tsx"],"names":[],"mappings":";;;AAAA,0DAA2B;AAC3B,uDAAwB;AACxB,+DAAgC;AAChC,8DAA+B"}
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
.kt-input {
|
|
2
|
+
width: 100%;
|
|
3
|
+
display: flex;
|
|
4
|
+
align-items: center;
|
|
5
|
+
border-style: solid;
|
|
6
|
+
border-width: 1px;
|
|
7
|
+
border-color: var(--kt-input-border);
|
|
8
|
+
border-radius: 2px;
|
|
9
|
+
background-color: var(--input-background);
|
|
10
|
+
height: 28px;
|
|
11
|
+
padding: 0px 8px;
|
|
12
|
+
font-size: 12px;
|
|
13
|
+
|
|
14
|
+
&:focus-within {
|
|
15
|
+
border-color: var(--focusBorder);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
&:hover {
|
|
19
|
+
border-color: var(--focusBorder);
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
&:disabled {
|
|
23
|
+
color: var(--kt-input-disableForeground);
|
|
24
|
+
background-color: var(--kt-input-disableBackground);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
&-box {
|
|
28
|
+
flex: 1;
|
|
29
|
+
height: 100%;
|
|
30
|
+
position: relative;
|
|
31
|
+
display: flex;
|
|
32
|
+
align-items: center;
|
|
33
|
+
|
|
34
|
+
input {
|
|
35
|
+
width: 100%;
|
|
36
|
+
height: 100%;
|
|
37
|
+
color: var(--input-foreground);
|
|
38
|
+
background-color: transparent;
|
|
39
|
+
outline: none;
|
|
40
|
+
border-width: 0;
|
|
41
|
+
display: inline-block;
|
|
42
|
+
|
|
43
|
+
&::placeholder {
|
|
44
|
+
color: var(--input-placeholderForeground);
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
&::selection {
|
|
48
|
+
background-color: var(--kt-input-selectionBackground);
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
&-clear {
|
|
54
|
+
position: absolute;
|
|
55
|
+
right: 4px;
|
|
56
|
+
top: 50%;
|
|
57
|
+
transform: translateY(-50%);
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
&-addon {
|
|
61
|
+
display: flex;
|
|
62
|
+
align-items: center;
|
|
63
|
+
height: 100%;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
&-addon-before {
|
|
67
|
+
margin-right: 4px;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
&-addon-after {
|
|
71
|
+
margin-left: 4px;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
&-large {
|
|
75
|
+
height: 32px;
|
|
76
|
+
font-size: 14px;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
&-small {
|
|
80
|
+
height: 22px;
|
|
81
|
+
font-size: 12px;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
@import '../style/mixins.less';
|
|
2
|
+
|
|
3
|
+
// --- validate input
|
|
4
|
+
.input-box {
|
|
5
|
+
width: 100%;
|
|
6
|
+
height: 100%;
|
|
7
|
+
position: relative;
|
|
8
|
+
|
|
9
|
+
.kt-input {
|
|
10
|
+
&.validate-error {
|
|
11
|
+
border: 1px solid var(--inputValidation-errorBorder);
|
|
12
|
+
background-color: var(--inputValidation-errorBackground);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
&.validate-info {
|
|
16
|
+
border: 1px solid var(--inputValidation-infoBorder);
|
|
17
|
+
background-color: var(--inputValidation-infoBackground);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
&.validate-warning {
|
|
21
|
+
border: 1px solid var(--inputValidation-warningBorder);
|
|
22
|
+
background-color: var(--inputValidation-warningBackground);
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
&.popup {
|
|
27
|
+
.kt-input {
|
|
28
|
+
background-color: var(--input-background);
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.validate-message {
|
|
33
|
+
display: inline-block;
|
|
34
|
+
overflow: hidden;
|
|
35
|
+
text-align: left;
|
|
36
|
+
width: 100%;
|
|
37
|
+
box-sizing: border-box;
|
|
38
|
+
padding: 8px 4px;
|
|
39
|
+
font-size: 12px;
|
|
40
|
+
line-height: 20px;
|
|
41
|
+
min-height: 34px;
|
|
42
|
+
word-wrap: break-word;
|
|
43
|
+
white-space: normal;
|
|
44
|
+
position: absolute;
|
|
45
|
+
width: 100%;
|
|
46
|
+
left: 0;
|
|
47
|
+
top: 100%;
|
|
48
|
+
z-index: 10;
|
|
49
|
+
border-top: none !important;
|
|
50
|
+
border-radius: 0px 0px 2px 2px;
|
|
51
|
+
|
|
52
|
+
&.popup {
|
|
53
|
+
border: none;
|
|
54
|
+
background-color: transparent;
|
|
55
|
+
.overlay-shadow();
|
|
56
|
+
|
|
57
|
+
&.validate-error {
|
|
58
|
+
color: var(--inputValidation-errorForeground);
|
|
59
|
+
background-color: var(--inputValidation-errorBackground);
|
|
60
|
+
border: 1px solid var(--inputValidation-errorBorder);
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
&.validate-info {
|
|
64
|
+
background-color: var(--inputValidation-infoBackground);
|
|
65
|
+
border: 1px solid var(--inputValidation-infoBorder);
|
|
66
|
+
color: var(--inputValidation-infoForeground);
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
&.validate-warning {
|
|
70
|
+
background-color: var(--inputValidation-warningBackground);
|
|
71
|
+
border: 1px solid var(--inputValidation-warningBorder);
|
|
72
|
+
color: var(--inputValidation-warningForeground);
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
&.validate-error {
|
|
77
|
+
color: var(--kt-inputValidation-errorTextForeground);
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
&.validate-info {
|
|
81
|
+
color: var(--inputValidation-infoForeground);
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
&.validate-warning {
|
|
85
|
+
color: var(--kt-inputValidation-warningTextForeground);
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IiconContext } from './icon';
|
|
3
|
+
declare type LocalizeFn = (v: string) => string;
|
|
4
|
+
interface ILocalizeContext {
|
|
5
|
+
localize: LocalizeFn;
|
|
6
|
+
}
|
|
7
|
+
export declare const LocalizeContext: React.Context<ILocalizeContext>;
|
|
8
|
+
export declare function LocalizeContextProvider(props: React.PropsWithChildren<{
|
|
9
|
+
value: ILocalizeContext;
|
|
10
|
+
}>): JSX.Element;
|
|
11
|
+
declare type IComponentContextProps<T extends string> = IiconContext<T> & ILocalizeContext;
|
|
12
|
+
export declare function ComponentContextProvider(props: React.PropsWithChildren<{
|
|
13
|
+
value: IComponentContextProps<any>;
|
|
14
|
+
}>): JSX.Element;
|
|
15
|
+
export {};
|
|
16
|
+
//# sourceMappingURL=locale-context-provider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"locale-context-provider.d.ts","sourceRoot":"","sources":["../src/locale-context-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAuB,MAAM,QAAQ,CAAC;AAE3D,aAAK,UAAU,GAAG,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;AAOxC,UAAU,gBAAgB;IACxB,QAAQ,EAAE,UAAU,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,iCAE1B,CAAC;AAIH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAAE,KAAK,EAAE,gBAAgB,CAAA;CAAE,CAAC,eAQlG;AAED,aAAK,sBAAsB,CAAC,CAAC,SAAS,MAAM,IAAI,YAAY,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC;AAEnF,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAAE,KAAK,EAAE,sBAAsB,CAAC,GAAG,CAAC,CAAA;CAAE,CAAC,eAQ9G"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ComponentContextProvider = exports.LocalizeContextProvider = exports.LocalizeContext = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const react_1 = (0, tslib_1.__importDefault)(require("react"));
|
|
6
|
+
const warning_1 = require("./utils/warning");
|
|
7
|
+
const icon_1 = require("./icon");
|
|
8
|
+
const emptyLocalize = (v) => {
|
|
9
|
+
(0, warning_1.warning)(false, 'Using the default localize fn');
|
|
10
|
+
return '';
|
|
11
|
+
};
|
|
12
|
+
exports.LocalizeContext = react_1.default.createContext({
|
|
13
|
+
localize: emptyLocalize,
|
|
14
|
+
});
|
|
15
|
+
exports.LocalizeContext.displayName = 'LocalizeContext';
|
|
16
|
+
function LocalizeContextProvider(props) {
|
|
17
|
+
return (react_1.default.createElement(exports.LocalizeContext.Provider, { value: props.value },
|
|
18
|
+
react_1.default.createElement(exports.LocalizeContext.Consumer, null, (value) => props.value === value ? props.children : null)));
|
|
19
|
+
}
|
|
20
|
+
exports.LocalizeContextProvider = LocalizeContextProvider;
|
|
21
|
+
function ComponentContextProvider(props) {
|
|
22
|
+
return (react_1.default.createElement(icon_1.IconContextProvider, { value: props.value },
|
|
23
|
+
react_1.default.createElement(LocalizeContextProvider, { value: { localize: props.value.localize } }, props.children)));
|
|
24
|
+
}
|
|
25
|
+
exports.ComponentContextProvider = ComponentContextProvider;
|
|
26
|
+
//# sourceMappingURL=locale-context-provider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"locale-context-provider.js","sourceRoot":"","sources":["../src/locale-context-provider.tsx"],"names":[],"mappings":";;;;AAAA,+DAA0B;AAC1B,6CAA0C;AAC1C,iCAA2D;AAI3D,MAAM,aAAa,GAAe,CAAC,CAAC,EAAE,EAAE;IACtC,IAAA,iBAAO,EAAC,KAAK,EAAE,+BAA+B,CAAC,CAAC;IAChD,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AAMW,QAAA,eAAe,GAAG,eAAK,CAAC,aAAa,CAAmB;IACnE,QAAQ,EAAE,aAAa;CACxB,CAAC,CAAC;AAEH,uBAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,SAAgB,uBAAuB,CAAC,KAA2D;IACjG,OAAO,CACL,8BAAC,uBAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK;QAC1C,8BAAC,uBAAe,CAAC,QAAQ,QACtB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAChC,CACF,CAC5B,CAAC;AACJ,CAAC;AARD,0DAQC;AAID,SAAgB,wBAAwB,CAAC,KAAsE;IAC7G,OAAO,CACL,8BAAC,0BAAmB,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK;QACrC,8BAAC,uBAAuB,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,IAC/D,KAAK,CAAC,QAAQ,CACS,CACN,CACvB,CAAC;AACJ,CAAC;AARD,4DAQC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare type MenuTheme = 'light' | 'dark';
|
|
3
|
+
export interface MenuContextProps {
|
|
4
|
+
inlineCollapsed: boolean;
|
|
5
|
+
}
|
|
6
|
+
declare const MenuContext: import("react").Context<MenuContextProps>;
|
|
7
|
+
export default MenuContext;
|
|
8
|
+
//# sourceMappingURL=MenuContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuContext.d.ts","sourceRoot":"","sources":["../../src/menu/MenuContext.ts"],"names":[],"mappings":";AAEA,oBAAY,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEzC,MAAM,WAAW,gBAAgB;IAC/B,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,QAAA,MAAM,WAAW,2CAEf,CAAC;AAEH,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const react_1 = require("react");
|
|
4
|
+
const MenuContext = (0, react_1.createContext)({
|
|
5
|
+
inlineCollapsed: false,
|
|
6
|
+
});
|
|
7
|
+
exports.default = MenuContext;
|
|
8
|
+
//# sourceMappingURL=MenuContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuContext.js","sourceRoot":"","sources":["../../src/menu/MenuContext.ts"],"names":[],"mappings":";;AAAA,iCAAsC;AAQtC,MAAM,WAAW,GAAG,IAAA,qBAAa,EAAmB;IAClD,eAAe,EAAE,KAAK;CACvB,CAAC,CAAC;AAEH,kBAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ClickParam } from '.';
|
|
3
|
+
export interface MenuItemProps extends Omit<React.HTMLAttributes<HTMLLIElement>, 'title' | 'onClick' | 'onMouseEnter' | 'onMouseLeave'> {
|
|
4
|
+
rootPrefixCls?: string;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
level?: number;
|
|
7
|
+
title?: React.ReactNode;
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
className?: string;
|
|
10
|
+
style?: React.CSSProperties;
|
|
11
|
+
onClick?: (param: ClickParam) => void;
|
|
12
|
+
onMouseEnter?: (e: {
|
|
13
|
+
key: string;
|
|
14
|
+
domEvent: MouseEvent;
|
|
15
|
+
}) => void;
|
|
16
|
+
onMouseLeave?: (e: {
|
|
17
|
+
key: string;
|
|
18
|
+
domEvent: MouseEvent;
|
|
19
|
+
}) => void;
|
|
20
|
+
}
|
|
21
|
+
export default class MenuItem extends React.Component<MenuItemProps> {
|
|
22
|
+
static isMenuItem: boolean;
|
|
23
|
+
private menuItem;
|
|
24
|
+
onKeyDown: (e: React.MouseEvent<HTMLElement>) => void;
|
|
25
|
+
saveMenuItem: (menuItem: this) => void;
|
|
26
|
+
renderItem: () => JSX.Element;
|
|
27
|
+
render(): JSX.Element;
|
|
28
|
+
}
|
|
29
|
+
//# sourceMappingURL=MenuItem.d.ts.map
|