@kdcloudjs/kdesign 1.7.35 → 1.7.39

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.
Files changed (102) hide show
  1. package/CHANGELOG.md +39 -0
  2. package/README.md +2 -1
  3. package/dist/kdesign-complete.less +189 -28
  4. package/dist/kdesign.css +233 -26
  5. package/dist/kdesign.css.map +1 -1
  6. package/dist/kdesign.js +706 -251
  7. package/dist/kdesign.js.map +1 -1
  8. package/dist/kdesign.min.css +3 -3
  9. package/dist/kdesign.min.js +5 -5
  10. package/dist/kdesign.min.js.map +1 -1
  11. package/es/cascader/cascader.js +8 -4
  12. package/es/cascader/style/index.css +5 -2
  13. package/es/cascader/style/index.less +4 -2
  14. package/es/city-picker/city-picker.js +1 -1
  15. package/es/clipboard/clipboard.d.ts +21 -0
  16. package/es/clipboard/clipboard.js +106 -0
  17. package/es/clipboard/index.d.ts +4 -0
  18. package/es/clipboard/index.js +3 -0
  19. package/es/clipboard/style/css.js +2 -0
  20. package/es/clipboard/style/index.css +190 -0
  21. package/es/clipboard/style/index.d.ts +2 -0
  22. package/es/clipboard/style/index.js +2 -0
  23. package/es/clipboard/style/index.less +32 -0
  24. package/es/clipboard/style/mixin.less +39 -0
  25. package/es/clipboard/style/token.less +52 -0
  26. package/es/clipboard/util.d.ts +13 -0
  27. package/es/clipboard/util.js +197 -0
  28. package/es/config-provider/compDefaultProps.d.ts +5 -0
  29. package/es/config-provider/compDefaultProps.js +5 -0
  30. package/es/index.d.ts +1 -0
  31. package/es/index.js +2 -1
  32. package/es/input-number/inputNumber.js +20 -14
  33. package/es/input-number/useSelectionRange.d.ts +2 -1
  34. package/es/input-number/useSelectionRange.js +3 -2
  35. package/es/message/content.js +1 -4
  36. package/es/select/interface.d.ts +1 -0
  37. package/es/select/select.js +3 -8
  38. package/es/select/style/index.css +7 -4
  39. package/es/select/style/index.less +12 -4
  40. package/es/select/style/token.less +1 -0
  41. package/es/tree/style/index.css +22 -15
  42. package/es/tree/style/index.less +33 -18
  43. package/es/tree/tree.d.ts +1 -0
  44. package/es/tree/tree.js +29 -13
  45. package/es/tree/treeHooks.d.ts +2 -2
  46. package/es/tree/treeHooks.js +11 -6
  47. package/es/tree/treeNode.d.ts +2 -3
  48. package/es/tree/treeNode.js +6 -5
  49. package/es/tree/utils/treeUtils.d.ts +2 -2
  50. package/es/tree/utils/treeUtils.js +5 -6
  51. package/es/tree-select/interface.d.ts +1 -0
  52. package/es/tree-select/style/index.css +7 -4
  53. package/es/tree-select/style/index.less +12 -4
  54. package/es/tree-select/style/token.less +1 -0
  55. package/es/tree-select/tree-select.js +8 -4
  56. package/lib/cascader/cascader.js +8 -4
  57. package/lib/cascader/style/index.css +5 -2
  58. package/lib/cascader/style/index.less +4 -2
  59. package/lib/city-picker/city-picker.js +1 -1
  60. package/lib/clipboard/clipboard.d.ts +21 -0
  61. package/lib/clipboard/clipboard.js +121 -0
  62. package/lib/clipboard/index.d.ts +4 -0
  63. package/lib/clipboard/index.js +11 -0
  64. package/lib/clipboard/style/css.js +4 -0
  65. package/lib/clipboard/style/index.css +190 -0
  66. package/lib/clipboard/style/index.d.ts +2 -0
  67. package/lib/clipboard/style/index.js +4 -0
  68. package/lib/clipboard/style/index.less +32 -0
  69. package/lib/clipboard/style/mixin.less +39 -0
  70. package/lib/clipboard/style/token.less +52 -0
  71. package/lib/clipboard/util.d.ts +13 -0
  72. package/lib/clipboard/util.js +204 -0
  73. package/lib/config-provider/compDefaultProps.d.ts +5 -0
  74. package/lib/config-provider/compDefaultProps.js +5 -0
  75. package/lib/index.d.ts +1 -0
  76. package/lib/index.js +7 -0
  77. package/lib/input-number/inputNumber.js +20 -14
  78. package/lib/input-number/useSelectionRange.d.ts +2 -1
  79. package/lib/input-number/useSelectionRange.js +3 -2
  80. package/lib/message/content.js +1 -4
  81. package/lib/select/interface.d.ts +1 -0
  82. package/lib/select/select.js +3 -8
  83. package/lib/select/style/index.css +7 -4
  84. package/lib/select/style/index.less +12 -4
  85. package/lib/select/style/token.less +1 -0
  86. package/lib/style/components.less +1 -0
  87. package/lib/tree/style/index.css +22 -15
  88. package/lib/tree/style/index.less +33 -18
  89. package/lib/tree/tree.d.ts +1 -0
  90. package/lib/tree/tree.js +28 -12
  91. package/lib/tree/treeHooks.d.ts +2 -2
  92. package/lib/tree/treeHooks.js +10 -5
  93. package/lib/tree/treeNode.d.ts +2 -3
  94. package/lib/tree/treeNode.js +6 -5
  95. package/lib/tree/utils/treeUtils.d.ts +2 -2
  96. package/lib/tree/utils/treeUtils.js +5 -6
  97. package/lib/tree-select/interface.d.ts +1 -0
  98. package/lib/tree-select/style/index.css +7 -4
  99. package/lib/tree-select/style/index.less +12 -4
  100. package/lib/tree-select/style/token.less +1 -0
  101. package/lib/tree-select/tree-select.js +10 -6
  102. package/package.json +1 -1
