@ccs-ui/rc-pro 2.3.6-alpha-31 → 2.3.6-alpha-33

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 (162) hide show
  1. package/package.json +6 -27
  2. package/LICENSE +0 -21
  3. package/README.md +0 -37
  4. package/es/aj-captcha/index.d.ts +0 -34
  5. package/es/aj-captcha/index.js +0 -302
  6. package/es/aj-captcha/index.less +0 -89
  7. package/es/auth/index.d.ts +0 -15
  8. package/es/auth/index.js +0 -38
  9. package/es/breadcrumb.d.ts +0 -8
  10. package/es/breadcrumb.js +0 -40
  11. package/es/button/dropdown.d.ts +0 -6
  12. package/es/button/dropdown.js +0 -72
  13. package/es/button/group.d.ts +0 -2
  14. package/es/button/group.js +0 -176
  15. package/es/button/index.d.ts +0 -65
  16. package/es/button/index.js +0 -133
  17. package/es/cascader/index.d.ts +0 -33
  18. package/es/cascader/index.js +0 -120
  19. package/es/ccs.d.ts +0 -131
  20. package/es/ccs.js +0 -1
  21. package/es/color-picker/index.d.ts +0 -7
  22. package/es/color-picker/index.js +0 -142
  23. package/es/color-picker/index.less +0 -8
  24. package/es/config.d.ts +0 -6
  25. package/es/config.js +0 -126
  26. package/es/context/index.d.ts +0 -115
  27. package/es/context/index.js +0 -6
  28. package/es/date-picker/index.d.ts +0 -19
  29. package/es/date-picker/index.js +0 -72
  30. package/es/dialog/HookDrawer.d.ts +0 -9
  31. package/es/dialog/HookDrawer.js +0 -156
  32. package/es/dialog/HookModal.d.ts +0 -10
  33. package/es/dialog/HookModal.js +0 -213
  34. package/es/dialog/button.d.ts +0 -24
  35. package/es/dialog/button.js +0 -256
  36. package/es/dialog/context.d.ts +0 -25
  37. package/es/dialog/context.js +0 -13
  38. package/es/dialog/drawer-footer.d.ts +0 -16
  39. package/es/dialog/drawer-footer.js +0 -43
  40. package/es/dialog/form.d.ts +0 -16
  41. package/es/dialog/form.js +0 -53
  42. package/es/dialog/hook.d.ts +0 -80
  43. package/es/dialog/hook.js +0 -234
  44. package/es/dialog/index.d.ts +0 -19
  45. package/es/dialog/index.js +0 -14
  46. package/es/dialog/usePatchElement.d.ts +0 -5
  47. package/es/dialog/usePatchElement.js +0 -35
  48. package/es/editor/index.d.ts +0 -22
  49. package/es/editor/index.js +0 -18
  50. package/es/editor/index.less +0 -19
  51. package/es/editor/javascript.d.ts +0 -2
  52. package/es/editor/javascript.js +0 -56
  53. package/es/editor/json.d.ts +0 -7
  54. package/es/editor/json.js +0 -82
  55. package/es/editor/sql.d.ts +0 -2
  56. package/es/editor/sql.js +0 -54
  57. package/es/ellipsis/index.d.ts +0 -22
  58. package/es/ellipsis/index.js +0 -129
  59. package/es/ellipsis/index.less +0 -5
  60. package/es/ellipsis/useMeasure.d.ts +0 -9
  61. package/es/ellipsis/useMeasure.js +0 -142
  62. package/es/ellipsis/useResizeEffect.d.ts +0 -2
  63. package/es/ellipsis/useResizeEffect.js +0 -14
  64. package/es/ellipsis/withStopPropagation.d.ts +0 -4
  65. package/es/ellipsis/withStopPropagation.js +0 -38
  66. package/es/full-screen/index.d.ts +0 -3
  67. package/es/full-screen/index.js +0 -49
  68. package/es/group-form-item/index.d.ts +0 -11
  69. package/es/group-form-item/index.js +0 -124
  70. package/es/hooks/use-app.d.ts +0 -25
  71. package/es/hooks/use-app.js +0 -52
  72. package/es/hooks/use-event.d.ts +0 -10
  73. package/es/hooks/use-event.js +0 -69
  74. package/es/hooks/use-once-event.d.ts +0 -2
  75. package/es/hooks/use-once-event.js +0 -16
  76. package/es/hooks/use-page.d.ts +0 -10
  77. package/es/hooks/use-page.js +0 -10
  78. package/es/hooks/use-selection.d.ts +0 -17
  79. package/es/hooks/use-selection.js +0 -172
  80. package/es/hooks/use-tabs.d.ts +0 -2
  81. package/es/hooks/use-tabs.js +0 -10
  82. package/es/hooks/use-window.d.ts +0 -8
  83. package/es/hooks/use-window.js +0 -15
  84. package/es/index.d.ts +0 -37
  85. package/es/index.js +0 -37
  86. package/es/interval-button/index.d.ts +0 -14
  87. package/es/interval-button/index.js +0 -128
  88. package/es/layout-keep-alive/index.d.ts +0 -29
  89. package/es/layout-keep-alive/index.js +0 -400
  90. package/es/layout-keep-alive/index.less +0 -79
  91. package/es/layout-keep-alive/page.d.ts +0 -14
  92. package/es/layout-keep-alive/page.js +0 -53
  93. package/es/layout-single-page/index.d.ts +0 -14
  94. package/es/layout-single-page/index.js +0 -71
  95. package/es/layout-single-page/index.less +0 -15
  96. package/es/layout-single-page/page.d.ts +0 -13
  97. package/es/layout-single-page/page.js +0 -41
  98. package/es/loading/index.d.ts +0 -14
  99. package/es/loading/index.js +0 -43
  100. package/es/pro-grid/index.d.ts +0 -15
  101. package/es/pro-grid/index.js +0 -58
  102. package/es/pro-table/_utils.d.ts +0 -12
  103. package/es/pro-table/_utils.js +0 -94
  104. package/es/pro-table/form-item.d.ts +0 -9
  105. package/es/pro-table/form-item.js +0 -44
  106. package/es/pro-table/head.d.ts +0 -16
  107. package/es/pro-table/head.js +0 -225
  108. package/es/pro-table/index.d.ts +0 -23
  109. package/es/pro-table/index.js +0 -37
  110. package/es/pro-table/index.less +0 -82
  111. package/es/pro-table/operation.d.ts +0 -14
  112. package/es/pro-table/operation.js +0 -194
  113. package/es/pro-table/selection-alert.d.ts +0 -20
  114. package/es/pro-table/selection-alert.js +0 -64
  115. package/es/pro-table/size.d.ts +0 -10
  116. package/es/pro-table/size.js +0 -17
  117. package/es/pro-table/summary.d.ts +0 -8
  118. package/es/pro-table/summary.js +0 -32
  119. package/es/pro-table/table.d.ts +0 -104
  120. package/es/pro-table/table.js +0 -712
  121. package/es/pro-table/tree.d.ts +0 -24
  122. package/es/pro-table/tree.js +0 -197
  123. package/es/pro-tabs/index.d.ts +0 -9
  124. package/es/pro-tabs/index.js +0 -174
  125. package/es/resize-observer.d.ts +0 -15
  126. package/es/resize-observer.js +0 -37
  127. package/es/result/icon.d.ts +0 -3
  128. package/es/result/icon.js +0 -3
  129. package/es/result/index.d.ts +0 -12
  130. package/es/result/index.js +0 -68
  131. package/es/select/ modal.d.ts +0 -10
  132. package/es/select/ modal.js +0 -141
  133. package/es/select/api.d.ts +0 -25
  134. package/es/select/api.js +0 -67
  135. package/es/select/customize.d.ts +0 -25
  136. package/es/select/customize.js +0 -139
  137. package/es/select/index.d.ts +0 -31
  138. package/es/select/index.js +0 -108
  139. package/es/status-tag/index.d.ts +0 -13
  140. package/es/status-tag/index.js +0 -31
  141. package/es/table/index.d.ts +0 -19
  142. package/es/table/index.js +0 -253
  143. package/es/table/index.less +0 -29
  144. package/es/theme-dialog.d.ts +0 -28
  145. package/es/theme-dialog.js +0 -81
  146. package/es/time-picker/index.d.ts +0 -15
  147. package/es/time-picker/index.js +0 -49
  148. package/es/trigger/index.d.ts +0 -43
  149. package/es/trigger/index.js +0 -298
  150. package/es/trigger/index.less +0 -42
  151. package/es/types.d.ts +0 -0
  152. package/es/types.js +0 -0
  153. package/es/upload/index.d.ts +0 -42
  154. package/es/upload/index.js +0 -167
  155. package/es/upload/upload-image.d.ts +0 -6
  156. package/es/upload/upload-image.js +0 -205
  157. package/es/virtual-list/index.d.ts +0 -51
  158. package/es/virtual-list/index.js +0 -132
  159. package/es/water-mark/index.d.ts +0 -65
  160. package/es/water-mark/index.js +0 -141
  161. package/es/water-mark/relative.d.ts +0 -62
  162. package/es/water-mark/relative.js +0 -130
