@gingkoo/pandora-metabase 1.0.146 → 1.0.147

package/lib/cjs/components/modules/join-data.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { MetaJoin } from '../../store/types';
 interface PropsType {
     meta: MetaJoin;
     groupIndex: number;
 }
-declare const JoinData: (props: PropsType) => import("react/jsx-runtime").JSX.Element;
+declare const JoinData: (props: PropsType) => React.JSX.Element;
 export default JoinData;

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

@@ -27,6 +27,7 @@ var _enum = require("../../store/enum");
 var _types = require("../../store/types");
 var _helper2 = require("../../store/helper");
 var _itemName = _interopRequireDefault(require("./components/item-name"));
+var _rightClickValue = _interopRequireDefault(require("../right-click-value"));
 var _Wrapper = _interopRequireDefault(require("./components/Wrapper"));
 var _metaIcon = _interopRequireDefault(require("./components/meta-icon"));
 var _header = _interopRequireDefault(require("./components/header"));
@@ -1216,17 +1217,20 @@ var JoinData = function JoinData(props) {
       var _items$2, _items$3;
       return (0, _jsxRuntime.jsx)(_itemName["default"], {
         isError: (0, _utils2.isError)(items, getColumns(type)),
-        children: (0, _jsxRuntime.jsx)("div", {
-          className: (0, _classnames["default"])("Sqb-TableName", {
-            notSelected: !((_items$2 = items[0]) !== null && _items$2 !== void 0 && _items$2.fieldName)
-          }),
-          "v-position": type,
-          "v-index": i,
-          "v-index2": index,
-          onClick: selectMoreJoinColumn,
-          children: (_items$3 = items[0]) !== null && _items$3 !== void 0 && _items$3.fieldName ? items.map(function (field) {
-            return field.fieldName;
-          }).join(' || ') : (0, _locale.__)('SqlQueryBuilder.pickTable')
+        children: (0, _jsxRuntime.jsx)(_rightClickValue["default"], {
+          value: items,
+          children: (0, _jsxRuntime.jsx)("div", {
+            className: (0, _classnames["default"])("Sqb-TableName", {
+              notSelected: !((_items$2 = items[0]) !== null && _items$2 !== void 0 && _items$2.fieldName)
+            }),
+            "v-position": type,
+            "v-index": i,
+            "v-index2": index,
+            onClick: selectMoreJoinColumn,
+            children: (_items$3 = items[0]) !== null && _items$3 !== void 0 && _items$3.fieldName ? items.map(function (field) {
+              return field.fieldName;
+            }).join(' || ') : (0, _locale.__)('SqlQueryBuilder.pickTable')
+          })
         })
       }, type + i);
     } else {
@@ -1273,17 +1277,20 @@ var JoinData = function JoinData(props) {
           return (0, _jsxRuntime.jsx)(_itemName["default"], {
             isError: !!(item.id || item.val) && !(0, _utils.getConstantLabel)(store.constantList, item.id || item.val),
             message: "\u5E38\u91CF\u4E22\u5931",
-            children: (0, _jsxRuntime.jsx)("div", {
-              className: (0, _classnames["default"])("Sqb-TableName", {
-                notSelected: !item.val
-              }),
-              "v-position": type,
-              "v-index": i,
-              "v-index2": index,
-              "v-val": item.id || item.val,
-              onClick: selectConstant,
-              children: (0, _utils.getConstantLabel)(store.constantList, item.id || item.val, item.val) || (0, _locale.__)('SqlQueryBuilder.pickConstant')
-            }, index)
+            children: (0, _jsxRuntime.jsx)(_rightClickValue["default"], {
+              value: item,
+              children: (0, _jsxRuntime.jsx)("div", {
+                className: (0, _classnames["default"])("Sqb-TableName", {
+                  notSelected: !item.val
+                }),
+                "v-position": type,
+                "v-index": i,
+                "v-index2": index,
+                "v-val": item.id || item.val,
+                onClick: selectConstant,
+                children: (0, _utils.getConstantLabel)(store.constantList, item.id || item.val, item.val) || (0, _locale.__)('SqlQueryBuilder.pickConstant')
+              }, index)
+            })
           }, index);
         }
       });
@@ -1320,12 +1327,15 @@ var JoinData = function JoinData(props) {
             className: (0, _classnames["default"])("Sqb-NotebookCell"),
             children: [(0, _jsxRuntime.jsx)(_itemName["default"], {
               isError: leftTableIsError(),
-              children: (0, _jsxRuntime.jsx)("div", {
-                className: (0, _classnames["default"])("Sqb-TableName", {
-                  notSelected: !table1Selected
-                }),
-                onClick: selectLeftTable,
-                children: getTable1Name() || (0, _locale.__)('SqlQueryBuilder.pickTable')
+              children: (0, _jsxRuntime.jsx)(_rightClickValue["default"], {
+                value: meta.table1,
+                children: (0, _jsxRuntime.jsx)("div", {
+                  className: (0, _classnames["default"])("Sqb-TableName", {
+                    notSelected: !table1Selected
+                  }),
+                  onClick: selectLeftTable,
+                  children: getTable1Name() || (0, _locale.__)('SqlQueryBuilder.pickTable')
+                })
               })
             }), (0, _jsxRuntime.jsx)("div", {
               onClick: selectJoin,
@@ -1346,84 +1356,90 @@ var JoinData = function JoinData(props) {
                   cursor: 'pointer'
                 }
               })
-            }), 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$table3;
-                          e.stopPropagation();
-                          onChangeTableAlias(((_meta$table3 = meta.table2) === null || _meta$table3 === void 0 ? void 0 : _meta$table3.alias) || '');
+            }), meta.isSubquery ? (0, _jsxRuntime.jsx)(_rightClickValue["default"], {
+              value: meta,
+              children: (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$table3;
+                            e.stopPropagation();
+                            onChangeTableAlias(((_meta$table3 = meta.table2) === null || _meta$table3 === void 0 ? void 0 : _meta$table3.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$table4 = meta.table2) !== null && _meta$table4 !== void 0 && _meta$table4.alias && store.tableEnableAlias ? "as ".concat((_meta$table5 = meta.table2) === null || _meta$table5 === void 0 ? void 0 : _meta$table5.alias) : '', " ") : (0, _locale.__)('SqlQueryBuilder.setSubQuery')]
-            }) : (0, _jsxRuntime.jsxs)("div", {
-              className: (0, _classnames["default"])("Sqb-TableName", {
-                notSelected: !table2Selected
-              }),
-              onClick: selectTable,
-              children: [table2Selected && (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$table6;
-                          e.stopPropagation();
-                          onChangeTableAlias(((_meta$table6 = meta.table2) === null || _meta$table6 === void 0 ? void 0 : _meta$table6.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$table4 = meta.table2) !== null && _meta$table4 !== void 0 && _meta$table4.alias && store.tableEnableAlias ? "as ".concat((_meta$table5 = meta.table2) === null || _meta$table5 === void 0 ? void 0 : _meta$table5.alias) : '', " ") : (0, _locale.__)('SqlQueryBuilder.setSubQuery')]
+              })
+            }) : (0, _jsxRuntime.jsx)(_rightClickValue["default"], {
+              value: meta.table2,
+              children: (0, _jsxRuntime.jsxs)("div", {
+                className: (0, _classnames["default"])("Sqb-TableName", {
+                  notSelected: !table2Selected
+                }),
+                onClick: selectTable,
+                children: [table2Selected && (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$table6;
+                            e.stopPropagation();
+                            onChangeTableAlias(((_meta$table6 = meta.table2) === null || _meta$table6 === void 0 ? void 0 : _meta$table6.alias) || '');
+                          }
                         }
-                      }
-                    })
-                  }) : null;
-                }()
-              }), table2Selected ? "".concat(meta.table2.datasourceName, ".").concat(meta.table2.name, " ").concat((_meta$table7 = meta.table2) !== null && _meta$table7 !== void 0 && _meta$table7.alias && store.tableEnableAlias ? "as ".concat((_meta$table8 = meta.table2) === null || _meta$table8 === void 0 ? void 0 : _meta$table8.alias) : '') : (0, _locale.__)('SqlQueryBuilder.pickTable')]
+                      })
+                    }) : null;
+                  }()
+                }), table2Selected ? "".concat(meta.table2.datasourceName, ".").concat(meta.table2.name, " ").concat((_meta$table7 = meta.table2) !== null && _meta$table7 !== void 0 && _meta$table7.alias && store.tableEnableAlias ? "as ".concat((_meta$table8 = meta.table2) === null || _meta$table8 === void 0 ? void 0 : _meta$table8.alias) : '') : (0, _locale.__)('SqlQueryBuilder.pickTable')]
+              })
             }), store.showSubquery && (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
               title: (0, _locale.__)('SqlQueryBuilder.switchSubQuery'),
               children: (0, _jsxRuntime.jsx)(_pandora.Button, {
@@ -1534,15 +1550,18 @@ var JoinData = function JoinData(props) {
                     children: "on"
                   }), (0, _jsxRuntime.jsx)(_itemName["default"], {
                     isError: (0, _utils2.isError)(v, getTableColumns()),
-                    children: (0, _jsxRuntime.jsx)("div", {
-                      className: (0, _classnames["default"])("Sqb-TableName purple-name", {
-                        notSelected: !v.quotes
-                      }),
-                      onClick: function onClick(e) {
-                        return changeExpression(e, i);
-                      },
-                      children: v.quotes || (0, _locale.__)('joinData.selectExpression')
-                    }, i)
+                    children: (0, _jsxRuntime.jsx)(_rightClickValue["default"], {
+                      value: v,
+                      children: (0, _jsxRuntime.jsx)("div", {
+                        className: (0, _classnames["default"])("Sqb-TableName purple-name", {
+                          notSelected: !v.quotes
+                        }),
+                        onClick: function onClick(e) {
+                          return changeExpression(e, i);
+                        },
+                        children: v.quotes || (0, _locale.__)('joinData.selectExpression')
+                      }, i)
+                    })
                   }), (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
                     title: (0, _locale.__)('SqlQueryBuilder.add'),
                     children: (0, _jsxRuntime.jsx)(_pandora.Dropdown, {

package/lib/cjs/components/modules/permission-table.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { MetaData } from '../../store/types';
 interface PropsType {
     meta: MetaData;
     groupIndex: number;
 }
-declare const PermissionTable: (props: PropsType) => import("react/jsx-runtime").JSX.Element;
+declare const PermissionTable: (props: PropsType) => React.JSX.Element;
 export default PermissionTable;

package/lib/cjs/components/modules/row-limit.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 interface PropsType {
     store?: any;
     meta: any;
     groupIndex: number;
 }
-declare const RowLimit: (props: PropsType) => import("react/jsx-runtime").JSX.Element;
+declare const RowLimit: (props: PropsType) => React.JSX.Element;
 export default RowLimit;

package/lib/cjs/components/modules/sort.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { MetaSort } from '../../store/types';
 interface PropsType {
     meta: MetaSort;
     groupIndex: number;
 }
-declare const Sort: (props: PropsType) => import("react/jsx-runtime").JSX.Element;
+declare const Sort: (props: PropsType) => React.JSX.Element;
 export default Sort;

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

@@ -22,6 +22,7 @@ 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 _rightClickValue = _interopRequireDefault(require("../right-click-value"));
 var Sort = function Sort(props) {
   var meta = props.meta,
     groupIndex = props.groupIndex;
@@ -199,21 +200,24 @@ var Sort = function Sort(props) {
             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
+                children: (0, _jsxRuntime.jsx)(_rightClickValue["default"], {
+                  value: v,
+                  children: (0, _jsxRuntime.jsxs)("div", {
+                    className: "Sqb-TableName gray-name",
+                    onClick: function onClick() {
+                      return handleSort(i);
                     },
-                    onClick: function onClick(e) {
-                      return delSortColumn(e, i);
-                    },
-                    children: (0, _jsxRuntime.jsx)(_icons.CloseIcon, {})
-                  })]
-                }, 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);
+                      },
+                      children: (0, _jsxRuntime.jsx)(_icons.CloseIcon, {})
+                    })]
+                  }, i)
+                })
               }, i);
             }), (0, _jsxRuntime.jsx)("div", {
               className: "Sqb-TableName gray-name",

package/lib/cjs/components/modules/summarize/group-by.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { MetaSummarize } from '../../../store/types';
 interface PropsType {
     meta: MetaSummarize;
     groupIndex: number;
 }
-declare const GroupBy: (props: PropsType) => import("react/jsx-runtime").JSX.Element;
+declare const GroupBy: (props: PropsType) => React.JSX.Element;
 export default GroupBy;

package/lib/cjs/components/modules/summarize/group-by.js

@@ -22,6 +22,7 @@ var _types = require("../../../store/types");
 var _pandora = require("@gingkoo/pandora");
 var _helper = require("../../../utils/helper");
 var _itemName = _interopRequireDefault(require("../components/item-name"));
+var _rightClickValue = _interopRequireDefault(require("../../right-click-value"));
 var _icons = require("../../icons");
 var _formulaList = _interopRequireDefault(require("../../dialog/formula-list"));
 var _useProvider = require("../../../hooks/use-provider");
@@ -516,36 +517,39 @@ var GroupBy = function GroupBy(props) {
     children: [meta.by.map(function (v, i) {
       return (0, _jsxRuntime.jsx)(_itemName["default"], {
         isError: (0, _utils.isExistsError)([getErrorCheckField(v)], store.existsError),
-        children: (0, _jsxRuntime.jsxs)("div", {
-          className: "Sqb-TableName green-name",
-          onClick: function onClick(e) {
-            return handleUpdate(e, i);
-          },
-          children: [v.quotes && (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-            children: store.groupByEnableAlias && (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
-              title: !(0, _utils.isValidSQLAlias)(v === null || v === void 0 ? void 0 : v.fieldAlias) ? (0, _locale.__)('SqlQueryBuilder.aliasForRules') : (0, _locale.__)('SqlQueryBuilder.alias'),
-              children: (0, _jsxRuntime.jsx)(_pandora.Button, {
-                className: (0, _classnames["default"])(':Sqb-TableName-as :Sqb-TableName green-name', (0, _defineProperty2["default"])({}, 'isError', !(0, _utils.isValidSQLAlias)(v === null || v === void 0 ? void 0 : v.fieldAlias))),
-                shape: 'circle',
-                iconOnly: true,
-                primary: true,
-                icon: 'As',
-                size: 'small',
-                onClick: function onClick(e) {
-                  e.stopPropagation();
-                  onChangeFieldAlias((v === null || v === void 0 ? void 0 : v.fieldAlias) || '', i);
-                }
-              })
-            })
-          }), "".concat(v.quotes, " ").concat(v.fieldAlias ? "as ".concat(v.fieldAlias) : ''), (0, _jsxRuntime.jsx)("span", {
-            style: {
-              fontSize: 0
-            },
+        children: (0, _jsxRuntime.jsx)(_rightClickValue["default"], {
+          value: v,
+          children: (0, _jsxRuntime.jsxs)("div", {
+            className: "Sqb-TableName green-name",
             onClick: function onClick(e) {
-              return handleDel(e, i);
+              return handleUpdate(e, i);
             },
-            children: (0, _jsxRuntime.jsx)(_icons.CloseIcon, {})
-          })]
+            children: [v.quotes && (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+              children: store.groupByEnableAlias && (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
+                title: !(0, _utils.isValidSQLAlias)(v === null || v === void 0 ? void 0 : v.fieldAlias) ? (0, _locale.__)('SqlQueryBuilder.aliasForRules') : (0, _locale.__)('SqlQueryBuilder.alias'),
+                children: (0, _jsxRuntime.jsx)(_pandora.Button, {
+                  className: (0, _classnames["default"])(':Sqb-TableName-as :Sqb-TableName green-name', (0, _defineProperty2["default"])({}, 'isError', !(0, _utils.isValidSQLAlias)(v === null || v === void 0 ? void 0 : v.fieldAlias))),
+                  shape: 'circle',
+                  iconOnly: true,
+                  primary: true,
+                  icon: 'As',
+                  size: 'small',
+                  onClick: function onClick(e) {
+                    e.stopPropagation();
+                    onChangeFieldAlias((v === null || v === void 0 ? void 0 : v.fieldAlias) || '', i);
+                  }
+                })
+              })
+            }), "".concat(v.quotes, " ").concat(v.fieldAlias ? "as ".concat(v.fieldAlias) : ''), (0, _jsxRuntime.jsx)("span", {
+              style: {
+                fontSize: 0
+              },
+              onClick: function onClick(e) {
+                return handleDel(e, i);
+              },
+              children: (0, _jsxRuntime.jsx)(_icons.CloseIcon, {})
+            })]
+          })
         })
       }, i);
     }), (0, _jsxRuntime.jsx)("div", {

package/lib/cjs/components/modules/summarize/index.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 import { MetaSummarize } from '../../../store/types';
 interface PropsType {
     store?: any;
     meta: MetaSummarize;
     groupIndex: number;
 }
-declare const Summarize: (props: PropsType) => import("react/jsx-runtime").JSX.Element;
+declare const Summarize: (props: PropsType) => React.JSX.Element;
 export default Summarize;

package/lib/cjs/components/modules/summarize/select-index.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 import { MetaSummarize } from '../../../store/types';
 interface PropsType {
     store?: any;
     meta: MetaSummarize;
     groupIndex: number;
 }
-declare const SelectIndex: (props: PropsType) => import("react/jsx-runtime").JSX.Element;
+declare const SelectIndex: (props: PropsType) => React.JSX.Element;
 export default SelectIndex;

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

@@ -21,6 +21,7 @@ var _pandora = require("@gingkoo/pandora");
 var _helper2 = require("../../../utils/helper");
 var _types = require("../../../store/types");
 var _itemName = _interopRequireDefault(require("../components/item-name"));
+var _rightClickValue = _interopRequireDefault(require("../../right-click-value"));
 var _icons = require("../../icons");
 var _dialog = require("../../dialog");
 var _useProvider = require("../../../hooks/use-provider");
@@ -418,36 +419,39 @@ var SelectIndex = function SelectIndex(props) {
     children: [meta.group.map(function (v, i) {
       return (0, _jsxRuntime.jsx)(_itemName["default"], {
         isError: (0, _utils.isExistsError)([getErrorCheckField(v)], store.existsError),
-        children: (0, _jsxRuntime.jsxs)("div", {
-          className: "Sqb-TableName green-name",
-          onClick: function onClick(e) {
-            return handleUpdate(e, i);
-          },
-          children: [v.quotes && (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-            children: store.groupByEnableAlias && (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
-              title: !(0, _utils.isValidSQLAlias)(v === null || v === void 0 ? void 0 : v.fieldAlias) ? (0, _locale.__)('SqlQueryBuilder.aliasForRules') : (0, _locale.__)('SqlQueryBuilder.alias'),
-              children: (0, _jsxRuntime.jsx)(_pandora.Button, {
-                className: (0, _classnames["default"])(':Sqb-TableName-as :Sqb-TableName green-name', (0, _defineProperty2["default"])({}, 'isError', !(0, _utils.isValidSQLAlias)(v === null || v === void 0 ? void 0 : v.fieldAlias))),
-                shape: 'circle',
-                iconOnly: true,
-                primary: true,
-                icon: 'As',
-                size: 'small',
-                onClick: function onClick(e) {
-                  e.stopPropagation();
-                  onChangeFieldAlias((v === null || v === void 0 ? void 0 : v.fieldAlias) || '', i);
-                }
-              })
-            })
-          }), "".concat(v.quotes, " ").concat(v.fieldAlias ? "as ".concat(v.fieldAlias) : ''), (0, _jsxRuntime.jsx)("span", {
-            style: {
-              fontSize: 0
-            },
+        children: (0, _jsxRuntime.jsx)(_rightClickValue["default"], {
+          value: v,
+          children: (0, _jsxRuntime.jsxs)("div", {
+            className: "Sqb-TableName green-name",
             onClick: function onClick(e) {
-              return handleDel(e, i);
+              return handleUpdate(e, i);
             },
-            children: (0, _jsxRuntime.jsx)(_icons.CloseIcon, {})
-          })]
+            children: [v.quotes && (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+              children: store.groupByEnableAlias && (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
+                title: !(0, _utils.isValidSQLAlias)(v === null || v === void 0 ? void 0 : v.fieldAlias) ? (0, _locale.__)('SqlQueryBuilder.aliasForRules') : (0, _locale.__)('SqlQueryBuilder.alias'),
+                children: (0, _jsxRuntime.jsx)(_pandora.Button, {
+                  className: (0, _classnames["default"])(':Sqb-TableName-as :Sqb-TableName green-name', (0, _defineProperty2["default"])({}, 'isError', !(0, _utils.isValidSQLAlias)(v === null || v === void 0 ? void 0 : v.fieldAlias))),
+                  shape: 'circle',
+                  iconOnly: true,
+                  primary: true,
+                  icon: 'As',
+                  size: 'small',
+                  onClick: function onClick(e) {
+                    e.stopPropagation();
+                    onChangeFieldAlias((v === null || v === void 0 ? void 0 : v.fieldAlias) || '', i);
+                  }
+                })
+              })
+            }), "".concat(v.quotes, " ").concat(v.fieldAlias ? "as ".concat(v.fieldAlias) : ''), (0, _jsxRuntime.jsx)("span", {
+              style: {
+                fontSize: 0
+              },
+              onClick: function onClick(e) {
+                return handleDel(e, i);
+              },
+              children: (0, _jsxRuntime.jsx)(_icons.CloseIcon, {})
+            })]
+          })
         })
       }, i);
     }), (0, _jsxRuntime.jsx)("div", {

package/lib/cjs/components/modules/table-data.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { MetaData } from '../../store/types';
 interface PropsType {
     meta: MetaData;
     groupIndex: number;
 }
-declare const TableData: (props: PropsType) => import("react/jsx-runtime").JSX.Element;
+declare const TableData: (props: PropsType) => React.JSX.Element;
 export default TableData;