chore(release): publish

- @music163/tango-designer@1.0.0-alpha.14 - @music163/tango-setting-form@1.0.0-alpha.12 - @music163/tango-ui@1.0.0-alpha.10
fix: select outline node & render dependency list (#118 )
2026-09-03 14:37:28 +08:00 · 2024-03-19 19:19:42 +08:00 · 2024-03-19 19:16:05 +08:00
11 changed files with 59 additions and 44 deletions
--- a/packages/designer/CHANGELOG.md
+++ b/packages/designer/CHANGELOG.md
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+# [1.0.0-alpha.14](https://github.com/netease/tango/compare/@music163/tango-designer@1.0.0-alpha.13...@music163/tango-designer@1.0.0-alpha.14) (2024-03-19)
+
+### Bug Fixes
+
+- select outline node & render dependency list ([#118](https://github.com/netease/tango/issues/118)) ([07febb3](https://github.com/netease/tango/commit/07febb385f710f9a0bc43639ce22787bb05e97ed))
+
 # [1.0.0-alpha.13](https://github.com/netease/tango/compare/@music163/tango-designer@1.0.0-alpha.12...@music163/tango-designer@1.0.0-alpha.13) (2024-03-18)

 ### Bug Fixes
--- a/packages/designer/package.json
+++ b/packages/designer/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@music163/tango-designer",
-  "version": "1.0.0-alpha.13",
+  "version": "1.0.0-alpha.14",
  "description": "lowcode designer",
  "keywords": [
    "react"
@@ -37,8 +37,8 @@
    "@music163/tango-core": "^1.0.0-alpha.8",
    "@music163/tango-helpers": "^1.0.0-alpha.4",
    "@music163/tango-sandbox": "^1.0.0-alpha.8",
-    "@music163/tango-setting-form": "^1.0.0-alpha.11",
-    "@music163/tango-ui": "^1.0.0-alpha.9",
+    "@music163/tango-setting-form": "^1.0.0-alpha.12",
+    "@music163/tango-ui": "^1.0.0-alpha.10",
    "antd": "^4.24.2",
    "cash-dom": "^8.1.2",
    "classnames": "^2.3.2",
--- a/packages/designer/src/sidebar/dependency-panel.tsx
+++ b/packages/designer/src/sidebar/dependency-panel.tsx
@@ -10,7 +10,6 @@ import {
  Popconfirm,
  Radio,
  message,
-  Tag,
  Checkbox,
  ModalProps,
 } from 'antd';
@@ -18,7 +17,7 @@ import { FormListProps } from 'antd/lib/form';
 import { Box, Text } from 'coral-system';
 import semverLt from 'semver/functions/lt';
 import semverValid from 'semver/functions/valid';
-import { ConfigGroup, ConfigItem } from '@music163/tango-ui';
+import { ColorTag, ConfigGroup, ConfigItem } from '@music163/tango-ui';
 import { MinusCircleOutlined, PlusOutlined, QuestionCircleOutlined } from '@ant-design/icons';
 import { useBoolean } from '@music163/tango-helpers';
 import { isUndefined } from 'lodash-es';
@@ -101,8 +100,8 @@ export const DependencyPanel = observer(
        />
        <ConfigGroup
          title={
-            <>
-              基础包&nbsp;
+            <div>
+              基础包
              <Tooltip
                title={
                  <>
@@ -115,7 +114,7 @@ export const DependencyPanel = observer(
              >
                <QuestionCircleOutlined />
              </Tooltip>
-            </>
+            </div>
          }
          key={DependencyItemType.基础包}
        >
@@ -332,25 +331,19 @@ function RenderItem({
    const packageJsonIncluded = !!dependencies?.[name];
    const tangoConfigJsonIncluded = !!packageInfo;

-    return [
-      hasUmd && (
-        <Tooltip title="该依赖拥有 UMD 资源，可优化加载速度">
-          <Tag key="hasUmd" color="green">
+    return (
+      <Box display="inline-block">
+        {hasUmd && (
+          <ColorTag key="hasUmd" color="green" tooltip="该依赖拥有 UMD 资源，可优化加载速度">
            UMD
-          </Tag>
-        </Tooltip>
-      ),
-      packageJsonIncluded && (
-        <Tooltip title="此依赖在 package.json 中存在">
-          <Tag key="packageJson">package</Tag>
-        </Tooltip>
-      ),
-      tangoConfigJsonIncluded && (
-        <Tooltip title="此依赖在 tango.config.json 中存在">
-          <Tag key="tangoConfigJson">tango.config</Tag>
-        </Tooltip>
-      ),
-    ].filter((e) => e);
+          </ColorTag>
+        )}
+        {packageJsonIncluded && <ColorTag tooltip="此依赖在 package.json 中存在">package</ColorTag>}
+        {tangoConfigJsonIncluded && (
+          <ColorTag tooltip="此依赖在 tango.config.json 中存在">tango.config</ColorTag>
+        )}
+      </Box>
+    );
  }, [showTags, workspace, record]);

  return (
--- a/packages/designer/src/sidebar/outline-panel/components-tree.tsx
+++ b/packages/designer/src/sidebar/outline-panel/components-tree.tsx
@@ -172,12 +172,7 @@ export const ComponentsTree: React.FC<ComponentsTreeProps> = observer(
            const slotKey = keys?.[0] as string;
            const data = sandboxQuery.getDraggableParentsData(buildQueryBySlotId(slotKey), true);
            if (data && data.id) {
-              workspace.selectSource.select({
-                id: data.id,
-                name: data.name,
-                bounding: data.bounding,
-                parents: data.parents,
-              });
+              workspace.selectSource.select(data);
            }
            // export selected
            onSelect(slotKey);
--- a/packages/designer/src/simulator/selection.tsx
+++ b/packages/designer/src/simulator/selection.tsx
@@ -1,11 +1,11 @@
 import React from 'react';
 import styled, { css, keyframes } from 'styled-components';
 import { Box, Button, Group, HTMLCoralProps } from 'coral-system';
-import { Dropdown, DropdownProps } from 'antd';
+import { Dropdown, DropdownProps, Tooltip } from 'antd';
 import { PlusSquareOutlined, HolderOutlined, InfoCircleOutlined } from '@ant-design/icons';
 import { ISelectedItemData, isString, noop } from '@music163/tango-helpers';
 import { observer, useDesigner, useWorkspace } from '@music163/tango-context';
-import { Action, IconFont } from '@music163/tango-ui';
+import { IconFont } from '@music163/tango-ui';
 import { getDragGhostElement } from '../helpers';
 import { getWidget } from '../widgets';

@@ -179,13 +179,9 @@ function SelectionBox({ showActions, actions, data }: SelectionBoxProps) {
                  }}
                />
                {!isFromCurrentFile && (
-                  <Action
-                    as="span"
-                    color="white"
-                    tooltip={`该节点来自其他文件（${data.filename}）`}
-                    icon={<InfoCircleOutlined />}
-                    size="small"
-                  />
+                  <Tooltip title={`该节点来自其他文件（${data.filename}）`}>
+                    <InfoCircleOutlined />
+                  </Tooltip>
                )}
              </>
            }
--- a/packages/setting-form/CHANGELOG.md
+++ b/packages/setting-form/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+# [1.0.0-alpha.12](https://github.com/netease/tango/compare/@music163/tango-setting-form@1.0.0-alpha.11...@music163/tango-setting-form@1.0.0-alpha.12) (2024-03-19)
+
+**Note:** Version bump only for package @music163/tango-setting-form
+
 # [1.0.0-alpha.11](https://github.com/netease/tango/compare/@music163/tango-setting-form@1.0.0-alpha.10...@music163/tango-setting-form@1.0.0-alpha.11) (2024-03-18)

 ### Bug Fixes
--- a/packages/setting-form/package.json
+++ b/packages/setting-form/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@music163/tango-setting-form",
-  "version": "1.0.0-alpha.11",
+  "version": "1.0.0-alpha.12",
  "description": "setting form of tango-apps",
  "author": "wwsun <ww.sun@outlook.com>",
  "homepage": "",
@@ -30,7 +30,7 @@
    "@ant-design/icons": "^4.8.0",
    "@music163/tango-core": "^1.0.0-alpha.8",
    "@music163/tango-helpers": "^1.0.0-alpha.4",
-    "@music163/tango-ui": "^1.0.0-alpha.9",
+    "@music163/tango-ui": "^1.0.0-alpha.10",
    "antd": "^4.24.2",
    "coral-system": "^1.0.5",
    "mobx": "6.12.0",
--- a/packages/ui/CHANGELOG.md
+++ b/packages/ui/CHANGELOG.md
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+# [1.0.0-alpha.10](https://github.com/netease/tango/compare/@music163/tango-ui@1.0.0-alpha.9...@music163/tango-ui@1.0.0-alpha.10) (2024-03-19)
+
+### Bug Fixes
+
+- select outline node & render dependency list ([#118](https://github.com/netease/tango/issues/118)) ([07febb3](https://github.com/netease/tango/commit/07febb385f710f9a0bc43639ce22787bb05e97ed))
+
 # [1.0.0-alpha.9](https://github.com/netease/tango/compare/@music163/tango-ui@1.0.0-alpha.8...@music163/tango-ui@1.0.0-alpha.9) (2024-03-18)

 **Note:** Version bump only for package @music163/tango-ui
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@music163/tango-ui",
-  "version": "1.0.0-alpha.9",
+  "version": "1.0.0-alpha.10",
  "description": "ui widgets of tango",
  "keywords": [
    "react",
--- a/packages/ui/src/color-tag.tsx
+++ b/packages/ui/src/color-tag.tsx
@@ -0,0 +1,14 @@
+import { Tag, TagProps, Tooltip } from 'antd';
+import React from 'react';
+
+interface ColorTagProps extends TagProps {
+  tooltip?: string;
+}
+
+export function ColorTag({ tooltip, children, ...rest }: ColorTagProps) {
+  const tag = <Tag {...rest}>{children}</Tag>;
+  if (tooltip) {
+    return <Tooltip title={tooltip}>{tag}</Tooltip>;
+  }
+  return tag;
+}
--- a/packages/ui/src/index.ts
+++ b/packages/ui/src/index.ts
@@ -7,6 +7,7 @@ export * from './chat-input';
 export * from './error-boundary';
 export * from './file-explorer';
 export * from './collapse-panel';
+export * from './color-tag';
 export * from './iconfont';
 export * from './menu';
 export * from './panel';