@formily-design/react 1.0.0

package/lib/widgets/OutlineWidget/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { TreeNode } from '@formily-design/core';
+export interface IOutlineTreeWidgetProps {
+    className?: string;
+    style?: React.CSSProperties;
+    onClose?: () => void;
+    renderTitle?: (node: TreeNode) => React.ReactNode;
+    renderActions?: (node: TreeNode) => React.ReactNode;
+}
+export declare const OutlineTreeWidget: React.FC<IOutlineTreeWidgetProps>;

package/lib/widgets/OutlineWidget/index.js

@@ -0,0 +1,81 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OutlineTreeWidget = void 0;
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const hooks_1 = require("../../hooks");
+const reactive_react_1 = require("@formily/reactive-react");
+const OutlineNode_1 = require("./OutlineNode");
+const Insertion_1 = require("./Insertion");
+const context_1 = require("./context");
+const shared_1 = require("@formily-design/shared");
+exports.OutlineTreeWidget = (0, reactive_react_1.observer)(({ onClose, style, renderActions, renderTitle, className, ...props }) => {
+    const ref = (0, react_1.useRef)();
+    const prefix = (0, hooks_1.usePrefix)('outline-tree');
+    const workbench = (0, hooks_1.useWorkbench)();
+    const current = (workbench === null || workbench === void 0 ? void 0 : workbench.activeWorkspace) || (workbench === null || workbench === void 0 ? void 0 : workbench.currentWorkspace);
+    const workspaceId = current === null || current === void 0 ? void 0 : current.id;
+    const tree = (0, hooks_1.useTree)(workspaceId);
+    const outline = (0, hooks_1.useOutline)(workspaceId);
+    const outlineRef = (0, react_1.useRef)();
+    (0, react_1.useLayoutEffect)(() => {
+        if (!workspaceId)
+            return;
+        if (outlineRef.current && outlineRef.current !== outline) {
+            outlineRef.current.onUnmount();
+        }
+        if (ref.current && outline) {
+            outline.onMount(ref.current, shared_1.globalThisPolyfill);
+        }
+        outlineRef.current = outline;
+        return () => {
+            outline.onUnmount();
+        };
+    }, [workspaceId, outline]);
+    if (!outline || !workspaceId)
+        return null;
+    return (react_1.default.createElement(context_1.NodeContext.Provider, { value: { renderActions, renderTitle } },
+        react_1.default.createElement("div", { ...props, className: (0, classnames_1.default)(prefix + '-container', className), style: style },
+            react_1.default.createElement("div", { className: prefix + '-content', ref: ref },
+                react_1.default.createElement(OutlineNode_1.OutlineTreeNode, { node: tree, workspaceId: workspaceId }),
+                react_1.default.createElement("div", { className: prefix + '-aux', style: {
+                        pointerEvents: 'none',
+                    } },
+                    react_1.default.createElement(Insertion_1.Insertion, { workspaceId: workspaceId }))))));
+});

package/lib/widgets/OutlineWidget/styles.less