package/es/dialog/hook.js DELETED
@@ -1,234 +0,0 @@
1
- function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
2
- function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
3
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
4
- function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
5
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
6
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
7
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
8
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
9
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
10
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
11
- /* eslint-disable @typescript-eslint/ban-types */
12
- import CcsUtils from '@ccs-ui/utils';
13
- import _debounce from 'lodash.debounce';
14
- import React from 'react';
15
- import { createRoot } from 'react-dom/client';
16
- import { useCcsPage } from '..';
17
- import useAppConfig from "../hooks/use-app";
18
- import HookDrawer from "./HookDrawer";
19
- import HookModal from "./HookModal";
20
- import usePatchElement from "./usePatchElement";
21
-
22
- // Add `then` field for `ModalFunc` return instance.
23
- import { Fragment as _Fragment } from "react/jsx-runtime";
24
- import { jsx as _jsx } from "react/jsx-runtime";
25
- // type CcsModalFuncType<TParams, TData> = (
26
- // config: CcsDialogModalProps<TParams, TData>,
27
- // ) => {
28
- // destroy: () => void;
29
- // update: (configUpdate: ModalFuncProps) => void;
30
- // };
31
-
32
- export var DialogElementsHolder = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (_props, ref) {
33
- var _usePatchElement = usePatchElement(),
34
- _usePatchElement2 = _slicedToArray(_usePatchElement, 2),
35
- elements = _usePatchElement2[0],
36
- patchElement = _usePatchElement2[1];
37
- React.useImperativeHandle(ref, function () {
38
- return {
39
- patchElement: patchElement
40
- };
41
- }, []);
42
- // eslint-disable-next-line react/jsx-no-useless-fragment
43
- return /*#__PURE__*/_jsx(_Fragment, {
44
- children: elements
45
- });
46
- }));
47
- var modalUuid = 0;
48
- var drawerUuid = 0;
49
- var destroyFns = [];
50
- export default function useCcsDialog() {
51
- var holderRef = React.useRef(null);
52
- var _React$useState = React.useState([]),
53
- _React$useState2 = _slicedToArray(_React$useState, 2),
54
- actionQueue = _React$useState2[0],
55
- setActionQueue = _React$useState2[1];
56
- var appConfig = useAppConfig() || {};
57
- var CcsPageContext = useCcsPage();
58
- var dialogHolderRef = CcsPageContext.dialogHolderRef || appConfig.dialogHolderRef;
59
- React.useEffect(function () {
60
- if (actionQueue.length) {
61
- var cloneQueue = _toConsumableArray(actionQueue);
62
- cloneQueue.forEach(function (action) {
63
- action();
64
- });
65
- setActionQueue([]);
66
- }
67
- }, [actionQueue]);
68
- var getModalFunc = React.useCallback(function (config) {
69
- modalUuid += 1;
70
- var modalRef = /*#__PURE__*/React.createRef();
71
-
72
- // 关闭事件
73
- var closeFunc;
74
- // modal
75
- var dialog = /*#__PURE__*/_jsx(HookModal, {
76
- config: config,
77
- afterClose: function afterClose() {
78
- var _closeFunc;
79
- (_closeFunc = closeFunc) === null || _closeFunc === void 0 || _closeFunc();
80
- },
81
- dialogRef: modalRef
82
- }, "modal-".concat(modalUuid));
83
-
84
- // 优先使用自定义contextHolder、其次使用全局contextHolder
85
- var $holderRef = holderRef.current ? holderRef : dialogHolderRef;
86
- if ($holderRef !== null && $holderRef !== void 0 && $holderRef.current) {
87
- // 加载了contextHolder
88
- closeFunc = $holderRef.current.patchElement(dialog);
89
- } else {
90
- CcsUtils.showWarning(false, "\u672A\u4F7F\u7528CssAppConfig\u5168\u5C40\u914D\u7F6E\u3001\u4E5F\u672A\u5C06contextHolder\u63D2\u5165\u7EC4\u4EF6\u4E2D\uFF0C\u5C06\u65E0\u6CD5\u9002\u914Dantd\u4E3B\u9898\u914D\u7F6E\u548C\u83B7\u53D6context\u3002");
91
- // 未加载contextHolder,创建dom
92
- var dialogEle = document.createElement('div');
93
- document.body.append(dialogEle);
94
- var root = createRoot(dialogEle);
95
- root.render( /*#__PURE__*/_jsx(_Fragment, {
96
- children: dialog
97
- }));
98
- closeFunc = function closeFunc() {
99
- setTimeout(function () {
100
- root.unmount();
101
- }, 500);
102
- };
103
- }
104
- if (closeFunc) {
105
- destroyFns.push(closeFunc);
106
- }
107
- var instance = {
108
- destroy: function destroy() {
109
- function destroyAction() {
110
- var _modalRef$current;
111
- (_modalRef$current = modalRef.current) === null || _modalRef$current === void 0 || _modalRef$current.destroy();
112
- }
113
- if (modalRef.current) {
114
- destroyAction();
115
- } else {
116
- setActionQueue(function (prev) {
117
- return [].concat(_toConsumableArray(prev), [destroyAction]);
118
- });
119
- }
120
- },
121
- update: function update(newConfig) {
122
- function updateAction() {
123
- var _modalRef$current2;
124
- (_modalRef$current2 = modalRef.current) === null || _modalRef$current2 === void 0 || _modalRef$current2.update(newConfig);
125
- }
126
- if (modalRef.current) {
127
- updateAction();
128
- } else {
129
- setActionQueue(function (prev) {
130
- return [].concat(_toConsumableArray(prev), [updateAction]);
131
- });
132
- }
133
- }
134
- };
135
- return instance;
136
- }, []);
137
- var getDrawerFunc = React.useCallback(function (config) {
138
- drawerUuid += 1;
139
- var dialogRef = /*#__PURE__*/React.createRef();
140
- var closeFunc;
141
- var dialog = /*#__PURE__*/_jsx(HookDrawer, {
142
- config: config,
143
- afterClose: function afterClose() {
144
- var _closeFunc2;
145
- (_closeFunc2 = closeFunc) === null || _closeFunc2 === void 0 || _closeFunc2();
146
- },
147
- dialogRef: dialogRef
148
- }, "drawer-".concat(drawerUuid));
149
-
150
- // 优先使用自定义contextHolder、其次使用全局contextHolder
151
- var $holderRef = holderRef.current ? holderRef : dialogHolderRef;
152
- if ($holderRef !== null && $holderRef !== void 0 && $holderRef.current) {
153
- var _$holderRef$current;
154
- // 加载了contextHolder
155
- closeFunc = (_$holderRef$current = $holderRef.current) === null || _$holderRef$current === void 0 ? void 0 : _$holderRef$current.patchElement(dialog);
156
- } else {
157
- CcsUtils.showWarning(false, "\u672A\u4F7F\u7528CssAppConfig\u5168\u5C40\u914D\u7F6E\u3001\u4E5F\u672A\u5C06contextHolder\u63D2\u5165\u7EC4\u4EF6\u4E2D\uFF0C\u5C06\u65E0\u6CD5\u9002\u914Dantd\u4E3B\u9898\u914D\u7F6E\u548C\u83B7\u53D6context\u3002");
158
- // 未加载contextHolder,创建dom
159
- var dialogEle = document.createElement('div');
160
- document.body.append(dialogEle);
161
- var root = createRoot(dialogEle);
162
- root.render( /*#__PURE__*/_jsx(_Fragment, {
163
- children: dialog
164
- }));
165
- closeFunc = function closeFunc() {
166
- setTimeout(function () {
167
- root.unmount();
168
- }, 500);
169
- };
170
- }
171
- if (closeFunc) {
172
- destroyFns.push(closeFunc);
173
- }
174
- var instance = {
175
- destroy: function destroy() {
176
- function destroyAction() {
177
- var _dialogRef$current;
178
- (_dialogRef$current = dialogRef.current) === null || _dialogRef$current === void 0 || _dialogRef$current.destroy();
179
- }
180
- if (dialogRef.current) {
181
- destroyAction();
182
- } else {
183
- setActionQueue(function (prev) {
184
- return [].concat(_toConsumableArray(prev), [destroyAction]);
185
- });
186
- }
187
- },
188
- update: function update(newConfig) {
189
- function updateAction() {
190
- var _dialogRef$current2;
191
- (_dialogRef$current2 = dialogRef.current) === null || _dialogRef$current2 === void 0 || _dialogRef$current2.update(newConfig);
192
- }
193
- if (dialogRef.current) {
194
- updateAction();
195
- } else {
196
- setActionQueue(function (prev) {
197
- return [].concat(_toConsumableArray(prev), [updateAction]);
198
- });
199
- }
200
- }
201
- };
202
- return instance;
203
- }, []);
204
-
205
- // const resizeFn = _debounce((width: number) => {
206
- // if (tabRef.current) tabRef.current.style.maxWidth = `${width}px`;
207
- // }, 200);
208
-
209
- var fns = React.useMemo(function () {
210
- return {
211
- openModal: _debounce(function (props) {
212
- return getModalFunc(props);
213
- }, 500, {
214
- leading: true,
215
- trailing: false
216
- }),
217
- openDrawer: _debounce(function (props) {
218
- return getDrawerFunc(props);
219
- }, 500, {
220
- leading: true,
221
- trailing: false
222
- })
223
- };
224
- }, []);
225
- // return [fns, <ElementsHolder key="modal-holder" ref={holderRef} />] as const;
226
-
227
- return {
228
- openDrawer: fns.openDrawer,
229
- openModal: fns.openModal,
230
- contextHolder: /*#__PURE__*/_jsx(DialogElementsHolder, {
231
- ref: holderRef
232
- }, "modal-holder")
233
- };
234
- }
@@ -1,19 +0,0 @@
1
- import ThemeDialog from '../theme-dialog';
2
- import CcsDialogFooter from './button';
3
- import { useDialogContext } from './context';
4
- import CcsDrawerFooter from './drawer-footer';
5
- import useCcsDialog from './hook';
6
- type DialogInterface = {
7
- /** 获取openModal,openDrawer方法 */
8
- useDialog: typeof useCcsDialog;
9
- /** dialog 实例 */
10
- useInstance: typeof useDialogContext;
11
- /** dialog 按钮 */
12
- Buttons: typeof CcsDialogFooter;
13
- /** drawer footer */
14
- DrawerFooter: typeof CcsDrawerFooter;
15
- };
16
- declare const CcsDialog: typeof ThemeDialog & DialogInterface & {
17
- displayName?: string | undefined;
18
- };
19
- export default CcsDialog;
@@ -1,14 +0,0 @@
1
- import ThemeDialog from "../theme-dialog";
2
- import CcsDialogFooter from "./button";
3
- import { useDialogContext } from "./context";
4
- import CcsDrawerFooter from "./drawer-footer";
5
- import useCcsDialog from "./hook";
6
- var CcsDialog = ThemeDialog;
7
- CcsDialog.Buttons = CcsDialogFooter;
8
- CcsDialog.useDialog = useCcsDialog;
9
- CcsDialog.useInstance = useDialogContext;
10
- CcsDialog.DrawerFooter = CcsDrawerFooter;
11
- if (process.env.NODE_ENV !== 'production') {
12
- CcsDialog.displayName = 'CcsDialog';
13
- }
14
- export default CcsDialog;
@@ -1,5 +0,0 @@
1
- import * as React from 'react';
2
- export default function usePatchElement(): [
3
- React.ReactElement[],
4
- (element: React.ReactElement) => Function
5
- ];
@@ -1,35 +0,0 @@
1
- function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
2
- function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
3
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
4
- function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
5
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
6
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
7
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
8
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
9
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
10
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
11
- /* eslint-disable @typescript-eslint/ban-types */
12
- import * as React from 'react';
13
- export default function usePatchElement() {
14
- var _React$useState = React.useState([]),
15
- _React$useState2 = _slicedToArray(_React$useState, 2),
16
- elements = _React$useState2[0],
17
- setElements = _React$useState2[1];
18
- var patchElement = React.useCallback(function (element) {
19
- // append a new element to elements (and create a new ref)
20
- setElements(function (originElements) {
21
- return [].concat(_toConsumableArray(originElements), [element]);
22
- });
23
-
24
- // return a function that removes the new element out of elements (and create a new ref)
25
- // it works a little like useEffect
26
- return function () {
27
- setElements(function (originElements) {
28
- return originElements.filter(function (ele) {
29
- return ele !== element;
30
- });
31
- });
32
- };
33
- }, []);
34
- return [elements, patchElement];
35
- }
@@ -1,22 +0,0 @@
1
- import { ReactCodeMirrorProps } from '@uiw/react-codemirror';
2
- import { PropsWithCss } from '../ccs';
3
- import './index.less';
4
- import JavaScriptEditor from './javascript';
5
- import JsonEditor from './json';
6
- import SqlEditor from './sql';
7
- export type EditorPropsType = PropsWithCss & Omit<ReactCodeMirrorProps, 'height'> & {
8
- value?: string;
9
- placeholder?: string;
10
- bordered?: boolean;
11
- isPreview?: boolean;
12
- height?: number | string;
13
- onChange?: (e: string) => void;
14
- };
15
- declare function Editor({}: {}): import("react/jsx-runtime").JSX.Element;
16
- declare namespace Editor {
17
- var Json: typeof JsonEditor;
18
- var Js: typeof JavaScriptEditor;
19
- var Sql: typeof SqlEditor;
20
- var displayName: string;
21
- }
22
- export default Editor;
@@ -1,18 +0,0 @@
1
- function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
2
- import "./index.less";
3
- import JavaScriptEditor from "./javascript";
4
- import JsonEditor from "./json";
5
- import SqlEditor from "./sql";
6
- import { Fragment as _Fragment } from "react/jsx-runtime";
7
- import { jsx as _jsx } from "react/jsx-runtime";
8
- function Editor(_ref) {
9
- _objectDestructuringEmpty(_ref);
10
- return /*#__PURE__*/_jsx(_Fragment, {});
11
- }
12
- Editor.Json = JsonEditor;
13
- Editor.Js = JavaScriptEditor;
14
- Editor.Sql = SqlEditor;
15
- if (process.env.NODE_ENV !== 'production') {
16
- Editor.displayName = 'CcsEditor';
17
- }
18
- export default Editor;
@@ -1,19 +0,0 @@
1
- .ccs-editor {
2
- .cm-editor {
3
- outline: none !important;
4
-
5
- &:hover {
6
- outline: 1px solid rgb(200, 200, 200) !important;
7
- }
8
- }
9
- }
10
-
11
- .ccs-editor-preview {
12
- .cm-gutters {
13
- display: none;
14
- }
15
- /* stylelint-disable */
16
- .cm-activeLine {
17
- background: transparent;
18
- }
19
- }
@@ -1,2 +0,0 @@
1
- import { EditorPropsType } from '.';
2
- export default function JavaScriptEditor({ placeholder, height, bordered, isPreview, style, className, ...restProps }: EditorPropsType): import("react/jsx-runtime").JSX.Element;
@@ -1,56 +0,0 @@
1
- var _excluded = ["placeholder", "height", "bordered", "isPreview", "style", "className"];
2
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
3
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
5
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
6
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
7
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
8
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
9
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
10
- import { javascript } from '@codemirror/lang-javascript';
11
- import CodeMirror from '@uiw/react-codemirror';
12
- import classNames from 'classnames';
13
- import useAppConfig from "../hooks/use-app";
14
- import { jsx as _jsx } from "react/jsx-runtime";
15
- export default function JavaScriptEditor(_ref) {
16
- var _ref$placeholder = _ref.placeholder,
17
- placeholder = _ref$placeholder === void 0 ? '请输入' : _ref$placeholder,
18
- _ref$height = _ref.height,
19
- height = _ref$height === void 0 ? '200px' : _ref$height,
20
- bordered = _ref.bordered,
21
- isPreview = _ref.isPreview,
22
- style = _ref.style,
23
- className = _ref.className,
24
- restProps = _objectWithoutProperties(_ref, _excluded);
25
- var _useAppConfig = useAppConfig(),
26
- theme = _useAppConfig.theme;
27
- var isDark = theme === 'dark';
28
- var styles = style || {};
29
- var previewProps = {};
30
- if (bordered !== false) {
31
- styles.border = '1px solid #d9d9d9';
32
- styles.borderRadius = 3;
33
- }
34
- if (isPreview) {
35
- styles.border = 0;
36
- previewProps.editable = false;
37
- previewProps.readOnly = true;
38
- previewProps.height = 'auto';
39
- previewProps.basicSetup = _objectSpread(_objectSpread({}, _typeof(restProps.basicSetup) === 'object' ? restProps.basicSetup : {}), {}, {
40
- lineNumbers: false
41
- });
42
- previewProps.className = "".concat(classNames(className, 'ccs-editor', 'ccs-editor-preview'));
43
- }
44
- var newHeight = typeof height === 'number' ? "".concat(height, "px") : height;
45
- return /*#__PURE__*/_jsx(CodeMirror, _objectSpread(_objectSpread({
46
- height: newHeight,
47
- extensions: [javascript({
48
- jsx: true
49
- })],
50
- placeholder: placeholder,
51
- theme: isDark ? 'dark' : 'light'
52
- }, restProps), {}, {
53
- style: styles,
54
- className: classNames('ccs-editor', className)
55
- }, previewProps));
56
- }
@@ -1,7 +0,0 @@
1
- import { EditorPropsType } from '.';
2
- /**
3
- * JSON编辑器
4
- * @param {number} height - 高度
5
- * @param {string} placeholder - 占位
6
- */
7
- export default function JsonEditor({ value, placeholder, height, bordered, onChange, style, className, isPreview, ...restProps }: EditorPropsType): import("react/jsx-runtime").JSX.Element;
package/es/editor/json.js DELETED
@@ -1,82 +0,0 @@
1
- var _excluded = ["value", "placeholder", "height", "bordered", "onChange", "style", "className", "isPreview"];
2
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
3
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
5
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
6
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
7
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
8
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
9
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
10
- import { json } from '@codemirror/lang-json';
11
- import { syntaxTree } from '@codemirror/language';
12
- import { linter } from '@codemirror/lint';
13
- import CodeMirror from '@uiw/react-codemirror';
14
- import classNames from 'classnames';
15
- import useAppConfig from "../hooks/use-app";
16
- import { jsx as _jsx } from "react/jsx-runtime";
17
- var regexpLinter = linter(function (view) {
18
- var diagnostics = [];
19
- syntaxTree(view.state).cursor().iterate(function (node) {
20
- if (node.name === '⚠') {
21
- diagnostics.push({
22
- from: node.from,
23
- to: node.to,
24
- severity: 'error',
25
- message: 'JSON错误'
26
- });
27
- }
28
- });
29
- return diagnostics;
30
- });
31
- var defaultPlaceholder = "JSON\u8F93\u5165\u793A\u4F8B\n{\n \"key\": 1,\n \"value\": \"..\"\n}";
32
-
33
- /**
34
- * JSON编辑器
35
- * @param {number} height - 高度
36
- * @param {string} placeholder - 占位
37
- */
38
- export default function JsonEditor(_ref) {
39
- var value = _ref.value,
40
- placeholder = _ref.placeholder,
41
- _ref$height = _ref.height,
42
- height = _ref$height === void 0 ? '200px' : _ref$height,
43
- bordered = _ref.bordered,
44
- _onChange = _ref.onChange,
45
- style = _ref.style,
46
- className = _ref.className,
47
- isPreview = _ref.isPreview,
48
- restProps = _objectWithoutProperties(_ref, _excluded);
49
- var _useAppConfig = useAppConfig(),
50
- theme = _useAppConfig.theme;
51
- var isDark = theme === 'dark';
52
- var styles = style || {};
53
- var previewProps = {};
54
- if (bordered !== false) {
55
- styles.border = '1px solid #d9d9d9';
56
- styles.borderRadius = 3;
57
- }
58
- if (isPreview) {
59
- styles.border = 0;
60
- previewProps.editable = false;
61
- previewProps.readOnly = true;
62
- previewProps.height = 'auto';
63
- previewProps.basicSetup = _objectSpread(_objectSpread({}, _typeof(restProps.basicSetup) === 'object' ? restProps.basicSetup : {}), {}, {
64
- lineNumbers: false
65
- });
66
- previewProps.className = "".concat(classNames(className, 'ccs-editor', 'ccs-editor-preview'));
67
- }
68
- var newHeight = typeof height === 'number' ? "".concat(height, "px") : height;
69
- return /*#__PURE__*/_jsx(CodeMirror, _objectSpread(_objectSpread({
70
- value: value,
71
- height: newHeight,
72
- placeholder: placeholder || defaultPlaceholder,
73
- extensions: [json(), regexpLinter],
74
- onChange: function onChange(e) {
75
- if (_onChange) _onChange(e);
76
- },
77
- theme: isDark ? 'dark' : 'light'
78
- }, restProps), {}, {
79
- style: styles,
80
- className: classNames('ccs-editor', className)
81
- }, previewProps));
82
- }
@@ -1,2 +0,0 @@
1
- import { EditorPropsType } from '.';
2
- export default function SqlEditor({ placeholder, height, bordered, isPreview, style, className, ...restProps }: EditorPropsType): import("react/jsx-runtime").JSX.Element;
package/es/editor/sql.js DELETED
@@ -1,54 +0,0 @@
1
- var _excluded = ["placeholder", "height", "bordered", "isPreview", "style", "className"];
2
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
3
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
5
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
6
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
7
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
8
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
9
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
10
- import { sql } from '@codemirror/lang-sql';
11
- import CodeMirror from '@uiw/react-codemirror';
12
- import classNames from 'classnames';
13
- import useAppConfig from "../hooks/use-app";
14
- import { jsx as _jsx } from "react/jsx-runtime";
15
- export default function SqlEditor(_ref) {
16
- var _ref$placeholder = _ref.placeholder,
17
- placeholder = _ref$placeholder === void 0 ? '请输入' : _ref$placeholder,
18
- _ref$height = _ref.height,
19
- height = _ref$height === void 0 ? '200px' : _ref$height,
20
- bordered = _ref.bordered,
21
- isPreview = _ref.isPreview,
22
- style = _ref.style,
23
- className = _ref.className,
24
- restProps = _objectWithoutProperties(_ref, _excluded);
25
- var _useAppConfig = useAppConfig(),
26
- theme = _useAppConfig.theme;
27
- var isDark = theme === 'dark';
28
- var styles = style || {};
29
- var previewProps = {};
30
- if (bordered !== false) {
31
- styles.border = '1px solid #d9d9d9';
32
- styles.borderRadius = 3;
33
- }
34
- if (isPreview) {
35
- styles.border = 0;
36
- previewProps.editable = false;
37
- previewProps.readOnly = true;
38
- previewProps.height = 'auto';
39
- previewProps.basicSetup = _objectSpread(_objectSpread({}, _typeof(restProps.basicSetup) === 'object' ? restProps.basicSetup : {}), {}, {
40
- lineNumbers: false
41
- });
42
- previewProps.className = "".concat(classNames(className, 'ccs-editor', 'ccs-editor-preview'));
43
- }
44
- var newHeight = typeof height === 'number' ? "".concat(height, "px") : height;
45
- return /*#__PURE__*/_jsx(CodeMirror, _objectSpread(_objectSpread({
46
- height: newHeight,
47
- extensions: [sql()],
48
- placeholder: placeholder,
49
- theme: isDark ? 'dark' : 'light'
50
- }, restProps), {}, {
51
- style: styles,
52
- className: classNames('ccs-editor', className)
53
- }, previewProps));
54
- }
@@ -1,22 +0,0 @@
1
- import type { FC, ReactNode } from 'react';
2
- import React from 'react';
3
- import './index.less';
4
- import { PropagationEvent } from './withStopPropagation';
5
- export type EllipsisProps = {
6
- content: string;
7
- direction?: 'start' | 'end' | 'middle';
8
- rows?: number;
9
- expandText?: ReactNode;
10
- collapseText?: ReactNode;
11
- stopPropagationForActionButtons?: PropagationEvent[];
12
- onContentClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
13
- defaultExpanded?: boolean;
14
- showTooltip?: boolean;
15
- };
16
- /**
17
- * 文本缩略
18
- * @param EllipsisProps
19
- * @returns
20
- */
21
- declare const Ellipsis: FC<EllipsisProps>;
22
- export default Ellipsis;