@gingkoo/pandora-metabase 1.0.82 → 1.0.83

package/lib/cjs/components/modules/permission-table.js

@@ -14,6 +14,7 @@ var _dialog = require("../dialog");
 var _Wrapper = _interopRequireDefault(require("./components/Wrapper"));
 var _metaIcon = _interopRequireDefault(require("./components/meta-icon"));
 var _header = _interopRequireDefault(require("./components/header"));
+var _itemWrapper = _interopRequireDefault(require("./components/item-wrapper"));
 var _useProvider = require("../../hooks/use-provider");
 var _helper = require("../../utils/helper");
 var _itemName = _interopRequireDefault(require("./components/item-name"));
@@ -119,23 +120,28 @@ var PermissionTable = function PermissionTable(props) {
       className: "Sqb-hover-parent",
       children: [(0, _jsxRuntime.jsx)(_header["default"], {
         meta: meta,
+        groupIndex: groupIndex,
         className: 'gray-text',
         title: (0, _locale.__)('SqlQueryBuilder.permissionTable'),
         onClose: function onClose() {
           return store.delMeta(meta, groupIndex);
         }
-      }), (0, _jsxRuntime.jsx)("div", {
-        className: "Sqb-item--content",
+      }), (0, _jsxRuntime.jsx)(_itemWrapper["default"], {
+        meta: meta,
+        groupIndex: groupIndex,
         children: (0, _jsxRuntime.jsx)("div", {
-          className: "Sqb-NotebookCell gray-bg",
-          children: (0, _jsxRuntime.jsx)(_itemName["default"], {
-            isError: tableIsError(),
-            children: (0, _jsxRuntime.jsx)("div", {
-              className: (0, _classnames["default"])("Sqb-TableName", {
-                notSelected: !selected
-              }),
-              onClick: selectTable,
-              children: selected ? "".concat(meta.table.datasourceName ? "".concat(meta.table.datasourceName, ".") : '').concat(meta.table.name === _helper2.SummarizeAlias ? PrevResult : meta.table.name) : (0, _locale.__)('SqlQueryBuilder.pickPermissionTable')
+          className: "Sqb-item--content",
+          children: (0, _jsxRuntime.jsx)("div", {
+            className: "Sqb-NotebookCell gray-bg",
+            children: (0, _jsxRuntime.jsx)(_itemName["default"], {
+              isError: tableIsError(),
+              children: (0, _jsxRuntime.jsx)("div", {
+                className: (0, _classnames["default"])("Sqb-TableName", {
+                  notSelected: !selected
+                }),
+                onClick: selectTable,
+                children: selected ? "".concat(meta.table.datasourceName ? "".concat(meta.table.datasourceName, ".") : '').concat(meta.table.name === _helper2.SummarizeAlias ? PrevResult : meta.table.name) : (0, _locale.__)('SqlQueryBuilder.pickPermissionTable')
+              })
             })
           })
         })

package/lib/cjs/components/modules/row-limit.js

@@ -13,6 +13,7 @@ var _utils = require("../../utils");
 var _Wrapper = _interopRequireDefault(require("./components/Wrapper"));
 var _metaIcon = _interopRequireDefault(require("./components/meta-icon"));
 var _header = _interopRequireDefault(require("./components/header"));
+var _itemWrapper = _interopRequireDefault(require("./components/item-wrapper"));
 var _useProvider = require("../../hooks/use-provider");
 var RowLimit = function RowLimit(props) {
   var meta = props.meta,
@@ -31,24 +32,29 @@ var RowLimit = function RowLimit(props) {
       className: (0, _classnames["default"])("Sqb-hover-parent"),
       children: [(0, _jsxRuntime.jsx)(_header["default"], {
         meta: meta,
+        groupIndex: groupIndex,
         className: 'gray-text',
         title: (0, _locale.__)('SqlQueryBuilder.rowLimit'),
         onClose: function onClose() {
           return store.delMeta(meta, groupIndex);
         }
-      }), (0, _jsxRuntime.jsx)("div", {
-        className: (0, _classnames["default"])("Sqb-item--content"),
+      }), (0, _jsxRuntime.jsx)(_itemWrapper["default"], {
+        meta: meta,
+        groupIndex: groupIndex,
         children: (0, _jsxRuntime.jsx)("div", {
-          className: (0, _classnames["default"])("Sqb-NotebookCell gray-bg"),
-          children: (0, _jsxRuntime.jsx)(_pandora.InputNumber, {
-            value: meta.limit,
-            min: 1,
-            style: {
-              width: 200
-            },
-            onChange: handleChange,
-            placeholder: (0, _locale.__)('rowLimit.pleaseEnter'),
-            precision: 0
+          className: (0, _classnames["default"])("Sqb-item--content"),
+          children: (0, _jsxRuntime.jsx)("div", {
+            className: (0, _classnames["default"])("Sqb-NotebookCell gray-bg"),
+            children: (0, _jsxRuntime.jsx)(_pandora.InputNumber, {
+              value: meta.limit,
+              min: 1,
+              style: {
+                width: 200
+              },
+              onChange: handleChange,
+              placeholder: (0, _locale.__)('rowLimit.pleaseEnter'),
+              precision: 0
+            })
           })
         })
       }), (0, _jsxRuntime.jsx)(_metaIcon["default"], {

package/lib/cjs/components/modules/sort.js

@@ -19,6 +19,7 @@ var _dialog = require("../dialog");
 var _Wrapper = _interopRequireDefault(require("./components/Wrapper"));
 var _metaIcon = _interopRequireDefault(require("./components/meta-icon"));
 var _header = _interopRequireDefault(require("./components/header"));
+var _itemWrapper = _interopRequireDefault(require("./components/item-wrapper"));
 var _useProvider = require("../../hooks/use-provider");
 var _itemName = _interopRequireDefault(require("./components/item-name"));
 var Sort = function Sort(props) {
@@ -242,39 +243,44 @@ var Sort = function Sort(props) {
       className: (0, _classnames["default"])("Sqb-hover-parent"),
       children: [(0, _jsxRuntime.jsx)(_header["default"], {
         meta: meta,
+        groupIndex: groupIndex,
         className: 'gray-text',
         title: (0, _locale.__)('SqlQueryBuilder.sort'),
         onClose: function onClose() {
           return store.delMeta(meta, groupIndex);
         }
-      }), (0, _jsxRuntime.jsx)("div", {
-        className: (0, _classnames["default"])("Sqb-item--content"),
-        children: (0, _jsxRuntime.jsxs)("div", {
-          className: (0, _classnames["default"])("Sqb-NotebookCell gray-bg"),
-          children: [sort.map(function (v, i) {
-            return (0, _jsxRuntime.jsx)(_itemName["default"], {
-              isError: (0, _utils.isError)(v.expression, getColumns()),
-              children: (0, _jsxRuntime.jsxs)("div", {
-                className: "Sqb-TableName gray-name",
-                onClick: function onClick() {
-                  return handleSort(i);
-                },
-                children: [v.sort === _enum.SortEnum.asc ? (0, _jsxRuntime.jsx)(_icons.UpArrowIcon, {}) : (0, _jsxRuntime.jsx)(_icons.DownArrowIcon, {}), getName(v.expression), (0, _jsxRuntime.jsx)("span", {
-                  style: {
-                    fontSize: 0
-                  },
-                  onClick: function onClick(e) {
-                    return delSortColumn(e, i);
+      }), (0, _jsxRuntime.jsx)(_itemWrapper["default"], {
+        meta: meta,
+        groupIndex: groupIndex,
+        children: (0, _jsxRuntime.jsx)("div", {
+          className: (0, _classnames["default"])("Sqb-item--content"),
+          children: (0, _jsxRuntime.jsxs)("div", {
+            className: (0, _classnames["default"])("Sqb-NotebookCell gray-bg"),
+            children: [sort.map(function (v, i) {
+              return (0, _jsxRuntime.jsx)(_itemName["default"], {
+                isError: (0, _utils.isError)(v.expression, getColumns()),
+                children: (0, _jsxRuntime.jsxs)("div", {
+                  className: "Sqb-TableName gray-name",
+                  onClick: function onClick() {
+                    return handleSort(i);
                   },
-                  children: (0, _jsxRuntime.jsx)(_icons.CloseIcon, {})
-                })]
-              }, i)
-            }, i);
-          }), (0, _jsxRuntime.jsx)("div", {
-            className: "Sqb-TableName gray-name",
-            onClick: addSortColumn,
-            children: (0, _jsxRuntime.jsx)(_icons.AddIcon, {})
-          })]
+                  children: [v.sort === _enum.SortEnum.asc ? (0, _jsxRuntime.jsx)(_icons.UpArrowIcon, {}) : (0, _jsxRuntime.jsx)(_icons.DownArrowIcon, {}), getName(v.expression), (0, _jsxRuntime.jsx)("span", {
+                    style: {
+                      fontSize: 0
+                    },
+                    onClick: function onClick(e) {
+                      return delSortColumn(e, i);
+                    },
+                    children: (0, _jsxRuntime.jsx)(_icons.CloseIcon, {})
+                  })]
+                }, i)
+              }, i);
+            }), (0, _jsxRuntime.jsx)("div", {
+              className: "Sqb-TableName gray-name",
+              onClick: addSortColumn,
+              children: (0, _jsxRuntime.jsx)(_icons.AddIcon, {})
+            })]
+          })
         })
       }), (0, _jsxRuntime.jsx)(_metaIcon["default"], {
         meta: meta,

package/lib/cjs/components/modules/summarize/index.js

@@ -11,6 +11,7 @@ var _locale = require("../../../locale");
 var _Wrapper = _interopRequireDefault(require("../components/Wrapper"));
 var _metaIcon = _interopRequireDefault(require("../components/meta-icon"));
 var _header = _interopRequireDefault(require("../components/header"));
+var _itemWrapper = _interopRequireDefault(require("../components/item-wrapper"));
 var _groupBy = _interopRequireDefault(require("./group-by"));
 var _selectIndex = _interopRequireDefault(require("./select-index"));
 var _useProvider = require("../../../hooks/use-provider");
@@ -24,6 +25,7 @@ var Summarize = function Summarize(props) {
       className: (0, _classnames["default"])("Sqb-hover-parent"),
       children: [(0, _jsxRuntime.jsx)(_header["default"], {
         meta: meta,
+        groupIndex: groupIndex,
         className: 'green-text',
         title: (0, _locale.__)('SqlQueryBuilder.summarize'),
         onClose: function onClose() {
@@ -32,26 +34,30 @@ var Summarize = function Summarize(props) {
           });
           store.delMeta(meta, groupIndex);
         }
-      }), (0, _jsxRuntime.jsx)("div", {
-        className: (0, _classnames["default"])("Sqb-item--content"),
-        children: (0, _jsxRuntime.jsxs)("div", {
-          className: 'flex-row',
-          children: [(0, _jsxRuntime.jsx)("div", {
-            className: "Sqb-NotebookCell green-bg",
-            children: (0, _jsxRuntime.jsx)(_selectIndex["default"], {
-              meta: meta,
-              groupIndex: groupIndex
-            })
-          }), (0, _jsxRuntime.jsx)("div", {
-            className: 'pass',
-            children: (0, _locale.__)('SqlQueryBuilder.by')
-          }), (0, _jsxRuntime.jsx)("div", {
-            className: "Sqb-NotebookCell green-bg",
-            children: (0, _jsxRuntime.jsx)(_groupBy["default"], {
-              meta: meta,
-              groupIndex: groupIndex
-            })
-          })]
+      }), (0, _jsxRuntime.jsx)(_itemWrapper["default"], {
+        meta: meta,
+        groupIndex: groupIndex,
+        children: (0, _jsxRuntime.jsx)("div", {
+          className: (0, _classnames["default"])("Sqb-item--content"),
+          children: (0, _jsxRuntime.jsxs)("div", {
+            className: 'flex-row',
+            children: [(0, _jsxRuntime.jsx)("div", {
+              className: "Sqb-NotebookCell green-bg",
+              children: (0, _jsxRuntime.jsx)(_selectIndex["default"], {
+                meta: meta,
+                groupIndex: groupIndex
+              })
+            }), (0, _jsxRuntime.jsx)("div", {
+              className: 'pass',
+              children: (0, _locale.__)('SqlQueryBuilder.by')
+            }), (0, _jsxRuntime.jsx)("div", {
+              className: "Sqb-NotebookCell green-bg",
+              children: (0, _jsxRuntime.jsx)(_groupBy["default"], {
+                meta: meta,
+                groupIndex: groupIndex
+              })
+            })]
+          })
         })
       }), (0, _jsxRuntime.jsx)(_metaIcon["default"], {
         meta: meta,

package/lib/cjs/components/modules/table-data.js

@@ -27,6 +27,7 @@ var _dialog = require("../dialog");
 var _Wrapper = _interopRequireDefault(require("./components/Wrapper"));
 var _metaIcon = _interopRequireDefault(require("./components/meta-icon"));
 var _header = _interopRequireDefault(require("./components/header"));
+var _itemWrapper = _interopRequireDefault(require("./components/item-wrapper"));
 var _useProvider = require("../../hooks/use-provider");
 var _excluded = ["subToolbar", "notExistsColumns", "isExit", "toolbar"];
 var TableData = function TableData(props) {
@@ -297,141 +298,146 @@ var TableData = function TableData(props) {
       className: "Sqb-hover-parent",
       children: [(0, _jsxRuntime.jsx)(_header["default"], {
         meta: meta,
+        groupIndex: groupIndex,
         isDataModule: props.groupIndex === 0,
         title: (0, _locale.__)('SqlQueryBuilder.data')
-      }), (0, _jsxRuntime.jsx)("div", {
-        className: "Sqb-item--content",
-        children: (0, _jsxRuntime.jsxs)("div", {
-          className: "Sqb-NotebookCell",
-          children: [meta.isSubquery ? (0, _jsxRuntime.jsxs)("div", {
-            className: (0, _classnames["default"])("Sqb-TableName", {
-              notSelected: !subQuerySelected
-            }),
-            onClick: function onClick() {
-              showSubQuery(meta.subquery);
-            },
-            children: [subQuerySelected && (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-              children: function () {
-                var showButton = store.tableEnableAlias || tableIsError() && isDel;
-                var icon = isDel ? (0, _jsxRuntime.jsx)(_pandoraIcons.ExclamationCircleFill, {}) : store.tableEnableAlias ? 'As' : '';
-                return showButton ? (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
-                  title: (0, _locale.__)(tableIsError() ? isDel ? 'metabase.verify' : 'SqlQueryBuilder.repeatAlias' : 'SqlQueryBuilder.alias'),
-                  children: (0, _jsxRuntime.jsx)(_pandora.Button, {
-                    danger: tableIsError(),
-                    className: (0, _classnames["default"])(':Sqb-TableName-as', {
-                      isError: tableIsError()
-                    }),
-                    shape: 'circle',
-                    style: isDel ? {
-                      fontSize: 18,
-                      backgroundColor: '#fff',
-                      width: 'auto',
-                      height: 'auto'
-                    } : {},
-                    iconOnly: true,
-                    primary: !isDel,
-                    icon: icon,
-                    size: 'small',
-                    onClick: function onClick(e) {
-                      if (store.tableEnableAlias) {
-                        var _meta$table4;
-                        e.stopPropagation();
-                        onChangeTableAlias(((_meta$table4 = meta.table) === null || _meta$table4 === void 0 ? void 0 : _meta$table4.alias) || '');
+      }), (0, _jsxRuntime.jsx)(_itemWrapper["default"], {
+        meta: meta,
+        groupIndex: groupIndex,
+        children: (0, _jsxRuntime.jsx)("div", {
+          className: "Sqb-item--content",
+          children: (0, _jsxRuntime.jsxs)("div", {
+            className: "Sqb-NotebookCell",
+            children: [meta.isSubquery ? (0, _jsxRuntime.jsxs)("div", {
+              className: (0, _classnames["default"])("Sqb-TableName", {
+                notSelected: !subQuerySelected
+              }),
+              onClick: function onClick() {
+                showSubQuery(meta.subquery);
+              },
+              children: [subQuerySelected && (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+                children: function () {
+                  var showButton = store.tableEnableAlias || tableIsError() && isDel;
+                  var icon = isDel ? (0, _jsxRuntime.jsx)(_pandoraIcons.ExclamationCircleFill, {}) : store.tableEnableAlias ? 'As' : '';
+                  return showButton ? (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
+                    title: (0, _locale.__)(tableIsError() ? isDel ? 'metabase.verify' : 'SqlQueryBuilder.repeatAlias' : 'SqlQueryBuilder.alias'),
+                    children: (0, _jsxRuntime.jsx)(_pandora.Button, {
+                      danger: tableIsError(),
+                      className: (0, _classnames["default"])(':Sqb-TableName-as', {
+                        isError: tableIsError()
+                      }),
+                      shape: 'circle',
+                      style: isDel ? {
+                        fontSize: 18,
+                        backgroundColor: '#fff',
+                        width: 'auto',
+                        height: 'auto'
+                      } : {},
+                      iconOnly: true,
+                      primary: !isDel,
+                      icon: icon,
+                      size: 'small',
+                      onClick: function onClick(e) {
+                        if (store.tableEnableAlias) {
+                          var _meta$table4;
+                          e.stopPropagation();
+                          onChangeTableAlias(((_meta$table4 = meta.table) === null || _meta$table4 === void 0 ? void 0 : _meta$table4.alias) || '');
+                        }
                       }
-                    }
-                  })
-                }) : null;
-              }()
-            }), subQuerySelected ? "".concat(((_meta$subquery2 = meta.subquery) === null || _meta$subquery2 === void 0 ? void 0 : _meta$subquery2[0]).table.datasourceName, ".").concat(((_meta$subquery3 = meta.subquery) === null || _meta$subquery3 === void 0 ? void 0 : _meta$subquery3[0]).table.name, " ").concat((_meta$table5 = meta.table) !== null && _meta$table5 !== void 0 && _meta$table5.alias && store.tableEnableAlias ? "as ".concat((_meta$table6 = meta.table) === null || _meta$table6 === void 0 ? void 0 : _meta$table6.alias) : '', " ") : (0, _locale.__)('SqlQueryBuilder.setSubQuery')]
-          }) : (0, _jsxRuntime.jsxs)("div", {
-            className: (0, _classnames["default"])("Sqb-TableName", {
-              notSelected: !selected
-            }),
-            onClick: selectTable,
-            children: [selected && (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-              children: function () {
-                var showButton = store.tableEnableAlias || tableIsError() && isDel;
-                var icon = isDel ? (0, _jsxRuntime.jsx)(_pandoraIcons.ExclamationCircleFill, {}) : store.tableEnableAlias ? 'As' : '';
-                return showButton ? (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
-                  title: (0, _locale.__)(tableIsError() ? isDel ? 'metabase.verify' : 'SqlQueryBuilder.repeatAlias' : 'SqlQueryBuilder.alias'),
-                  children: (0, _jsxRuntime.jsx)(_pandora.Button, {
-                    danger: tableIsError(),
-                    className: (0, _classnames["default"])(':Sqb-TableName-as', {
-                      isError: tableIsError()
-                    }),
-                    shape: 'circle',
-                    style: isDel ? {
-                      fontSize: 18,
-                      backgroundColor: '#fff',
-                      width: 'auto',
-                      height: 'auto'
-                    } : {},
-                    iconOnly: true,
-                    primary: !isDel,
-                    icon: icon,
-                    size: 'small',
-                    onClick: function onClick(e) {
-                      if (store.tableEnableAlias) {
-                        var _meta$table7;
-                        e.stopPropagation();
-                        onChangeTableAlias(((_meta$table7 = meta.table) === null || _meta$table7 === void 0 ? void 0 : _meta$table7.alias) || '');
+                    })
+                  }) : null;
+                }()
+              }), subQuerySelected ? "".concat(((_meta$subquery2 = meta.subquery) === null || _meta$subquery2 === void 0 ? void 0 : _meta$subquery2[0]).table.datasourceName, ".").concat(((_meta$subquery3 = meta.subquery) === null || _meta$subquery3 === void 0 ? void 0 : _meta$subquery3[0]).table.name, " ").concat((_meta$table5 = meta.table) !== null && _meta$table5 !== void 0 && _meta$table5.alias && store.tableEnableAlias ? "as ".concat((_meta$table6 = meta.table) === null || _meta$table6 === void 0 ? void 0 : _meta$table6.alias) : '', " ") : (0, _locale.__)('SqlQueryBuilder.setSubQuery')]
+            }) : (0, _jsxRuntime.jsxs)("div", {
+              className: (0, _classnames["default"])("Sqb-TableName", {
+                notSelected: !selected
+              }),
+              onClick: selectTable,
+              children: [selected && (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+                children: function () {
+                  var showButton = store.tableEnableAlias || tableIsError() && isDel;
+                  var icon = isDel ? (0, _jsxRuntime.jsx)(_pandoraIcons.ExclamationCircleFill, {}) : store.tableEnableAlias ? 'As' : '';
+                  return showButton ? (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
+                    title: (0, _locale.__)(tableIsError() ? isDel ? 'metabase.verify' : 'SqlQueryBuilder.repeatAlias' : 'SqlQueryBuilder.alias'),
+                    children: (0, _jsxRuntime.jsx)(_pandora.Button, {
+                      danger: tableIsError(),
+                      className: (0, _classnames["default"])(':Sqb-TableName-as', {
+                        isError: tableIsError()
+                      }),
+                      shape: 'circle',
+                      style: isDel ? {
+                        fontSize: 18,
+                        backgroundColor: '#fff',
+                        width: 'auto',
+                        height: 'auto'
+                      } : {},
+                      iconOnly: true,
+                      primary: !isDel,
+                      icon: icon,
+                      size: 'small',
+                      onClick: function onClick(e) {
+                        if (store.tableEnableAlias) {
+                          var _meta$table7;
+                          e.stopPropagation();
+                          onChangeTableAlias(((_meta$table7 = meta.table) === null || _meta$table7 === void 0 ? void 0 : _meta$table7.alias) || '');
+                        }
                       }
-                    }
-                  })
-                }) : null;
-              }()
-            })
-            // <Tooltip
-            //   title={__(
-            //     tableIsError()
-            //       ? isDel
-            //         ? 'metabase.verify'
-            //         : 'SqlQueryBuilder.repeatAlias'
-            //       : 'SqlQueryBuilder.alias',
-            //   )}
-            // >
-            //   <Button
-            //     danger={tableIsError()}
-            //     className={cx(':Sqb-TableName-as', {
-            //       isError: tableIsError(),
-            //     })}
-            //     shape='circle'
-            //     style={
-            //       isDel
-            //         ? {
-            //             fontSize: 18,
-            //             backgroundColor: '#fff',
-            //             width: 'auto',
-            //             height: 'auto',
-            //           }
-            //         : {}
-            //     }
-            //     iconOnly
-            //     primary={!isDel}
-            //     icon={isDel ? <ExclamationCircleFill /> : 'As'}
-            //     size='small'
-            //     onClick={(e) => {
-            //       e.stopPropagation();
-            //       onChangeTableAlias(meta.table?.alias || '');
-            //     }}
-            //   ></Button>
-            // </Tooltip>
-            , selected ? "".concat(meta.table.datasourceName, ".").concat(meta.table.name, " ").concat((_meta$table8 = meta.table) !== null && _meta$table8 !== void 0 && _meta$table8.alias && store.tableEnableAlias ? "as ".concat((_meta$table9 = meta.table) === null || _meta$table9 === void 0 ? void 0 : _meta$table9.alias) : '') : (0, _locale.__)('SqlQueryBuilder.pickTable')]
-          }), store.showSubquery && (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
-            title: (0, _locale.__)('SqlQueryBuilder.switchSubQuery'),
-            children: (0, _jsxRuntime.jsx)(_pandora.Button, {
-              disabled: meta.readonly,
-              primary: meta.isSubquery,
-              ghost: true,
-              className: (0, _classnames["default"])('mr-2 operator-icon', (0, _defineProperty2["default"])({}, 'subquery-icon', !meta.isSubquery)),
-              icon: (0, _jsxRuntime.jsx)(_pandoraIcons.RelatedWork, {}),
-              onClick: switchSubQuery
-            })
-          }), selected && store.showFields && (!store.isExit || store.isSubquery) && ((_store$showMainColumn = store.showMainColumn[groupIndex]) === null || _store$showMainColumn === void 0 ? void 0 : _store$showMainColumn.showColumn) && (0, _jsxRuntime.jsx)("div", {
-            className: "Sqb-TableColumns",
-            onClick: selectColumns,
-            children: (0, _locale.__)('SqlQueryBuilder.columns')
-          })]
+                    })
+                  }) : null;
+                }()
+              })
+              // <Tooltip
+              //   title={__(
+              //     tableIsError()
+              //       ? isDel
+              //         ? 'metabase.verify'
+              //         : 'SqlQueryBuilder.repeatAlias'
+              //       : 'SqlQueryBuilder.alias',
+              //   )}
+              // >
+              //   <Button
+              //     danger={tableIsError()}
+              //     className={cx(':Sqb-TableName-as', {
+              //       isError: tableIsError(),
+              //     })}
+              //     shape='circle'
+              //     style={
+              //       isDel
+              //         ? {
+              //             fontSize: 18,
+              //             backgroundColor: '#fff',
+              //             width: 'auto',
+              //             height: 'auto',
+              //           }
+              //         : {}
+              //     }
+              //     iconOnly
+              //     primary={!isDel}
+              //     icon={isDel ? <ExclamationCircleFill /> : 'As'}
+              //     size='small'
+              //     onClick={(e) => {
+              //       e.stopPropagation();
+              //       onChangeTableAlias(meta.table?.alias || '');
+              //     }}
+              //   ></Button>
+              // </Tooltip>
+              , selected ? "".concat(meta.table.datasourceName, ".").concat(meta.table.name, " ").concat((_meta$table8 = meta.table) !== null && _meta$table8 !== void 0 && _meta$table8.alias && store.tableEnableAlias ? "as ".concat((_meta$table9 = meta.table) === null || _meta$table9 === void 0 ? void 0 : _meta$table9.alias) : '') : (0, _locale.__)('SqlQueryBuilder.pickTable')]
+            }), store.showSubquery && (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
+              title: (0, _locale.__)('SqlQueryBuilder.switchSubQuery'),
+              children: (0, _jsxRuntime.jsx)(_pandora.Button, {
+                disabled: meta.readonly,
+                primary: meta.isSubquery,
+                ghost: true,
+                className: (0, _classnames["default"])('mr-2 operator-icon', (0, _defineProperty2["default"])({}, 'subquery-icon', !meta.isSubquery)),
+                icon: (0, _jsxRuntime.jsx)(_pandoraIcons.RelatedWork, {}),
+                onClick: switchSubQuery
+              })
+            }), selected && store.showFields && (!store.isExit || store.isSubquery) && ((_store$showMainColumn = store.showMainColumn[groupIndex]) === null || _store$showMainColumn === void 0 ? void 0 : _store$showMainColumn.showColumn) && (0, _jsxRuntime.jsx)("div", {
+              className: "Sqb-TableColumns",
+              onClick: selectColumns,
+              children: (0, _locale.__)('SqlQueryBuilder.columns')
+            })]
+          })
         })
       }), (0, _jsxRuntime.jsx)(_metaIcon["default"], {
         meta: meta,

package/lib/cjs/components/modules/union.js

@@ -10,6 +10,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _locale = require("../../locale");
 var _Wrapper = _interopRequireDefault(require("./components/Wrapper"));
 var _header = _interopRequireDefault(require("./components/header"));
+var _itemWrapper = _interopRequireDefault(require("./components/item-wrapper"));
 var _selectList = _interopRequireDefault(require("../dialog/select-list"));
 var _enum = require("../../store/enum");
 var _useProvider = require("../../hooks/use-provider");
@@ -49,20 +50,25 @@ var RowLimit = function RowLimit(props) {
       className: (0, _classnames["default"])("Sqb-hover-parent"),
       children: [(0, _jsxRuntime.jsx)(_header["default"], {
         meta: meta,
+        groupIndex: groupIndex,
         title: (0, _locale.__)('SqlQueryBuilder.union'),
         onClose: function onClose() {
           return store.delMeta(meta, groupIndex);
         }
-      }), (0, _jsxRuntime.jsx)("div", {
-        className: (0, _classnames["default"])("Sqb-item--content"),
+      }), (0, _jsxRuntime.jsx)(_itemWrapper["default"], {
+        meta: meta,
+        groupIndex: groupIndex,
         children: (0, _jsxRuntime.jsx)("div", {
-          className: (0, _classnames["default"])("Sqb-NotebookCell"),
+          className: (0, _classnames["default"])("Sqb-item--content"),
           children: (0, _jsxRuntime.jsx)("div", {
-            className: "Sqb-TableName",
-            onClick: function onClick(e) {
-              return selectOperator(e);
-            },
-            children: union
+            className: (0, _classnames["default"])("Sqb-NotebookCell"),
+            children: (0, _jsxRuntime.jsx)("div", {
+              className: "Sqb-TableName",
+              onClick: function onClick(e) {
+                return selectOperator(e);
+              },
+              children: union
+            })
           })
         })
       })]