@@ -0,0 +1,121 @@
1
+ "use strict";
2
+
3
+ var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
4
+ var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
5
+ var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
6
+ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
7
+ Object.defineProperty(exports, "__esModule", {
8
+ value: true
9
+ });
10
+ exports.default = exports.ClipboardSizes = exports.ClipboardActions = void 0;
11
+ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
12
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
13
+ var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
14
+ var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
15
+ var _classnames = _interopRequireDefault(require("classnames"));
16
+ var _react = _interopRequireWildcard(require("react"));
17
+ var _utils = require("../_utils");
18
+ var _devwarning = _interopRequireDefault(require("../_utils/devwarning"));
19
+ var _type = require("../_utils/type");
20
+ var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigContext"));
21
+ var _icon = _interopRequireDefault(require("../icon"));
22
+ var _util = require("./util");
23
+ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
24
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
25
+ var __rest = void 0 && (void 0).__rest || function (s, e) {
26
+ var t = {};
27
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
28
+ if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
29
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
30
+ }
31
+ return t;
32
+ };
33
+ var ClipboardActions = (0, _type.tuple)('copy', 'cut');
34
+ exports.ClipboardActions = ClipboardActions;
35
+ var ClipboardSizes = (0, _type.tuple)('large', 'middle', 'small');
36
+ exports.ClipboardSizes = ClipboardSizes;
37
+ var InternalClipboard = function InternalClipboard(props, ref) {
38
+ var _context, _classNames;
39
+ var _useContext = (0, _react.useContext)(_ConfigContext.default),
40
+ getPrefixCls = _useContext.getPrefixCls,
41
+ prefixCls = _useContext.prefixCls,
42
+ userDefaultProps = _useContext.compDefaultProps;
43
+ // 剪贴板参数,合并了系统默认参数、用户定义组件统一参数及组件传参
44
+ var clipboardProps = (0, _utils.getCompProps)('Clipboard', userDefaultProps, props);
45
+ var className = clipboardProps.className,
46
+ customPrefixcls = clipboardProps.prefixCls,
47
+ action = clipboardProps.action,
48
+ content = clipboardProps.content,
49
+ children = clipboardProps.children,
50
+ disabled = clipboardProps.disabled,
51
+ icon = clipboardProps.icon,
52
+ size = clipboardProps.size,
53
+ target = clipboardProps.target,
54
+ onError = clipboardProps.onError,
55
+ onSuccess = clipboardProps.onSuccess,
56
+ others = __rest(clipboardProps, ["className", "prefixCls", "action", "content", "children", "disabled", "icon", "size", "target", "onError", "onSuccess"]);
57
+ (0, _devwarning.default)(ClipboardActions.indexOf(action) === -1, 'clipboard', "cannot found clipboard action '".concat(action, "'"));
58
+ (0, _devwarning.default)(ClipboardSizes.indexOf(size) === -1, 'clipboard', "cannot found clipboard size '".concat(size, "'"));
59
+ // 剪贴板样式前缀
60
+ var clipboardPrefixCls = getPrefixCls(prefixCls, 'clipboard', customPrefixcls);
61
+ var clipboardClass = (0, _classnames.default)(clipboardPrefixCls, className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context = "".concat(clipboardPrefixCls, "-size-")).call(_context, size), size), (0, _defineProperty2.default)(_classNames, "".concat(clipboardPrefixCls, "-icon-only"), !children && children !== 0 && icon !== null), _classNames));
62
+ // ref
63
+ var clipboardRef = ref || /*#__PURE__*/_react.default.createRef();
64
+ // 如果没有传 icon,则使用默认图标
65
+ // 如果 icon 传 null,则不使用图标
66
+ var iconNode = icon || (icon === undefined ? /*#__PURE__*/_react.default.createElement(_icon.default, {
67
+ type: "copy-code"
68
+ }) : null);
69
+ // 如果传的 children 为 string,则将 children 包装成块标签
70
+ var childrenNode = typeof children === 'string' ? /*#__PURE__*/_react.default.createElement("span", null, children) : children;
71
+ /**
72
+ * 剪贴板 click 事件处理
73
+ */
74
+ var handleClick = (0, _react.useCallback)(function () {
75
+ if (disabled) {
76
+ // 禁用状态不触发点击事件
77
+ return;
78
+ }
79
+ var selectedText;
80
+ try {
81
+ if (content) {
82
+ // 如果传了 content,则直接复制 content
83
+ selectedText = (0, _util.onClipboardCopy)(content);
84
+ } else {
85
+ var targetElement = typeof target === 'string' ? document.querySelector(target) : target();
86
+ if (!targetElement) {
87
+ // 没有获取到元素,抛出异常
88
+ throw new Error("target element '".concat(target, "' does not exist"));
89
+ } else {
90
+ if (action === 'copy' && targetElement.hasAttribute('disabled')) {
91
+ // 复制被置为 disabled 的元素,抛出异常
92
+ throw new Error("invalid \"target\" attribute of element '".concat(targetElement, "'. Please use \"readonly\" instead of \"disabled\" attribute"));
93
+ }
94
+ if (action === 'cut' && (targetElement.hasAttribute('readonly') || targetElement.hasAttribute('disabled'))) {
95
+ // 剪切被置为 readonly 或 disabled 的元素,抛出异常
96
+ throw new Error("invalid \"target\" attribute of element '".concat(targetElement, "'. You can't cut text from elements with \"readonly\" or \"disabled\" attributes"));
97
+ }
98
+ }
99
+ // 对 targetElement 的值进行复制或剪切
100
+ selectedText = action === 'copy' ? (0, _util.onClipboardCopy)(targetElement) : (0, _util.onClipboardCut)(targetElement);
101
+ }
102
+ } catch (error) {
103
+ // 触发失败的回调
104
+ onError === null || onError === void 0 ? void 0 : onError(error);
105
+ // 退出处理器
106
+ return;
107
+ }
108
+ // 触发成功的回调
109
+ onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(selectedText);
110
+ }, [action, content, disabled, onError, onSuccess, target]);
111
+ return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
112
+ className: clipboardClass,
113
+ disabled: disabled,
114
+ onClick: handleClick,
115
+ ref: clipboardRef
116
+ }, others), iconNode, childrenNode);
117
+ };
118
+ var Clipboard = /*#__PURE__*/_react.default.forwardRef(InternalClipboard);
119
+ Clipboard.displayName = 'Clipboard';
120
+ var _default = Clipboard;
121
+ exports.default = _default;
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ declare const Clipboard: import("react").ForwardRefExoticComponent<import("./clipboard").IClipboardProps & import("react").RefAttributes<unknown>>;
3
+ export { ClipboardAction, IClipboardProps } from './clipboard';
4
+ export default Clipboard;
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.default = void 0;
8
+ var _clipboard = _interopRequireDefault(require("./clipboard"));
9
+ var Clipboard = _clipboard.default;
10
+ var _default = Clipboard;
11
+ exports.default = _default;
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+
3
+ require("../../style/index.css");
4
+ require("./index.css");
@@ -0,0 +1,190 @@
1
+ /* ----------- color ——————---- start */
2
+ /* ----------- color ——————---- end */
3
+ /* ----------- motion ——————---- start */
4
+ /* ----------- motion ——————---- end */
5
+ /* ----------- transition ——————---- start */
6
+ /* ----------- transition ——————---- end */
7
+ /* ----------- font ——————---- start */
8
+ /* ----------- font ——————---- end */
9
+ /* ----------- zIndex ——————---- start */
10
+ /*
11
+ 普通组件内部自身层级应设置在0-100间
12
+ */
13
+ /* ----------- zIndex ——————---- end */
14
+ /* ----------- Button ——————---- start */
15
+ /* ----------- Button ——————---- end */
16
+ /* ----------- Collapse ——————---- start */
17
+ /* ----------- Collapse ——————---- end */
18
+ /* ----------- Card ——————---- start */
19
+ /* ----------- Card ——————---- end */
20
+ /* ----------- Carousel ——————---- start */
21
+ /* ----------- Carousel ——————---- end */
22
+ /* ----------- Cascader ——————---- start */
23
+ /* ----------- Cascader ——————---- end */
24
+ /* ----------- Switch ——————---- start */
25
+ /* ----------- Switch ——————---- end */
26
+ /* ----------- Input ——————---- start */
27
+ /* ----------- Input ——————---- end */
28
+ /* ----------- InputNumber ——————---- start */
29
+ /* ----------- InputNumber ——————---- end */
30
+ /* ----------- checkbox ——————---- start */
31
+ /* ----------- checkbox ——————---- start */
32
+ /* ----------- checkbox ——————---- end */
33
+ /* ----------- Radio ——————---- start */
34
+ /* ----------- Radio ——————---- end */
35
+ /* ----------- icon ——————---- start */
36
+ /* ----------- icon ——————---- end */
37
+ /* ----------- Popconfirm ——————---- start */
38
+ /* ----------- Popconfirm ——————---- end */
39
+ /* ----------- Progress ——————---- start */
40
+ /* ----------- Progress ——————---- end */
41
+ /* ----------- Pagination ——————---- start */
42
+ /* ----------- Pagination ——————---- end */
43
+ /* ----------- Timeline ——————---- start */
44
+ /* ----------- Timeline ——————---- end */
45
+ /* ----------- Tabs ——————---- start */
46
+ /* ----------- Tabs ——————---- end */
47
+ /* ----------- Select ——————---- start */
48
+ /* ----------- Select ——————---- end */
49
+ /* ----------- Rate ——————---- start */
50
+ /* ----------- Rate ——————---- end */
51
+ /* ----------- Dropdown ——————---- start */
52
+ /* ----------- Dropdown ——————---- end */
53
+ /* ----------- Tooltip ——————---- start */
54
+ /* ----------- Tooltip ——————---- end */
55
+ /* ----------- Transfer ——————---- start */
56
+ /* ----------- Transfer ——————---- end */
57
+ /* ----------- DatePicker ——————---- start */
58
+ /* ----------- DatePicker ——————---- end */
59
+ /* ----------- ColorPicker ——————---- start */
60
+ /* ----------- ColorPicker ——————---- end */
61
+ /* ----------- Tree ——————---- start */
62
+ /* ----------- Tree ——————---- end */
63
+ /* ----------- Alert ——————---- start */
64
+ /* ----------- Alert ——————---- end */
65
+ /* ----------- Split-Panel ——————---- start */
66
+ /* ----------- Split-Panel ——————---- end */
67
+ /* ----------- Modal ——————---- start */
68
+ /* ----------- Modal ——————---- end */
69
+ /* ----------- Steps ——————---- start */
70
+ /* ----------- Steps ——————---- end */
71
+ /* ----------- Form ——————---- start */
72
+ /* ----------- Form ——————---- end */
73
+ /* ----------- Tag ——————---- start */
74
+ /* ----------- Tag ——————---- end */
75
+ /* ----------- Menu ——————---- start */
76
+ /* ----------- Menu ——————---- end */
77
+ /* ----------- notice ——————---- start */
78
+ /* ----------- message ——————---- end */
79
+ /* ----------- Spin ——————---- start */
80
+ /* ----------- Spin ——————---- end */
81
+ /* ----------- Spin ——————---- start */
82
+ /* ----------- Spin ——————---- end */
83
+ /* ----------- Layout ——————---- start */
84
+ /* ----------- Layout ——————---- end */
85
+ /* ----------- Typography ——————---- start */
86
+ /* ----------- Typography ——————---- start */
87
+ /* ----------- Search ——————---- start */
88
+ /* ----------- Search ——————---- start */
89
+ /* ----------- Badge ——————---- start */
90
+ /* ----------- Badge ——————---- end */
91
+ /* ----------- Anchor ——————---- start */
92
+ /* ----------- Anchor ——————---- end */
93
+ /* ----------- Avatar ——————---- start */
94
+ /* ----------- Avatar ——————---- end */
95
+ /* ----------- AdvancedSelector ——————---- start */
96
+ /* ----------- AdvancedSelector ——————---- end */
97
+ /* ----------- motion ——————---- start */
98
+ /* ----------- motion ——————---- end */
99
+ /* ----------- transition ——————---- start */
100
+ /* ----------- transition ——————---- end */
101
+ /* ----------- zIndex ——————---- start */
102
+ /*
103
+ 普通组件内部自身层级应设置在0-100间
104
+ */
105
+ /* ----------- zIndex ——————---- end */
106
+ .kd-clipboard {
107
+ padding: 0;
108
+ position: relative;
109
+ display: inline-block;
110
+ vertical-align: middle;
111
+ -webkit-box-sizing: border-box;
112
+ box-sizing: border-box;
113
+ font-weight: var(--kd-c-clipboard-font-weight, var(--kd-g-font-weight, 400));
114
+ color: #bbbbbb;
115
+ cursor: pointer;
116
+ white-space: nowrap;
117
+ overflow: hidden;
118
+ -webkit-user-select: none;
119
+ -moz-user-select: none;
120
+ -ms-user-select: none;
121
+ user-select: none;
122
+ }
123
+ .kd-clipboard:hover {
124
+ color: #5582f3;
125
+ }
126
+ .kd-clipboard:disabled,
127
+ .kd-clipboard[disabled] {
128
+ color: #bbbbbb;
129
+ cursor: not-allowed;
130
+ }
131
+ .kd-clipboard-size-small {
132
+ height: var(--kd-c-clipboard-sizing-height-small, 24px);
133
+ padding: var(--kd-c-clipboard-spacing-padding-vertical-small, 3px) var(--kd-c-clipboard-spacing-padding-horizontal-small, 8px);
134
+ font-size: var(--kd-c-clipboard-font-size-small, var(--kd-g-font-size-small, 12px));
135
+ line-height: calc(var(--kd-c-clipboard-sizing-height-small, 24px) - (var(--kd-c-clipboard-spacing-padding-vertical-small, 3px)) * 2);
136
+ }
137
+ .kd-clipboard-size-small.kd-clipboard-icon-only {
138
+ font-size: var(--kd-c-clipboard-icon-font-size-small, 14px);
139
+ padding: 0 var(--kd-c-clipboard-icon-spacing-padding-horizontal, 4px);
140
+ display: -webkit-inline-box;
141
+ display: -ms-inline-flexbox;
142
+ display: inline-flex;
143
+ -webkit-box-pack: center;
144
+ -ms-flex-pack: center;
145
+ justify-content: center;
146
+ -webkit-box-align: center;
147
+ -ms-flex-align: center;
148
+ align-items: center;
149
+ }
150
+ .kd-clipboard-size-middle {
151
+ height: var(--kd-c-clipboard-sizing-height-middle, 28px);
152
+ padding: var(--kd-c-clipboard-spacing-padding-vertical-middle, 5px) var(--kd-c-clipboard-spacing-padding-horizontal-middle, 8px);
153
+ font-size: var(--kd-c-clipboard-font-size-middle, var(--kd-g-font-size-middle, 14px));
154
+ line-height: calc(var(--kd-c-clipboard-sizing-height-middle, 28px) - (var(--kd-c-clipboard-spacing-padding-vertical-middle, 5px)) * 2);
155
+ }
156
+ .kd-clipboard-size-middle.kd-clipboard-icon-only {
157
+ font-size: var(--kd-c-clipboard-icon-font-size-middle, 16px);
158
+ padding: 0 var(--kd-c-clipboard-icon-spacing-padding-horizontal, 4px);
159
+ display: -webkit-inline-box;
160
+ display: -ms-inline-flexbox;
161
+ display: inline-flex;
162
+ -webkit-box-pack: center;
163
+ -ms-flex-pack: center;
164
+ justify-content: center;
165
+ -webkit-box-align: center;
166
+ -ms-flex-align: center;
167
+ align-items: center;
168
+ }
169
+ .kd-clipboard-size-large {
170
+ height: var(--kd-c-clipboard-sizing-height-large, 32px);
171
+ padding: var(--kd-c-clipboard-spacing-padding-vertical-large, 6px) var(--kd-c-clipboard-spacing-padding-horizontal-large, 8px);
172
+ font-size: var(--kd-c-clipboard-font-size-large, var(--kd-g-font-size-large, 16px));
173
+ line-height: calc(var(--kd-c-clipboard-sizing-height-large, 32px) - (var(--kd-c-clipboard-spacing-padding-vertical-large, 6px)) * 2);
174
+ }
175
+ .kd-clipboard-size-large.kd-clipboard-icon-only {
176
+ font-size: var(--kd-c-clipboard-icon-font-size-large, 18px);
177
+ padding: 0 var(--kd-c-clipboard-icon-spacing-padding-horizontal, 4px);
178
+ display: -webkit-inline-box;
179
+ display: -ms-inline-flexbox;
180
+ display: inline-flex;
181
+ -webkit-box-pack: center;
182
+ -ms-flex-pack: center;
183
+ justify-content: center;
184
+ -webkit-box-align: center;
185
+ -ms-flex-align: center;
186
+ align-items: center;
187
+ }
188
+ .kd-clipboard:not(.kd-clipboard-icon-only) > i:not(:last-child) {
189
+ margin-right: 2px;
190
+ }
@@ -0,0 +1,2 @@
1
+ import '../../style/index.less';
2
+ import './index.less';
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+
3
+ require("../../style/index.less");
4
+ require("./index.less");
@@ -0,0 +1,32 @@
1
+ @import '../../style/themes/index';
2
+ @import './mixin.less';
3
+ @clipboard-prefix-cls: ~'@{kd-prefix}-clipboard';
4
+
5
+ .@{clipboard-prefix-cls} {
6
+ .clipboard;
7
+
8
+ &-size-small {
9
+ .clipboard-size(@clipboard-small-height, @clipboard-small-font-size, @clipboard-small-padding-vertical, @clipboard-small-padding-horizontal);
10
+ &.@{clipboard-prefix-cls}-icon-only {
11
+ .clipboard-icon-only(@clipboard-icon-small-font-size, @clipboard-icon-padding-horizontal);
12
+ }
13
+ }
14
+
15
+ &-size-middle {
16
+ .clipboard-size(@clipboard-middle-height, @clipboard-middle-font-size, @clipboard-middle-padding-vertical, @clipboard-middle-padding-horizontal);
17
+ &.@{clipboard-prefix-cls}-icon-only {
18
+ .clipboard-icon-only(@clipboard-icon-middle-font-size, @clipboard-icon-padding-horizontal);
19
+ }
20
+ }
21
+
22
+ &-size-large {
23
+ .clipboard-size(@clipboard-large-height, @clipboard-large-font-size, @clipboard-large-padding-vertical, @clipboard-large-padding-horizontal);
24
+ &.@{clipboard-prefix-cls}-icon-only {
25
+ .clipboard-icon-only(@clipboard-icon-large-font-size, @clipboard-icon-padding-horizontal);
26
+ }
27
+ }
28
+
29
+ &:not(.@{clipboard-prefix-cls}-icon-only) > i:not(:last-child) {
30
+ margin-right: 2px;
31
+ }
32
+ }
@@ -0,0 +1,39 @@
1
+ @import './token.less';
2
+
3
+ .clipboard() {
4
+ padding: 0;
5
+ position: relative;
6
+ display: inline-block;
7
+ vertical-align: middle;
8
+ box-sizing: border-box;
9
+ font-weight: @clipboard-g-font-weight;
10
+ color: #bbbbbb;
11
+ cursor: pointer;
12
+ white-space: nowrap;
13
+ overflow: hidden;
14
+ user-select: none;
15
+
16
+ &:hover {
17
+ color: #5582f3;
18
+ }
19
+ &:disabled,
20
+ &[disabled] {
21
+ color: #bbbbbb;
22
+ cursor: not-allowed;
23
+ }
24
+ }
25
+
26
+ .clipboard-size(@height, @font-size, @padding-vertical, @padding-horizontal) {
27
+ height: @height;
28
+ padding: @padding-vertical @padding-horizontal;
29
+ font-size: @font-size;
30
+ line-height: calc(@height - (@padding-vertical) * 2);
31
+ }
32
+
33
+ .clipboard-icon-only(@font-size, @padding-horizontal) {
34
+ font-size: @font-size;
35
+ padding: 0 @padding-horizontal;
36
+ display: inline-flex;
37
+ justify-content: center;
38
+ align-items: center;
39
+ }
@@ -0,0 +1,52 @@
1
+ @import '../../style/themes/token.less';
2
+
3
+ @clipboard-custom-prefix: ~'--@{kd-prefix}-c-clipboard';
4
+
5
+ // color
6
+ @clipboard-font-color: var(~'@{clipboard-custom-prefix}-color-text', @color-theme); // color-theme为全局token
7
+
8
+ // font
9
+ @clipboard-g-font-weight: var(~'@{clipboard-custom-prefix}-font-weight', @font-weight-light); // 字体粗细
10
+ @clipboard-small-font-size: var(~'@{clipboard-custom-prefix}-font-size-small', @font-size-small); // 小号 文字大小
11
+ @clipboard-middle-font-size: var(~'@{clipboard-custom-prefix}-font-size-middle', @font-size-middle); // 中号 文字大小
12
+ @clipboard-large-font-size: var(~'@{clipboard-custom-prefix}-font-size-large', @font-size-large); // 大号 文字大小
13
+
14
+ @clipboard-icon-small-font-size: var(~'@{clipboard-custom-prefix}-icon-font-size-small', 14px); // 小号 图标大小
15
+ @clipboard-icon-middle-font-size: var(~'@{clipboard-custom-prefix}-icon-font-size-middle', 16px); // 中号 图标大小
16
+ @clipboard-icon-large-font-size: var(~'@{clipboard-custom-prefix}-icon-font-size-large', 18px); // 大号 图标大小
17
+
18
+ // motion
19
+ @clipboard-duration-fade: var(~'@{clipboard-custom-prefix}-motion-duration-fade', @duration-slowly);
20
+ @clipboard-duration-wave: var(~'@{clipboard-custom-prefix}-motion-duration-wave', @duration-quickly);
21
+
22
+ // sizing
23
+ @clipboard-small-height: var(~'@{clipboard-custom-prefix}-sizing-height-small', 24px); // 小号 高度
24
+ @clipboard-middle-height: var(~'@{clipboard-custom-prefix}-sizing-height-middle', 28px); // 中号 高度
25
+ @clipboard-large-height: var(~'@{clipboard-custom-prefix}-sizing-height-large', 32px); // 大号 高度
26
+
27
+ // spacing
28
+ @clipboard-small-padding-vertical: var(
29
+ ~'@{clipboard-custom-prefix}-spacing-padding-vertical-small',
30
+ 3px
31
+ ); // 小号 内间距 纵向
32
+ @clipboard-small-padding-horizontal: var(
33
+ ~'@{clipboard-custom-prefix}-spacing-padding-horizontal-small',
34
+ 8px
35
+ ); // 小号 内间距 横向
36
+ @clipboard-middle-padding-vertical: var(
37
+ ~'@{clipboard-custom-prefix}-spacing-padding-vertical-middle',
38
+ 5px
39
+ ); // 中号 内间距 纵向
40
+ @clipboard-middle-padding-horizontal: var(
41
+ ~'@{clipboard-custom-prefix}-spacing-padding-horizontal-middle',
42
+ 8px
43
+ ); // 中号 内间距 横向
44
+ @clipboard-large-padding-vertical: var(
45
+ ~'@{clipboard-custom-prefix}-spacing-padding-vertical-large',
46
+ 6px
47
+ ); // 大号 内间距 纵向
48
+ @clipboard-large-padding-horizontal: var(
49
+ ~'@{clipboard-custom-prefix}-spacing-padding-horizontal-large',
50
+ 8px
51
+ ); // 大号 内间距 横向
52
+ @clipboard-icon-padding-horizontal: var(~'@{clipboard-custom-prefix}-icon-spacing-padding-horizontal', 4px);
@@ -0,0 +1,13 @@
1
+ /**
2
+ * 剪贴板复制操作
3
+ * @param {string | HTMLElement} target
4
+ * @return {string}
5
+ */
6
+ declare const onClipboardCopy: (target: string | HTMLElement) => string;
7
+ /**
8
+ * 剪贴板剪切操作
9
+ * @param {HTMLElement} target
10
+ * @return {string}
11
+ */
12
+ declare const onClipboardCut: (target: HTMLElement) => string;
13
+ export { onClipboardCopy, onClipboardCut };