@@ -0,0 +1,195 @@
+@import '../../variables.less';
+
+.@{prefix-cls}-outline-tree {
+  &-container {
+    position: relative;
+    min-height: 100px;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
+    background-color: var(--dn-outline-tree-bg-color);
+  }
+
+  &-header {
+    display: flex;
+    padding: 8px;
+    justify-content: space-between;
+    align-items: center;
+    border-bottom: 1px solid var(--dn-outline-tree-header-border-color);
+    color: var(--dn-outline-tree-color);
+  }
+
+  &-title {
+    font-size: 16px;
+    font-weight: 500;
+  }
+
+  &-close {
+    display: flex;
+    align-items: center;
+    transform: scale(1.6);
+    cursor: pointer;
+  }
+
+  &-content {
+    position: relative;
+    flex-grow: 1;
+    height: 100%;
+    width: 100%;
+    padding-bottom: 20px;
+    overflow: overlay;
+  }
+
+  &-aux {
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
+
+  &-insertion {
+    background-color: var(--dn-outline-tree-insertion-bg-color);
+  }
+
+  &-node {
+    position: relative;
+    user-select: none;
+    width: fit-content;
+    min-width: 100%;
+
+    &.expanded {
+      & > .@{prefix-cls}-outline-tree-node-header {
+        .@{prefix-cls}-outline-tree-node-expand {
+          transform: rotate(0);
+        }
+      }
+
+      & > .@{prefix-cls}-outline-tree-node-children {
+        display: block;
+      }
+    }
+
+    &.selected {
+      & > .@{prefix-cls}-outline-tree-node-header {
+        background-color: var(--dn-panel-active-bg-color);
+
+        .@{prefix-cls}-outline-tree-node-header-head {
+          background-color: var(--dn-panel-active-bg-color);
+        }
+      }
+    }
+
+    &.droppable {
+      & > .@{prefix-cls}-outline-tree-node-header {
+        .@{prefix-cls}-outline-tree-node-header-content {
+          .@{prefix-cls}-outline-tree-node-header-base {
+            & > .@{prefix-cls}-outline-tree-node-icon {
+              transform: scale(1.2);
+            }
+          }
+        }
+      }
+    }
+
+    &-hidden-icon:not(.hidden) {
+      display: none;
+    }
+
+    &-header {
+      display: flex;
+      min-height: 32px;
+      width: fit-content;
+      min-width: 100%;
+      align-items: center;
+      color: var(--dn-outline-tree-node-header-color);
+      position: relative;
+      padding-left: 8px;
+
+      &:hover {
+        .@{prefix-cls}-outline-tree-node-header-content {
+          color: var(--dn-outline-tree-node-hover-color);
+        }
+
+        .@{prefix-cls}-outline-tree-node-hidden-icon {
+          display: block;
+        }
+      }
+    }
+
+    &-header-head {
+      position: absolute;
+      top: 0;
+      left: 0;
+      height: 100%;
+      pointer-events: none;
+    }
+
+    &-header-content {
+      display: flex;
+      align-items: center;
+      transition: all 0.15s ease-in;
+      transform-origin: left;
+      width: fit-content;
+      min-width: 100%;
+      height: 100%;
+      justify-content: space-between;
+      font-size: 12px;
+    }
+
+    &-header-base {
+      display: flex;
+      align-items: center;
+    }
+
+    &-header-actions {
+      display: flex;
+      align-items: center;
+      margin-right: 8px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+    &-expand {
+      display: flex;
+      align-items: center;
+      transition: all 0.15s ease-out;
+      transform: rotate(-90deg);
+      margin-right: 3px;
+      width: 12px;
+    }
+
+    &-icon {
+      margin-right: 5px;
+      display: flex;
+      align-items: center;
+      font-size: 12px;
+      text-rendering: optimizeLegibility;
+      -webkit-font-smoothing: antialiased;
+      -moz-osx-font-smoothing: grayscale;
+    }
+
+    &-title {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      margin-right: 100px;
+    }
+
+    &-actions {
+      font-size: 12px;
+      flex-grow: 2;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+    &-children {
+      padding-left: 16px;
+      display: none;
+      width: fit-content;
+      min-width: 100%;
+    }
+  }
+}

package/lib/widgets/ResourceWidget/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { IResourceLike, IResource } from '@formily-design/core';
+import './styles.less';
+export type SourceMapper = (resource: IResource) => React.ReactChild;
+export interface IResourceWidgetProps {
+    title: React.ReactNode;
+    sources?: IResourceLike[];
+    className?: string;
+    defaultExpand?: boolean;
+    children?: SourceMapper | React.ReactElement;
+}
+export declare const ResourceWidget: React.FC<IResourceWidgetProps>;

package/lib/widgets/ResourceWidget/index.js

@@ -0,0 +1,92 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResourceWidget = void 0;
+const react_1 = __importStar(require("react"));
+const core_1 = require("@formily-design/core");
+const shared_1 = require("@formily-design/shared");
+const reactive_react_1 = require("@formily/reactive-react");
+const hooks_1 = require("../../hooks");
+const IconWidget_1 = require("../IconWidget");
+const TextWidget_1 = require("../TextWidget");
+const classnames_1 = __importDefault(require("classnames"));
+require("./styles.less");
+exports.ResourceWidget = (0, reactive_react_1.observer)((props) => {
+    const prefix = (0, hooks_1.usePrefix)('resource');
+    const [expand, setExpand] = (0, react_1.useState)(props.defaultExpand);
+    const renderNode = (source) => {
+        var _a;
+        const { node, icon, title, thumb, span } = source;
+        return (react_1.default.createElement("div", { className: prefix + '-item', style: { gridColumnStart: `span ${span || 1}` }, key: node.id, "data-designer-source-id": node.id },
+            thumb && react_1.default.createElement("img", { className: prefix + '-item-thumb', src: thumb }),
+            icon && react_1.default.isValidElement(icon) ? (react_1.default.createElement(react_1.default.Fragment, null, icon)) : (react_1.default.createElement(IconWidget_1.IconWidget, { className: prefix + '-item-icon', infer: icon, style: { width: 150, height: 40 } })),
+            react_1.default.createElement("span", { className: prefix + '-item-text' }, react_1.default.createElement(TextWidget_1.TextWidget, null, title || ((_a = node.children[0]) === null || _a === void 0 ? void 0 : _a.getMessage('title'))))));
+    };
+    const sources = props.sources.reduce((buf, source) => {
+        if ((0, core_1.isResourceList)(source)) {
+            return buf.concat(source);
+        }
+        else if ((0, core_1.isResourceHost)(source)) {
+            return buf.concat(source.Resource);
+        }
+        return buf;
+    }, []);
+    const remainItems = sources.reduce((length, source) => {
+        var _a;
+        return length + ((_a = source.span) !== null && _a !== void 0 ? _a : 1);
+    }, 0) % 3;
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(prefix, props.className, {
+            expand,
+        }) },
+        react_1.default.createElement("div", { className: prefix + '-header', onClick: (e) => {
+                e.stopPropagation();
+                e.preventDefault();
+                setExpand(!expand);
+            } },
+            react_1.default.createElement("div", { className: prefix + '-header-expand' },
+                react_1.default.createElement(IconWidget_1.IconWidget, { infer: "Expand", size: 10 })),
+            react_1.default.createElement("div", { className: prefix + '-header-content' },
+                react_1.default.createElement(TextWidget_1.TextWidget, null, props.title))),
+        react_1.default.createElement("div", { className: prefix + '-content-wrapper' },
+            react_1.default.createElement("div", { className: prefix + '-content' },
+                sources.map((0, shared_1.isFn)(props.children) ? props.children : renderNode),
+                remainItems ? (react_1.default.createElement("div", { className: prefix + '-item-remain', style: { gridColumnStart: `span ${3 - remainItems}` } })) : null))));
+});
+exports.ResourceWidget.defaultProps = {
+    defaultExpand: true,
+};

