chore(release): publish

- @music163/tango-designer@1.2.3 - @music163/tango-setting-form@1.2.4 - @music163/tango-ui@1.2.3
fix: optimize variable panel scroll ui & onCancel bug (#166 )
2026-09-01 04:19:05 +08:00 · 2024-05-30 17:05:52 +08:00 · 2024-05-30 14:06:12 +08:00 · 2024-05-29 15:26:00 +08:00
13 changed files with 114 additions and 13 deletions
@@ -56,7 +56,7 @@ const tangoConfigJson = {
    },
    '@music163/antd': {
      description: '云音乐低代码中后台应用基础物料',
-      version: '0.2.5',
+      version: '0.2.6',
      library: 'TangoAntd',
      type: 'baseDependency',
      resources: [
@@ -0,0 +1,43 @@
+import React from 'react';
+import { DragPanel } from '@music163/tango-ui';
+import { Box, Text } from 'coral-system';
+import { Button } from 'antd';
+
+export default {
+  title: 'UI/DragPanel',
+};
+
+export function Basic() {
+  return (
+    <DragPanel
+      title="弹层标题"
+      extra="右上角内容"
+      width={350}
+      body={<Box p="m">内容</Box>}
+      footer={<Text>底部信息</Text>}
+    >
+      <Button>点击唤起浮层</Button>
+    </DragPanel>
+  );
+}
+
+export function FooterCustom() {
+  return (
+    <DragPanel
+      title="弹层标题"
+      extra="右上角内容"
+      width={350}
+      body={<Box p="m">内容</Box>}
+      footer={(close) => (
+        <Box display="flex" justifyContent="space-between">
+          <Text>底部信息</Text>
+          <Button size="small" onClick={() => close()}>
+            点此关闭
+          </Button>
+        </Box>
+      )}
+    >
+      <Button>点击唤起浮层</Button>
+    </DragPanel>
+  );
+}
@@ -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.2.3](https://github.com/netease/tango/compare/@music163/tango-designer@1.2.2...@music163/tango-designer@1.2.3) (2024-05-30)
+
+### Bug Fixes
+
+- optimize variable panel scroll ui & onCancel bug ([#166](https://github.com/netease/tango/issues/166)) ([a0ed57f](https://github.com/netease/tango/commit/a0ed57ff4f332bd88749b8b1925bdb29319e4d13))
+
 ## [1.2.2](https://github.com/netease/tango/compare/@music163/tango-designer@1.2.1...@music163/tango-designer@1.2.2) (2024-05-27)

 ### Bug Fixes
@@ -1,6 +1,6 @@
 {
  "name": "@music163/tango-designer",
-  "version": "1.2.2",
+  "version": "1.2.3",
  "description": "lowcode designer",
  "keywords": [
    "react"
@@ -37,8 +37,8 @@
    "@music163/tango-core": "^1.2.0",
    "@music163/tango-helpers": "^1.1.1",
    "@music163/tango-sandbox": "^1.0.4",
-    "@music163/tango-setting-form": "^1.2.3",
-    "@music163/tango-ui": "^1.2.2",
+    "@music163/tango-setting-form": "^1.2.4",
+    "@music163/tango-ui": "^1.2.3",
    "antd": "^4.24.2",
    "cash-dom": "^8.1.2",
    "classnames": "^2.5.1",
@@ -166,7 +166,7 @@ export function VariableTree(props: VariableTreeProps) {

  return (
    <Box display="flex" columnGap="l" className="VariableTree" css={varTreeStyle} {...rest}>
-      <Box className="VariableList" width="40%">
+      <Box className="VariableList" width="40%" overflow="auto">
        {renderHeaderExtra?.(props, state)}
        <Box mb="m" position="sticky" top="0" bg="white" zIndex={2}>
          <Search placeholder="请输入变量名" onChange={(val) => setKeyword(val?.trim())} />
@@ -203,7 +203,11 @@ export function VariableTree(props: VariableTreeProps) {
                  <Box flex="0 0 72px" textAlign="right">
                    {node.showRemoveButton && (
                      <Popconfirm
+                        zIndex={99999}
                        title={`确认删除吗 ${node.title}？该操作会导致引用此模型的代码报错，请谨慎操作！`}
+                        onCancel={(e) => {
+                          e.stopPropagation();
+                        }}
                        onConfirm={(e) => {
                          e.stopPropagation();
                          if (isStoreVariablePath(node.key)) {
@@ -333,7 +337,14 @@ export function VariableTree(props: VariableTreeProps) {
                      }}
                    />
                  ) : (
-                    <ValueDefine data={activeNode} onSave={onUpdateStoreVariable} />
+                    <ValueDefine
+                      data={activeNode}
+                      onSave={(variableKey, code) => {
+                        onUpdateStoreVariable(variableKey, code);
+                        // 更新当前节点 code
+                        setActiveNode((pre) => ({ ...pre, raw: code }));
+                      }}
+                    />
                  )
                }
              </ValueDetail>
@@ -84,6 +84,8 @@ export function ValueDefine({ data, onSave = noop }: ValueDefineProps) {
              onClick={() => {
                off();
                setError('');
+                // 重置到原始值
+                setValue(data.raw);
              }}
            >
              取消
@@ -29,7 +29,7 @@ export const VariablePanel = observer(
            新建模型
          </Button>
        }
-        bodyProps={{ p: 'm' }}
+        bodyProps={{ p: 'm', height: '100%' }}
      >
        {isAdd ? (
          <AddStoreForm
@@ -42,6 +42,7 @@ export const VariablePanel = observer(
          />
        ) : (
          <VariableTree
+            height="100%"
            defaultValueDetailMode="define"
            dataSource={storeVariables}
            onAddStoreVariable={(storeName, data) => {
@@ -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.2.4](https://github.com/netease/tango/compare/@music163/tango-setting-form@1.2.3...@music163/tango-setting-form@1.2.4) (2024-05-30)
+
+**Note:** Version bump only for package @music163/tango-setting-form
+
 ## [1.2.3](https://github.com/netease/tango/compare/@music163/tango-setting-form@1.2.2...@music163/tango-setting-form@1.2.3) (2024-05-27)

 **Note:** Version bump only for package @music163/tango-setting-form
@@ -1,6 +1,6 @@
 {
  "name": "@music163/tango-setting-form",
-  "version": "1.2.3",
+  "version": "1.2.4",
  "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.2.0",
    "@music163/tango-helpers": "^1.1.1",
-    "@music163/tango-ui": "^1.2.2",
+    "@music163/tango-ui": "^1.2.3",
    "antd": "^4.24.2",
    "coral-system": "^1.0.5",
    "mobx": "6.12.3",
@@ -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.2.3](https://github.com/netease/tango/compare/@music163/tango-ui@1.2.2...@music163/tango-ui@1.2.3) (2024-05-30)
+
+### Bug Fixes
+
+- popover re-click position bug & drag panel drag bug ([#165](https://github.com/netease/tango/issues/165)) ([f83c6bc](https://github.com/netease/tango/commit/f83c6bc0f69820582720512eefedc9ddf5db2975))
+
 ## [1.2.2](https://github.com/netease/tango/compare/@music163/tango-ui@1.2.1...@music163/tango-ui@1.2.2) (2024-05-27)

 ### Bug Fixes
@@ -1,6 +1,6 @@
 {
  "name": "@music163/tango-ui",
-  "version": "1.2.2",
+  "version": "1.2.3",
  "description": "ui widgets of tango",
  "keywords": [
    "react",
@@ -5,6 +5,24 @@ import Draggable from 'react-draggable';
 import { CloseOutlined } from '@ant-design/icons';
 import { noop } from '@music163/tango-helpers';

+// Dragging over an iframe stops dragging when moving the mouse too fast #613
+// https://github.com/react-grid-layout/react-draggable/issues/613
+const injectStyleToBody = () => {
+  const id = 'react-draggable-transparent-selection';
+  if (document.getElementById(id)) {
+    return;
+  }
+  const style = document.createElement('style');
+  style.id = id;
+  style.innerHTML = `
+  /* Prevent iframes from stealing drag events */
+  .react-draggable-transparent-selection iframe {
+    pointer-events: none;
+  }
+  `;
+  document.head.appendChild(style);
+};
+
 const CloseIcon = styled(CloseOutlined)`
  cursor: pointer;
  margin-left: 10px;
@@ -17,7 +35,7 @@ const CloseIcon = styled(CloseOutlined)`
  }
 `;

-interface DragPanelProps extends Omit<PopoverProps, 'overlay'> {
+interface DragPanelProps extends Omit<PopoverProps, 'overlay' | 'open'> {
  // 标题
  title?: React.ReactNode | string;
  // 内容
@@ -59,7 +77,12 @@ export function DragPanel({
        onOpenChange(innerOpen);
      }}
      overlay={
-        <Draggable handle=".selection-drag-bar">
+        <Draggable
+          handle=".selection-drag-bar"
+          onStart={() => {
+            injectStyleToBody();
+          }}
+        >
          <Box
            bg="#FFF"
            borderRadius="m"
@@ -97,6 +97,11 @@ export const Popover: React.FC<PopoverProps> = ({
  const handleClick = useCallback(
    (e: React.MouseEvent) => {
      e.preventDefault();
+      if (visible) {
+        setVisible(false);
+        onOpenChange(false);
+        return;
+      }
      const x = e.clientX;
      const y = e.clientY;
      setLeft(x);
@@ -104,7 +109,7 @@ export const Popover: React.FC<PopoverProps> = ({
      setVisible(true);
      onOpenChange(true);
    },
-    [onOpenChange],
+    [visible, onOpenChange],
  );

  useEffect(() => {
Author	SHA1	Message	Date
Wells	253ceca969	chore(release): publish - @music163/tango-designer@1.2.3 - @music163/tango-setting-form@1.2.4 - @music163/tango-ui@1.2.3	2024-05-30 17:05:52 +08:00
BoBoooooo	a0ed57ff4f	fix: optimize variable panel scroll ui & onCancel bug (#166 )	2024-05-30 14:06:12 +08:00
BoBoooooo	f83c6bc0f6	fix: popover re-click position bug & drag panel drag bug (#165 ) * fix: popover reClick position bug * fix: drag event lose when drag over iframe	2024-05-29 15:26:00 +08:00