@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.
- package/package.json +6 -27
- package/LICENSE +0 -21
- package/README.md +0 -37
- package/es/aj-captcha/index.d.ts +0 -34
- package/es/aj-captcha/index.js +0 -302
- package/es/aj-captcha/index.less +0 -89
- package/es/auth/index.d.ts +0 -15
- package/es/auth/index.js +0 -38
- package/es/breadcrumb.d.ts +0 -8
- package/es/breadcrumb.js +0 -40
- package/es/button/dropdown.d.ts +0 -6
- package/es/button/dropdown.js +0 -72
- package/es/button/group.d.ts +0 -2
- package/es/button/group.js +0 -176
- package/es/button/index.d.ts +0 -65
- package/es/button/index.js +0 -133
- package/es/cascader/index.d.ts +0 -33
- package/es/cascader/index.js +0 -120
- package/es/ccs.d.ts +0 -131
- package/es/ccs.js +0 -1
- package/es/color-picker/index.d.ts +0 -7
- package/es/color-picker/index.js +0 -142
- package/es/color-picker/index.less +0 -8
- package/es/config.d.ts +0 -6
- package/es/config.js +0 -126
- package/es/context/index.d.ts +0 -115
- package/es/context/index.js +0 -6
- package/es/date-picker/index.d.ts +0 -19
- package/es/date-picker/index.js +0 -72
- package/es/dialog/HookDrawer.d.ts +0 -9
- package/es/dialog/HookDrawer.js +0 -156
- package/es/dialog/HookModal.d.ts +0 -10
- package/es/dialog/HookModal.js +0 -213
- package/es/dialog/button.d.ts +0 -24
- package/es/dialog/button.js +0 -256
- package/es/dialog/context.d.ts +0 -25
- package/es/dialog/context.js +0 -13
- package/es/dialog/drawer-footer.d.ts +0 -16
- package/es/dialog/drawer-footer.js +0 -43
- package/es/dialog/form.d.ts +0 -16
- package/es/dialog/form.js +0 -53
- package/es/dialog/hook.d.ts +0 -80
- package/es/dialog/hook.js +0 -234
- package/es/dialog/index.d.ts +0 -19
- package/es/dialog/index.js +0 -14
- package/es/dialog/usePatchElement.d.ts +0 -5
- package/es/dialog/usePatchElement.js +0 -35
- package/es/editor/index.d.ts +0 -22
- package/es/editor/index.js +0 -18
- package/es/editor/index.less +0 -19
- package/es/editor/javascript.d.ts +0 -2
- package/es/editor/javascript.js +0 -56
- package/es/editor/json.d.ts +0 -7
- package/es/editor/json.js +0 -82
- package/es/editor/sql.d.ts +0 -2
- package/es/editor/sql.js +0 -54
- package/es/ellipsis/index.d.ts +0 -22
- package/es/ellipsis/index.js +0 -129
- package/es/ellipsis/index.less +0 -5
- package/es/ellipsis/useMeasure.d.ts +0 -9
- package/es/ellipsis/useMeasure.js +0 -142
- package/es/ellipsis/useResizeEffect.d.ts +0 -2
- package/es/ellipsis/useResizeEffect.js +0 -14
- package/es/ellipsis/withStopPropagation.d.ts +0 -4
- package/es/ellipsis/withStopPropagation.js +0 -38
- package/es/full-screen/index.d.ts +0 -3
- package/es/full-screen/index.js +0 -49
- package/es/group-form-item/index.d.ts +0 -11
- package/es/group-form-item/index.js +0 -124
- package/es/hooks/use-app.d.ts +0 -25
- package/es/hooks/use-app.js +0 -52
- package/es/hooks/use-event.d.ts +0 -10
- package/es/hooks/use-event.js +0 -69
- package/es/hooks/use-once-event.d.ts +0 -2
- package/es/hooks/use-once-event.js +0 -16
- package/es/hooks/use-page.d.ts +0 -10
- package/es/hooks/use-page.js +0 -10
- package/es/hooks/use-selection.d.ts +0 -17
- package/es/hooks/use-selection.js +0 -172
- package/es/hooks/use-tabs.d.ts +0 -2
- package/es/hooks/use-tabs.js +0 -10
- package/es/hooks/use-window.d.ts +0 -8
- package/es/hooks/use-window.js +0 -15
- package/es/index.d.ts +0 -37
- package/es/index.js +0 -37
- package/es/interval-button/index.d.ts +0 -14
- package/es/interval-button/index.js +0 -128
- package/es/layout-keep-alive/index.d.ts +0 -29
- package/es/layout-keep-alive/index.js +0 -400
- package/es/layout-keep-alive/index.less +0 -79
- package/es/layout-keep-alive/page.d.ts +0 -14
- package/es/layout-keep-alive/page.js +0 -53
- package/es/layout-single-page/index.d.ts +0 -14
- package/es/layout-single-page/index.js +0 -71
- package/es/layout-single-page/index.less +0 -15
- package/es/layout-single-page/page.d.ts +0 -13
- package/es/layout-single-page/page.js +0 -41
- package/es/loading/index.d.ts +0 -14
- package/es/loading/index.js +0 -43
- package/es/pro-grid/index.d.ts +0 -15
- package/es/pro-grid/index.js +0 -58
- package/es/pro-table/_utils.d.ts +0 -12
- package/es/pro-table/_utils.js +0 -94
- package/es/pro-table/form-item.d.ts +0 -9
- package/es/pro-table/form-item.js +0 -44
- package/es/pro-table/head.d.ts +0 -16
- package/es/pro-table/head.js +0 -225
- package/es/pro-table/index.d.ts +0 -23
- package/es/pro-table/index.js +0 -37
- package/es/pro-table/index.less +0 -82
- package/es/pro-table/operation.d.ts +0 -14
- package/es/pro-table/operation.js +0 -194
- package/es/pro-table/selection-alert.d.ts +0 -20
- package/es/pro-table/selection-alert.js +0 -64
- package/es/pro-table/size.d.ts +0 -10
- package/es/pro-table/size.js +0 -17
- package/es/pro-table/summary.d.ts +0 -8
- package/es/pro-table/summary.js +0 -32
- package/es/pro-table/table.d.ts +0 -104
- package/es/pro-table/table.js +0 -712
- package/es/pro-table/tree.d.ts +0 -24
- package/es/pro-table/tree.js +0 -197
- package/es/pro-tabs/index.d.ts +0 -9
- package/es/pro-tabs/index.js +0 -174
- package/es/resize-observer.d.ts +0 -15
- package/es/resize-observer.js +0 -37
- package/es/result/icon.d.ts +0 -3
- package/es/result/icon.js +0 -3
- package/es/result/index.d.ts +0 -12
- package/es/result/index.js +0 -68
- package/es/select/ modal.d.ts +0 -10
- package/es/select/ modal.js +0 -141
- package/es/select/api.d.ts +0 -25
- package/es/select/api.js +0 -67
- package/es/select/customize.d.ts +0 -25
- package/es/select/customize.js +0 -139
- package/es/select/index.d.ts +0 -31
- package/es/select/index.js +0 -108
- package/es/status-tag/index.d.ts +0 -13
- package/es/status-tag/index.js +0 -31
- package/es/table/index.d.ts +0 -19
- package/es/table/index.js +0 -253
- package/es/table/index.less +0 -29
- package/es/theme-dialog.d.ts +0 -28
- package/es/theme-dialog.js +0 -81
- package/es/time-picker/index.d.ts +0 -15
- package/es/time-picker/index.js +0 -49
- package/es/trigger/index.d.ts +0 -43
- package/es/trigger/index.js +0 -298
- package/es/trigger/index.less +0 -42
- package/es/types.d.ts +0 -0
- package/es/types.js +0 -0
- package/es/upload/index.d.ts +0 -42
- package/es/upload/index.js +0 -167
- package/es/upload/upload-image.d.ts +0 -6
- package/es/upload/upload-image.js +0 -205
- package/es/virtual-list/index.d.ts +0 -51
- package/es/virtual-list/index.js +0 -132
- package/es/water-mark/index.d.ts +0 -65
- package/es/water-mark/index.js +0 -141
- package/es/water-mark/relative.d.ts +0 -62
- 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
|
-
}
|
package/es/dialog/index.d.ts
DELETED
|
@@ -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;
|
package/es/dialog/index.js
DELETED
|
@@ -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,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
|
-
}
|
package/es/editor/index.d.ts
DELETED
|
@@ -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;
|
package/es/editor/index.js
DELETED
|
@@ -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;
|
package/es/editor/index.less
DELETED
|
@@ -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
|
-
}
|
package/es/editor/javascript.js
DELETED
|
@@ -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
|
-
}
|
package/es/editor/json.d.ts
DELETED
|
@@ -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
|
-
}
|
package/es/editor/sql.d.ts
DELETED
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
|
-
}
|
package/es/ellipsis/index.d.ts
DELETED
|
@@ -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;
|