package/lib/widgets/ResourceWidget/styles.less

@@ -0,0 +1,87 @@
+@import '../../variables.less';
+
+.@{prefix-cls}-resource {
+  flex-wrap: wrap;
+  overflow: hidden;
+
+  &-header {
+    display: flex;
+    align-items: center;
+    padding: 5px 8px;
+    color: var(--dn-collapse-header-color);
+    border-bottom: 1px solid var(--dn-panel-border-color);
+    background-color: var(--dn-panel-active-bg-color);
+    cursor: pointer;
+    transition: all 0.25s ease-in-out;
+    font-size: 13px;
+
+    &-expand {
+      transform: rotate(-90deg);
+      font-size: 12px;
+      transition: all 0.15s ease-in-out;
+      margin-right: 3px;
+    }
+  }
+
+  &-content-wrapper {
+    display: flex;
+    justify-content: center;
+    background: var(--dn-resource-content-bg-color);
+  }
+
+  &-content {
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+    display: none;
+  }
+
+  &.expand {
+    .@{prefix-cls}-resource-content {
+      display: grid;
+      grid-template-columns: repeat(3, 33.3333%);
+      grid-gap: 1px;
+      background-color: var(--dn-panel-border-color);
+      border-bottom: 1px solid var(--dn-panel-border-color);
+    }
+
+    .@{prefix-cls}-resource-header-expand {
+      transform: rotate(0);
+    }
+  }
+
+  &-item {
+    position: relative;
+    user-select: none;
+    background: var(--dn-resource-content-bg-color);
+    min-height: 40px;
+    color: var(--dn-resource-item-color);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    cursor: grab;
+    transition: color 0.1s ease-out;
+
+    &:hover {
+      color: var(--dn-resource-item-hover-color);
+      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+      z-index: 1;
+    }
+
+    &-icon {
+      margin: 12px 0;
+    }
+
+    &-text {
+      text-align: center;
+      font-size: 12px;
+      line-height: 1;
+      margin-bottom: 12px;
+    }
+
+    &-remain {
+      background: var(--dn-resource-content-bg-color);
+    }
+  }
+}

package/lib/widgets/TextWidget/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { IDesignerMiniLocales } from '@formily-design/core';
+export interface ITextWidgetProps {
+    children?: React.ReactNode;
+    componentName?: string;
+    sourceName?: string;
+    token?: string | IDesignerMiniLocales;
+    defaultMessage?: string | IDesignerMiniLocales;
+}
+export declare const TextWidget: React.FC<ITextWidgetProps>;

package/lib/widgets/TextWidget/index.js

