dumi 2.2.1 → 2.2.3
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/compiled/crates/swc_plugin_react_demo.wasm +0 -0
- package/dist/assetParsers/atom.js +15 -5
- package/dist/assetParsers/block.js +27 -9
- package/dist/cli.js +8 -1
- package/dist/client/pages/Demo/index.js +3 -8
- package/dist/client/theme-api/AtomRenderer.d.ts +2 -2
- package/dist/client/theme-api/AtomRenderer.js +19 -35
- package/dist/client/theme-api/DumiDemo.js +8 -13
- package/dist/client/theme-api/DumiDemoGrid.js +12 -26
- package/dist/client/theme-api/DumiPage.js +16 -34
- package/dist/client/theme-api/openCodeSandbox.js +18 -23
- package/dist/client/theme-api/openStackBlitz.js +6 -14
- package/dist/client/theme-api/types.d.ts +15 -12
- package/dist/client/theme-api/useAtomAssets.js +1 -2
- package/dist/client/theme-api/useLocale.js +10 -19
- package/dist/client/theme-api/useNavData.js +78 -103
- package/dist/client/theme-api/usePrefersColor.d.ts +2 -2
- package/dist/client/theme-api/usePrefersColor.js +39 -66
- package/dist/client/theme-api/useRouteMeta.js +9 -23
- package/dist/client/theme-api/useSidebarData.js +124 -158
- package/dist/client/theme-api/useSiteSearch/index.d.ts +1 -1
- package/dist/client/theme-api/useSiteSearch/index.js +24 -38
- package/dist/client/theme-api/useTabMeta.js +8 -19
- package/dist/client/theme-api/utils.d.ts +2 -2
- package/dist/client/theme-api/utils.js +33 -47
- package/dist/client/typings.d.ts +0 -5
- package/dist/features/assets.js +23 -4
- package/dist/features/autoAlias.js +8 -3
- package/dist/features/compile/babelLoaderCustomize.js +0 -2
- package/dist/features/compile/index.js +20 -9
- package/dist/features/configPlugins/index.js +3 -4
- package/dist/features/configPlugins/schema.d.ts +1 -1
- package/dist/features/configPlugins/schema.js +20 -3
- package/dist/features/derivative.js +54 -11
- package/dist/features/exportStatic.js +11 -7
- package/dist/features/exports.js +8 -3
- package/dist/features/html2sketch.js +7 -5
- package/dist/features/locales.js +53 -17
- package/dist/features/meta.js +23 -10
- package/dist/features/parser.js +17 -5
- package/dist/features/routes.js +63 -24
- package/dist/features/sideEffects/docSideEffectsWebpackPlugin.js +27 -16
- package/dist/features/sideEffects/index.js +13 -4
- package/dist/features/sitemap.js +17 -5
- package/dist/features/tabs.js +23 -11
- package/dist/features/theme/index.js +133 -38
- package/dist/features/theme/loader.js +23 -7
- package/dist/index.js +10 -2
- package/dist/loaders/demo/index.js +3 -3
- package/dist/loaders/markdown/index.d.ts +1 -1
- package/dist/loaders/markdown/index.js +36 -24
- package/dist/loaders/markdown/transformer/index.d.ts +2 -1
- package/dist/loaders/markdown/transformer/index.js +34 -17
- package/dist/loaders/markdown/transformer/rehypeDemo.d.ts +3 -1
- package/dist/loaders/markdown/transformer/rehypeDemo.js +125 -68
- package/dist/loaders/markdown/transformer/rehypeDesc.js +8 -3
- package/dist/loaders/markdown/transformer/rehypeEnhancedTag.js +8 -3
- package/dist/loaders/markdown/transformer/rehypeHighlightLine.js +8 -3
- package/dist/loaders/markdown/transformer/rehypeImg.js +8 -3
- package/dist/loaders/markdown/transformer/rehypeIsolation.js +36 -21
- package/dist/loaders/markdown/transformer/rehypeJsxify.js +8 -3
- package/dist/loaders/markdown/transformer/rehypeLink.d.ts +1 -1
- package/dist/loaders/markdown/transformer/rehypeLink.js +24 -9
- package/dist/loaders/markdown/transformer/rehypeRaw.d.ts +1 -1
- package/dist/loaders/markdown/transformer/rehypeRaw.js +20 -6
- package/dist/loaders/markdown/transformer/rehypeSlug.js +16 -3
- package/dist/loaders/markdown/transformer/rehypeStrip.js +8 -3
- package/dist/loaders/markdown/transformer/rehypeText.js +14 -5
- package/dist/loaders/markdown/transformer/remarkBreaks.js +16 -5
- package/dist/loaders/markdown/transformer/remarkContainer.js +28 -13
- package/dist/loaders/markdown/transformer/remarkEmbed.js +43 -21
- package/dist/loaders/markdown/transformer/remarkMeta.d.ts +3 -1
- package/dist/loaders/markdown/transformer/remarkMeta.js +39 -9
- package/dist/loaders/page/index.js +12 -4
- package/dist/loaders/pre-raw/index.js +0 -2
- package/dist/preset.js +8 -3
- package/dist/registerMethods.js +0 -2
- package/dist/service/dev.js +8 -1
- package/dist/service/printHelp.js +3 -1
- package/dist/techStacks/react.js +8 -3
- package/dist/types.d.ts +6 -6
- package/dist/utils.d.ts +1 -1
- package/dist/utils.js +15 -6
- package/package.json +11 -9
- package/theme-default/builtins/API/index.js +15 -36
- package/theme-default/builtins/Badge/index.js +0 -3
- package/theme-default/builtins/Container/index.js +6 -15
- package/theme-default/builtins/Previewer/index.js +1 -8
- package/theme-default/builtins/SourceCode/index.js +15 -27
- package/theme-default/builtins/Table/index.js +10 -25
- package/theme-default/builtins/Tree/index.js +13 -44
- package/theme-default/layouts/DocLayout/index.js +14 -27
- package/theme-default/locales/en-US.json +4 -0
- package/theme-default/locales/zh-CN.json +4 -0
- package/theme-default/slots/ColorSwitch/index.js +7 -22
- package/theme-default/slots/Content/index.js +5 -7
- package/theme-default/slots/Content/index.less +16 -1
- package/theme-default/slots/ContentFooter/index.d.ts +4 -0
- package/theme-default/slots/ContentFooter/index.js +93 -0
- package/theme-default/slots/ContentFooter/index.less +163 -0
- package/theme-default/slots/ContentTabs/index.d.ts +1 -1
- package/theme-default/slots/ContentTabs/index.js +5 -5
- package/theme-default/slots/Features/index.js +6 -11
- package/theme-default/slots/Footer/index.js +1 -4
- package/theme-default/slots/Header/index.js +7 -18
- package/theme-default/slots/HeaderExtra/index.js +0 -2
- package/theme-default/slots/Hero/index.js +2 -6
- package/theme-default/slots/HeroTitle/index.js +0 -2
- package/theme-default/slots/LangSwitch/index.js +23 -35
- package/theme-default/slots/Logo/index.js +1 -4
- package/theme-default/slots/Navbar/index.js +14 -29
- package/theme-default/slots/NavbarExtra/index.js +0 -2
- package/theme-default/slots/NotFound/index.js +0 -2
- package/theme-default/slots/PreviewerActions/index.js +13 -35
- package/theme-default/slots/PreviewerActionsExtra/index.js +0 -2
- package/theme-default/slots/RtlSwitch/index.js +6 -20
- package/theme-default/slots/RtlSwitch/index.less +5 -0
- package/theme-default/slots/SearchBar/Input.d.ts +1 -1
- package/theme-default/slots/SearchBar/Input.js +6 -5
- package/theme-default/slots/SearchBar/Mask.d.ts +1 -1
- package/theme-default/slots/SearchBar/Mask.js +0 -1
- package/theme-default/slots/SearchBar/index.js +20 -41
- package/theme-default/slots/SearchResult/index.d.ts +1 -1
- package/theme-default/slots/SearchResult/index.js +13 -36
- package/theme-default/slots/Sidebar/index.js +1 -4
- package/theme-default/slots/SocialIcon/index.d.ts +2 -2
- package/theme-default/slots/SocialIcon/index.js +1 -3
- package/theme-default/slots/Toc/index.js +12 -28
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "dumi",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.3",
|
|
4
4
|
"description": "📖 Documentation Generator of React Component",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"generator",
|
|
@@ -83,14 +83,14 @@
|
|
|
83
83
|
"@types/hast": "^2.3.4",
|
|
84
84
|
"@types/mdast": "^3.0.10",
|
|
85
85
|
"@types/nprogress": "^0.2.0",
|
|
86
|
-
"@umijs/bundler-utils": "^4.0.
|
|
87
|
-
"@umijs/core": "^4.0.
|
|
86
|
+
"@umijs/bundler-utils": "^4.0.73",
|
|
87
|
+
"@umijs/core": "^4.0.73",
|
|
88
88
|
"animated-scroll-to": "^2.3.0",
|
|
89
89
|
"classnames": "2.3.2",
|
|
90
90
|
"codesandbox": "^2.2.3",
|
|
91
91
|
"copy-to-clipboard": "^3.3.3",
|
|
92
92
|
"deepmerge": "^4.2.2",
|
|
93
|
-
"dumi-afx-deps": "^1.0.0-alpha.
|
|
93
|
+
"dumi-afx-deps": "^1.0.0-alpha.19",
|
|
94
94
|
"dumi-assets-types": "2.0.0-alpha.0",
|
|
95
95
|
"enhanced-resolve": "^5.10.0",
|
|
96
96
|
"estree-util-to-js": "^1.1.0",
|
|
@@ -102,6 +102,7 @@
|
|
|
102
102
|
"hast-util-to-estree": "^2.1.0",
|
|
103
103
|
"hast-util-to-string": "^2.0.0",
|
|
104
104
|
"heti": "^0.9.2",
|
|
105
|
+
"hosted-git-info": "^6.1.1",
|
|
105
106
|
"html-to-text": "^8.2.1",
|
|
106
107
|
"html2sketch": "^1.0.1",
|
|
107
108
|
"js-yaml": "^4.1.0",
|
|
@@ -130,7 +131,7 @@
|
|
|
130
131
|
"remark-rehype": "^10.1.0",
|
|
131
132
|
"sass": "^1.55.0",
|
|
132
133
|
"sitemap": "^7.1.1",
|
|
133
|
-
"umi": "^4.0.
|
|
134
|
+
"umi": "^4.0.73",
|
|
134
135
|
"unified": "^10.1.2",
|
|
135
136
|
"unist-util-visit": "^4.1.0",
|
|
136
137
|
"unist-util-visit-parents": "^5.1.1",
|
|
@@ -143,18 +144,19 @@
|
|
|
143
144
|
"@commitlint/config-conventional": "^17.0.3",
|
|
144
145
|
"@types/github-slugger": "^1.3.0",
|
|
145
146
|
"@types/highlight-words-core": "^1.2.1",
|
|
147
|
+
"@types/hosted-git-info": "^3.0.2",
|
|
146
148
|
"@types/js-yaml": "^4.0.5",
|
|
147
149
|
"@types/lodash.throttle": "^4.1.7",
|
|
148
150
|
"@types/node": "^18.6.3",
|
|
149
151
|
"@types/pluralize": "^0.0.29",
|
|
150
152
|
"@types/react": "^18.0.16",
|
|
151
153
|
"@types/react-copy-to-clipboard": "^5.0.4",
|
|
152
|
-
"@umijs/lint": "^4.0.
|
|
154
|
+
"@umijs/lint": "^4.0.73",
|
|
153
155
|
"@umijs/plugins": "4.0.32",
|
|
154
156
|
"dumi-theme-mobile": "workspace:*",
|
|
155
157
|
"eslint": "^8.20.0",
|
|
156
158
|
"fast-glob": "^3.2.12",
|
|
157
|
-
"father": "^4.
|
|
159
|
+
"father": "^4.3.0",
|
|
158
160
|
"highlight-words-core": "^1.2.2",
|
|
159
161
|
"husky": "^8.0.1",
|
|
160
162
|
"lint-staged": "^13.0.3",
|
|
@@ -162,9 +164,9 @@
|
|
|
162
164
|
"prettier-plugin-organize-imports": "^3.0.0",
|
|
163
165
|
"prettier-plugin-packagejson": "^2.2.18",
|
|
164
166
|
"react": "^18.2.0",
|
|
165
|
-
"stylelint": "^
|
|
167
|
+
"stylelint": "^15.10.1",
|
|
166
168
|
"ts-node": "^10.0.0",
|
|
167
|
-
"typescript": "~
|
|
169
|
+
"typescript": "~5.0.4",
|
|
168
170
|
"vitest": "^0.24.3"
|
|
169
171
|
},
|
|
170
172
|
"peerDependencies": {
|
|
@@ -1,15 +1,9 @@
|
|
|
1
1
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
-
|
|
3
2
|
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."); }
|
|
4
|
-
|
|
5
3
|
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); }
|
|
6
|
-
|
|
7
|
-
function
|
|
8
|
-
|
|
9
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
10
|
-
|
|
4
|
+
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; }
|
|
5
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
11
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
12
|
-
|
|
13
7
|
import { useAtomAssets, useIntl, useRouteMeta } from 'dumi';
|
|
14
8
|
import React, { useEffect, useState } from 'react';
|
|
15
9
|
import Table from "../Table";
|
|
@@ -29,9 +23,9 @@ var HANDLERS = {
|
|
|
29
23
|
} else if ('oneOf' in prop) {
|
|
30
24
|
// oneOf value
|
|
31
25
|
return this.oneOf(prop);
|
|
32
|
-
}
|
|
33
|
-
|
|
26
|
+
}
|
|
34
27
|
|
|
28
|
+
// unknown type
|
|
35
29
|
return "unknown";
|
|
36
30
|
},
|
|
37
31
|
// type handlers
|
|
@@ -49,15 +43,12 @@ var HANDLERS = {
|
|
|
49
43
|
},
|
|
50
44
|
object: function object(prop) {
|
|
51
45
|
var _this = this;
|
|
52
|
-
|
|
53
46
|
var props = [];
|
|
54
47
|
Object.entries(prop.properties || {}).forEach(function (_ref) {
|
|
55
48
|
var _prop$required;
|
|
56
|
-
|
|
57
49
|
var _ref2 = _slicedToArray(_ref, 2),
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
50
|
+
key = _ref2[0],
|
|
51
|
+
value = _ref2[1];
|
|
61
52
|
// skip nested object type
|
|
62
53
|
props.push("".concat(key).concat((_prop$required = prop.required) !== null && _prop$required !== void 0 && _prop$required.includes(key) ? '' : '?', ": ").concat(value.type === 'object' ? 'object' : _this.toString(value)));
|
|
63
54
|
});
|
|
@@ -68,7 +59,6 @@ var HANDLERS = {
|
|
|
68
59
|
var className = this.getValidClassName(prop.items);
|
|
69
60
|
return className ? "".concat(className, "[]") : "".concat(this.toString(prop.items), "[]");
|
|
70
61
|
}
|
|
71
|
-
|
|
72
62
|
return 'any[]';
|
|
73
63
|
},
|
|
74
64
|
// FIXME: extract real type
|
|
@@ -78,7 +68,6 @@ var HANDLERS = {
|
|
|
78
68
|
// FIXME: extract real type
|
|
79
69
|
function: function _function(_ref3) {
|
|
80
70
|
var _this2 = this;
|
|
81
|
-
|
|
82
71
|
var signature = _ref3.signature;
|
|
83
72
|
var signatures = 'oneOf' in signature ? signature.oneOf : [signature];
|
|
84
73
|
return signatures.map(function (signature) {
|
|
@@ -99,7 +88,6 @@ var HANDLERS = {
|
|
|
99
88
|
},
|
|
100
89
|
oneOf: function oneOf(prop) {
|
|
101
90
|
var _this3 = this;
|
|
102
|
-
|
|
103
91
|
return prop.oneOf.map(function (v) {
|
|
104
92
|
return _this3.getValidClassName(v) || _this3.toString(v);
|
|
105
93
|
}).join(' | ');
|
|
@@ -109,30 +97,24 @@ var HANDLERS = {
|
|
|
109
97
|
return 'className' in prop && typeof prop.className === 'string' && prop.className !== '__type' ? prop.className : null;
|
|
110
98
|
}
|
|
111
99
|
};
|
|
112
|
-
|
|
113
100
|
var APIType = function APIType(prop) {
|
|
114
101
|
var _useState = useState(function () {
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
102
|
+
return HANDLERS.toString(prop);
|
|
103
|
+
}),
|
|
104
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
105
|
+
type = _useState2[0],
|
|
106
|
+
setType = _useState2[1];
|
|
121
107
|
useEffect(function () {
|
|
122
108
|
setType(HANDLERS.toString(prop));
|
|
123
109
|
}, [prop]);
|
|
124
110
|
return /*#__PURE__*/React.createElement("code", null, type);
|
|
125
111
|
};
|
|
126
|
-
|
|
127
112
|
var API = function API(props) {
|
|
128
113
|
var _definition$propsConf;
|
|
129
|
-
|
|
130
114
|
var _useRouteMeta = useRouteMeta(),
|
|
131
|
-
|
|
132
|
-
|
|
115
|
+
frontmatter = _useRouteMeta.frontmatter;
|
|
133
116
|
var _useAtomAssets = useAtomAssets(),
|
|
134
|
-
|
|
135
|
-
|
|
117
|
+
components = _useAtomAssets.components;
|
|
136
118
|
var id = props.id || frontmatter.atomId;
|
|
137
119
|
var intl = useIntl();
|
|
138
120
|
if (!id) throw new Error('`id` properties if required for API component!');
|
|
@@ -149,11 +131,9 @@ var API = function API(props) {
|
|
|
149
131
|
id: 'api.component.default'
|
|
150
132
|
})))), /*#__PURE__*/React.createElement("tbody", null, definition && (_definition$propsConf = definition.propsConfig) !== null && _definition$propsConf !== void 0 && _definition$propsConf.properties ? Object.entries(definition.propsConfig.properties).map(function (_ref4) {
|
|
151
133
|
var _definition$propsConf2;
|
|
152
|
-
|
|
153
134
|
var _ref5 = _slicedToArray(_ref4, 2),
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
135
|
+
name = _ref5[0],
|
|
136
|
+
prop = _ref5[1];
|
|
157
137
|
return /*#__PURE__*/React.createElement("tr", {
|
|
158
138
|
key: name
|
|
159
139
|
}, /*#__PURE__*/React.createElement("td", null, name), /*#__PURE__*/React.createElement("td", null, prop.description || '--'), /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement(APIType, prop)), /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("code", null, (_definition$propsConf2 = definition.propsConfig.required) !== null && _definition$propsConf2 !== void 0 && _definition$propsConf2.includes(name) ? intl.formatMessage({
|
|
@@ -167,5 +147,4 @@ var API = function API(props) {
|
|
|
167
147
|
id: id
|
|
168
148
|
}))))));
|
|
169
149
|
};
|
|
170
|
-
|
|
171
150
|
export default API;
|
|
@@ -1,12 +1,9 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
|
|
3
2
|
import React from 'react';
|
|
4
3
|
import "./index.less";
|
|
5
|
-
|
|
6
4
|
var Badge = function Badge(props) {
|
|
7
5
|
return /*#__PURE__*/React.createElement("span", _extends({
|
|
8
6
|
className: "dumi-default-badge"
|
|
9
7
|
}, props));
|
|
10
8
|
};
|
|
11
|
-
|
|
12
9
|
export default Badge;
|
|
@@ -1,15 +1,9 @@
|
|
|
1
1
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
-
|
|
3
2
|
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."); }
|
|
4
|
-
|
|
5
3
|
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); }
|
|
6
|
-
|
|
7
|
-
function
|
|
8
|
-
|
|
9
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
10
|
-
|
|
4
|
+
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; }
|
|
5
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
11
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
12
|
-
|
|
13
7
|
import { ReactComponent as IconSuccess } from '@ant-design/icons-svg/inline-svg/outlined/check-circle.svg';
|
|
14
8
|
import { ReactComponent as IconError } from '@ant-design/icons-svg/inline-svg/outlined/close-circle.svg';
|
|
15
9
|
import { ReactComponent as IconInfo } from '@ant-design/icons-svg/inline-svg/outlined/info-circle.svg';
|
|
@@ -22,18 +16,15 @@ var ICONS = {
|
|
|
22
16
|
success: IconSuccess,
|
|
23
17
|
error: IconError
|
|
24
18
|
};
|
|
25
|
-
|
|
26
19
|
var Container = function Container(props) {
|
|
27
20
|
var _useState = useState(function () {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
21
|
+
return ICONS[props.type];
|
|
22
|
+
}),
|
|
23
|
+
_useState2 = _slicedToArray(_useState, 1),
|
|
24
|
+
Icon = _useState2[0];
|
|
33
25
|
return /*#__PURE__*/React.createElement("div", {
|
|
34
26
|
className: "dumi-default-container markdown",
|
|
35
27
|
"data-type": props.type
|
|
36
28
|
}, /*#__PURE__*/React.createElement(Icon, null), /*#__PURE__*/React.createElement("h4", null, props.title || props.type.toUpperCase()), /*#__PURE__*/React.createElement("section", null, props.children));
|
|
37
29
|
};
|
|
38
|
-
|
|
39
30
|
export default Container;
|
|
@@ -1,21 +1,15 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
|
|
3
2
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
3
|
import classnames from 'classnames';
|
|
6
4
|
import { useLocation } from 'dumi';
|
|
7
5
|
import PreviewerActions from 'dumi/theme/slots/PreviewerActions';
|
|
8
6
|
import React, { useRef } from 'react';
|
|
9
7
|
import "./index.less";
|
|
10
|
-
|
|
11
8
|
var Previewer = function Previewer(props) {
|
|
12
9
|
var _demoContainer$curren;
|
|
13
|
-
|
|
14
10
|
var demoContainer = useRef(null);
|
|
15
|
-
|
|
16
11
|
var _useLocation = useLocation(),
|
|
17
|
-
|
|
18
|
-
|
|
12
|
+
hash = _useLocation.hash;
|
|
19
13
|
var link = "#".concat(props.asset.id);
|
|
20
14
|
return /*#__PURE__*/React.createElement("div", {
|
|
21
15
|
id: props.asset.id,
|
|
@@ -52,5 +46,4 @@ var Previewer = function Previewer(props) {
|
|
|
52
46
|
demoContainer: props.iframe ? (_demoContainer$curren = demoContainer.current) === null || _demoContainer$curren === void 0 ? void 0 : _demoContainer$curren.firstElementChild : demoContainer.current
|
|
53
47
|
}))));
|
|
54
48
|
};
|
|
55
|
-
|
|
56
49
|
export default Previewer;
|
|
@@ -1,17 +1,10 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
|
|
3
2
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
4
|
-
|
|
5
3
|
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."); }
|
|
6
|
-
|
|
7
4
|
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
|
-
|
|
9
|
-
function
|
|
10
|
-
|
|
11
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
12
|
-
|
|
5
|
+
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; }
|
|
6
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
13
7
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
14
|
-
|
|
15
8
|
import { ReactComponent as IconCheck } from '@ant-design/icons-svg/inline-svg/outlined/check.svg';
|
|
16
9
|
import { ReactComponent as IconCopy } from '@ant-design/icons-svg/inline-svg/outlined/copy.svg';
|
|
17
10
|
import classNames from 'classnames';
|
|
@@ -21,31 +14,27 @@ import 'prism-themes/themes/prism-one-light.css';
|
|
|
21
14
|
import React, { useRef, useState } from 'react';
|
|
22
15
|
import { CopyToClipboard } from 'react-copy-to-clipboard';
|
|
23
16
|
import "./index.less";
|
|
17
|
+
|
|
24
18
|
/**
|
|
25
19
|
* define DSL which can be highlighted as similar language
|
|
26
20
|
*/
|
|
27
|
-
|
|
28
21
|
var SIMILAR_DSL = {
|
|
29
22
|
acss: 'css',
|
|
30
23
|
axml: 'markup'
|
|
31
24
|
};
|
|
32
|
-
|
|
33
25
|
var SourceCode = function SourceCode(props) {
|
|
34
26
|
var _props$children = props.children,
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
27
|
+
children = _props$children === void 0 ? '' : _props$children,
|
|
28
|
+
lang = props.lang,
|
|
29
|
+
_props$highlightLines = props.highlightLines,
|
|
30
|
+
highlightLines = _props$highlightLines === void 0 ? [] : _props$highlightLines;
|
|
39
31
|
var timer = useRef();
|
|
40
|
-
|
|
41
32
|
var _useState = useState(false),
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
33
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
34
|
+
isCopied = _useState2[0],
|
|
35
|
+
setIsCopied = _useState2[1];
|
|
46
36
|
var _useSiteData = useSiteData(),
|
|
47
|
-
|
|
48
|
-
|
|
37
|
+
themeConfig = _useSiteData.themeConfig;
|
|
49
38
|
return /*#__PURE__*/React.createElement("div", {
|
|
50
39
|
className: "dumi-default-source-code"
|
|
51
40
|
}, /*#__PURE__*/React.createElement(CopyToClipboard, {
|
|
@@ -67,10 +56,10 @@ var SourceCode = function SourceCode(props) {
|
|
|
67
56
|
theme: undefined
|
|
68
57
|
}), function (_ref) {
|
|
69
58
|
var className = _ref.className,
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
59
|
+
style = _ref.style,
|
|
60
|
+
tokens = _ref.tokens,
|
|
61
|
+
getLineProps = _ref.getLineProps,
|
|
62
|
+
getTokenProps = _ref.getTokenProps;
|
|
74
63
|
return /*#__PURE__*/React.createElement("pre", {
|
|
75
64
|
className: className,
|
|
76
65
|
style: style
|
|
@@ -104,5 +93,4 @@ var SourceCode = function SourceCode(props) {
|
|
|
104
93
|
}));
|
|
105
94
|
}));
|
|
106
95
|
};
|
|
107
|
-
|
|
108
96
|
export default SourceCode;
|
|
@@ -1,45 +1,31 @@
|
|
|
1
1
|
var _excluded = ["children"];
|
|
2
|
-
|
|
3
2
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
4
|
-
|
|
5
3
|
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."); }
|
|
6
|
-
|
|
7
4
|
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
|
-
|
|
9
|
-
function
|
|
10
|
-
|
|
11
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
12
|
-
|
|
5
|
+
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; }
|
|
6
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
13
7
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
14
|
-
|
|
15
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; }
|
|
16
|
-
|
|
17
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; }
|
|
18
|
-
|
|
19
10
|
import throttle from 'lodash.throttle';
|
|
20
11
|
import React, { useEffect, useRef, useState } from 'react';
|
|
21
12
|
import "./index.less";
|
|
22
|
-
|
|
23
13
|
var Table = function Table(_ref) {
|
|
24
14
|
var children = _ref.children,
|
|
25
|
-
|
|
26
|
-
|
|
15
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
27
16
|
var container = useRef(null);
|
|
28
|
-
|
|
29
17
|
var _useState = useState(false),
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
18
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
19
|
+
leftFolded = _useState2[0],
|
|
20
|
+
setLeftFolded = _useState2[1];
|
|
34
21
|
var _useState3 = useState(false),
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
22
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
23
|
+
rightFolded = _useState4[0],
|
|
24
|
+
setRightFolded = _useState4[1];
|
|
39
25
|
|
|
26
|
+
// watch content scroll to render folded shadow
|
|
40
27
|
useEffect(function () {
|
|
41
28
|
var elm = container.current;
|
|
42
|
-
|
|
43
29
|
if (elm) {
|
|
44
30
|
var handler = throttle(function () {
|
|
45
31
|
setLeftFolded(elm.scrollLeft > 0);
|
|
@@ -63,5 +49,4 @@ var Table = function Table(_ref) {
|
|
|
63
49
|
"data-right-folded": rightFolded || undefined
|
|
64
50
|
}, /*#__PURE__*/React.createElement("table", props, children)));
|
|
65
51
|
};
|
|
66
|
-
|
|
67
52
|
export default Table;
|
|
@@ -1,29 +1,19 @@
|
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
1
2
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
2
|
-
|
|
3
3
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
|
-
|
|
5
|
-
function
|
|
6
|
-
|
|
4
|
+
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; }
|
|
5
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
6
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
7
7
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
8
|
-
|
|
9
8
|
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."); }
|
|
10
|
-
|
|
11
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
12
|
-
|
|
9
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
13
10
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
14
|
-
|
|
15
11
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
16
|
-
|
|
17
12
|
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."); }
|
|
18
|
-
|
|
19
13
|
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); }
|
|
20
|
-
|
|
21
14
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
22
|
-
|
|
23
15
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
24
|
-
|
|
25
|
-
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; }
|
|
26
|
-
|
|
16
|
+
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; }
|
|
27
17
|
import { ReactComponent as FileOutlined } from '@ant-design/icons-svg/inline-svg/outlined/file.svg';
|
|
28
18
|
import { ReactComponent as FolderOpenOutlined } from '@ant-design/icons-svg/inline-svg/outlined/folder-open.svg';
|
|
29
19
|
import { ReactComponent as FolderOutlined } from '@ant-design/icons-svg/inline-svg/outlined/folder.svg';
|
|
@@ -32,24 +22,20 @@ import { ReactComponent as PlusSquareOutlined } from '@ant-design/icons-svg/inli
|
|
|
32
22
|
import Tree from 'rc-tree';
|
|
33
23
|
import React, { createRef, useEffect, useState } from 'react';
|
|
34
24
|
import "./index.less";
|
|
35
|
-
|
|
36
25
|
function getTreeFromList(nodes) {
|
|
37
26
|
var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
38
27
|
var data = [];
|
|
39
28
|
[].concat(nodes).forEach(function (node, i) {
|
|
40
29
|
var key = "".concat(prefix ? "".concat(prefix, "-") : '').concat(i);
|
|
41
|
-
|
|
42
30
|
switch (node === null || node === void 0 ? void 0 : node.type) {
|
|
43
31
|
case 'ul':
|
|
44
32
|
{
|
|
45
33
|
var _data;
|
|
46
|
-
|
|
47
34
|
var parent = ((_data = data[data.length - 1]) === null || _data === void 0 ? void 0 : _data.children) || data;
|
|
48
35
|
var ulLeafs = getTreeFromList(node.props.children || [], key);
|
|
49
36
|
parent.push.apply(parent, _toConsumableArray(ulLeafs));
|
|
50
37
|
break;
|
|
51
38
|
}
|
|
52
|
-
|
|
53
39
|
case 'li':
|
|
54
40
|
{
|
|
55
41
|
var liLeafs = getTreeFromList(node.props.children, key);
|
|
@@ -63,29 +49,24 @@ function getTreeFromList(nodes) {
|
|
|
63
49
|
});
|
|
64
50
|
break;
|
|
65
51
|
}
|
|
66
|
-
|
|
67
52
|
default:
|
|
68
53
|
}
|
|
69
54
|
});
|
|
70
55
|
return data;
|
|
71
56
|
}
|
|
72
|
-
|
|
73
57
|
var useListToTree = function useListToTree(nodes) {
|
|
74
58
|
var _useState = useState(getTreeFromList(nodes)),
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
59
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
60
|
+
tree = _useState2[0],
|
|
61
|
+
setTree = _useState2[1];
|
|
79
62
|
useEffect(function () {
|
|
80
63
|
setTree(getTreeFromList(nodes));
|
|
81
64
|
}, [nodes]);
|
|
82
65
|
return tree;
|
|
83
66
|
};
|
|
84
|
-
|
|
85
67
|
var getIcon = function getIcon(props) {
|
|
86
68
|
var isLeaf = props.isLeaf,
|
|
87
|
-
|
|
88
|
-
|
|
69
|
+
expanded = props.expanded;
|
|
89
70
|
if (isLeaf) {
|
|
90
71
|
return /*#__PURE__*/React.createElement("span", {
|
|
91
72
|
className: "dumi-default-tree-icon"
|
|
@@ -93,7 +74,6 @@ var getIcon = function getIcon(props) {
|
|
|
93
74
|
fill: "currentColor"
|
|
94
75
|
}));
|
|
95
76
|
}
|
|
96
|
-
|
|
97
77
|
return expanded ? /*#__PURE__*/React.createElement("span", {
|
|
98
78
|
className: "dumi-default-tree-icon"
|
|
99
79
|
}, /*#__PURE__*/React.createElement(FolderOpenOutlined, {
|
|
@@ -104,17 +84,14 @@ var getIcon = function getIcon(props) {
|
|
|
104
84
|
fill: "currentColor"
|
|
105
85
|
}));
|
|
106
86
|
};
|
|
107
|
-
|
|
108
87
|
var renderSwitcherIcon = function renderSwitcherIcon(props) {
|
|
109
88
|
var isLeaf = props.isLeaf,
|
|
110
|
-
|
|
111
|
-
|
|
89
|
+
expanded = props.expanded;
|
|
112
90
|
if (isLeaf) {
|
|
113
91
|
return /*#__PURE__*/React.createElement("span", {
|
|
114
92
|
className: "tree-switcher-leaf-line"
|
|
115
93
|
});
|
|
116
94
|
}
|
|
117
|
-
|
|
118
95
|
return expanded ? /*#__PURE__*/React.createElement("span", {
|
|
119
96
|
className: "tree-switcher-line-icon"
|
|
120
97
|
}, /*#__PURE__*/React.createElement("span", {
|
|
@@ -128,16 +105,15 @@ var renderSwitcherIcon = function renderSwitcherIcon(props) {
|
|
|
128
105
|
}, /*#__PURE__*/React.createElement(PlusSquareOutlined, {
|
|
129
106
|
fill: "currentColor"
|
|
130
107
|
})));
|
|
131
|
-
};
|
|
132
|
-
|
|
108
|
+
};
|
|
133
109
|
|
|
110
|
+
// ================== Collapse Motion ==================
|
|
134
111
|
var getCollapsedHeight = function getCollapsedHeight() {
|
|
135
112
|
return {
|
|
136
113
|
height: 0,
|
|
137
114
|
opacity: 0
|
|
138
115
|
};
|
|
139
116
|
};
|
|
140
|
-
|
|
141
117
|
var getRealHeight = function getRealHeight(node) {
|
|
142
118
|
var scrollHeight = node.scrollHeight;
|
|
143
119
|
return {
|
|
@@ -145,17 +121,14 @@ var getRealHeight = function getRealHeight(node) {
|
|
|
145
121
|
opacity: 1
|
|
146
122
|
};
|
|
147
123
|
};
|
|
148
|
-
|
|
149
124
|
var getCurrentHeight = function getCurrentHeight(node) {
|
|
150
125
|
return {
|
|
151
126
|
height: node ? node.offsetHeight : 0
|
|
152
127
|
};
|
|
153
128
|
};
|
|
154
|
-
|
|
155
129
|
var skipOpacityTransition = function skipOpacityTransition(_, event) {
|
|
156
130
|
return (event === null || event === void 0 ? void 0 : event.deadline) === true || event.propertyName === 'height';
|
|
157
131
|
};
|
|
158
|
-
|
|
159
132
|
var initCollapseMotion = {
|
|
160
133
|
motionName: 'ant-motion-collapse',
|
|
161
134
|
onAppearStart: getCollapsedHeight,
|
|
@@ -172,17 +145,13 @@ var initCollapseMotion = {
|
|
|
172
145
|
export default (function (props) {
|
|
173
146
|
var data = useListToTree(props.children);
|
|
174
147
|
var treeRef = /*#__PURE__*/createRef();
|
|
175
|
-
|
|
176
148
|
var onClick = function onClick(event, node) {
|
|
177
149
|
var isLeaf = node.isLeaf;
|
|
178
|
-
|
|
179
150
|
if (isLeaf || event.shiftKey || event.metaKey || event.ctrlKey) {
|
|
180
151
|
return;
|
|
181
152
|
}
|
|
182
|
-
|
|
183
153
|
treeRef.current.onNodeExpand(event, node);
|
|
184
154
|
};
|
|
185
|
-
|
|
186
155
|
return /*#__PURE__*/React.createElement(Tree, {
|
|
187
156
|
className: "dumi-default-tree",
|
|
188
157
|
icon: getIcon,
|