@@ -0,0 +1,68 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextWidget = void 0;
+const react_1 = __importStar(require("react"));
+const shared_1 = require("@formily-design/shared");
+const core_1 = require("@formily-design/core");
+const reactive_react_1 = require("@formily/reactive-react");
+exports.TextWidget = (0, reactive_react_1.observer)((props) => {
+    const takeLocale = (message) => {
+        if ((0, shared_1.isStr)(message))
+            return message;
+        if ((0, shared_1.isPlainObj)(message)) {
+            const lang = core_1.GlobalRegistry.getDesignerLanguage();
+            for (let key in message) {
+                if (key.toLocaleLowerCase() === lang)
+                    return message[key];
+            }
+            return;
+        }
+        return message;
+    };
+    const takeMessage = (token) => {
+        if (!token)
+            return;
+        const message = (0, shared_1.isStr)(token)
+            ? core_1.GlobalRegistry.getDesignerMessage(token)
+            : token;
+        if (message)
+            return takeLocale(message);
+        return token;
+    };
+    return (react_1.default.createElement(react_1.Fragment, null, takeMessage(props.children) ||
+        takeMessage(props.token) ||
+        takeMessage(props.defaultMessage)));
+});

package/lib/widgets/ViewToolsWidget/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { WorkbenchTypes } from '@formily-design/core';
+export interface IViewToolsWidget {
+    use?: WorkbenchTypes[];
+    style?: React.CSSProperties;
+    className?: string;
+}
+export declare const ViewToolsWidget: React.FC<IViewToolsWidget>;

package/lib/widgets/ViewToolsWidget/index.js

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViewToolsWidget = void 0;
+const react_1 = __importDefault(require("react"));
+const antd_1 = require("antd");
+const reactive_react_1 = require("@formily/reactive-react");
+const IconWidget_1 = require("../IconWidget");
+const hooks_1 = require("../../hooks");
+const classnames_1 = __importDefault(require("classnames"));
+exports.ViewToolsWidget = (0, reactive_react_1.observer)(({ use, style, className }) => {
+    const workbench = (0, hooks_1.useWorkbench)();
+    const prefix = (0, hooks_1.usePrefix)('view-tools');
+    return (react_1.default.createElement(antd_1.Button.Group, { style: style, className: (0, classnames_1.default)(prefix, className) },
+        use.includes('DESIGNABLE') && (react_1.default.createElement(antd_1.Button, { disabled: workbench.type === 'DESIGNABLE', onClick: () => {
+                workbench.type = 'DESIGNABLE';
+            }, size: "small" },
+            react_1.default.createElement(IconWidget_1.IconWidget, { infer: "Design" }))),
+        use.includes('JSONTREE') && (react_1.default.createElement(antd_1.Button, { disabled: workbench.type === 'JSONTREE', onClick: () => {
+                workbench.type = 'JSONTREE';
+            }, size: "small" },
+            react_1.default.createElement(IconWidget_1.IconWidget, { infer: "JSON" }))),
+        use.includes('MARKUP') && (react_1.default.createElement(antd_1.Button, { disabled: workbench.type === 'MARKUP', onClick: () => {
+                workbench.type = 'MARKUP';
+            }, size: "small" },
+            react_1.default.createElement(IconWidget_1.IconWidget, { infer: "Code" }))),
+        use.includes('PREVIEW') && (react_1.default.createElement(antd_1.Button, { disabled: workbench.type === 'PREVIEW', onClick: () => {
+                workbench.type = 'PREVIEW';
+            }, size: "small" },
+            react_1.default.createElement(IconWidget_1.IconWidget, { infer: "Play" })))));
+});
+exports.ViewToolsWidget.defaultProps = {
+    use: ['DESIGNABLE', 'JSONTREE', 'PREVIEW'],
+};

package/lib/widgets/index.d.ts

@@ -0,0 +1,15 @@
+export * from './AuxToolWidget';
+export * from './ComponentTreeWidget';
+export * from './DesignerToolsWidget';
+export * from './ViewToolsWidget';
+export * from './ResourceWidget';
+export * from './GhostWidget';
+export * from './EmptyWidget';
+export * from './OutlineWidget';
+export * from './IconWidget';
+export * from './TextWidget';
+export * from './HistoryWidget';
+export * from './NodePathWidget';
+export * from './NodeTitleWidget';
+export * from './DroppableWidget';
+export * from './NodeActionsWidget';

package/lib/widgets/index.js

@@ -0,0 +1,31 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./AuxToolWidget"), exports);
+__exportStar(require("./ComponentTreeWidget"), exports);
+__exportStar(require("./DesignerToolsWidget"), exports);
+__exportStar(require("./ViewToolsWidget"), exports);
+__exportStar(require("./ResourceWidget"), exports);
+__exportStar(require("./GhostWidget"), exports);
+__exportStar(require("./EmptyWidget"), exports);
+__exportStar(require("./OutlineWidget"), exports);
+__exportStar(require("./IconWidget"), exports);
+__exportStar(require("./TextWidget"), exports);
+__exportStar(require("./HistoryWidget"), exports);
+__exportStar(require("./NodePathWidget"), exports);
+__exportStar(require("./NodeTitleWidget"), exports);
+__exportStar(require("./DroppableWidget"), exports);
+__exportStar(require("./NodeActionsWidget"), exports);