@gingkoo/pandora-metabase 1.0.54 → 1.0.56

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

@@ -17,7 +17,7 @@ import { uuidv4, getAlias } from '../../utils/helper';
 import { __ } from '../../locale';
 import { findIndex, getSubColumns } from '../../utils';
 import { TypeEnum, ColumnsPopupThemeEnum, JoinEnum, SQL_COLUMN_TYPE } from '../../store/enum';
-import { AtomsTypeEnum } from '../../store/types';
+import { AtomsTypeEnum, ChangeType } from '../../store/types';
 import { SummarizeAlias } from '../../store/helper';
 import { getHelper, changeTableAlias, isValidSQLAlias, isError } from '../../utils';
 import ItemName from './components/item-name';
@@ -377,7 +377,10 @@ var JoinData = function JoinData(props) {
         onChange: function onChange(data) {
           var newMetaList = store.metaList[groupIndex].list.slice();
           newMetaList[index].columns = data;
-          store.setMeta(newMetaList, groupIndex);
+          store.setMeta(newMetaList, groupIndex, {
+            obj: data,
+            type: ChangeType.field
+          });
         }
       })
     });
@@ -486,7 +489,7 @@ var JoinData = function JoinData(props) {
       }, []);
     }
     // // 过滤为table1选中的表
-    var newMeta = store.metaList[groupIndex].list.slice();
+    var newMeta = cloneDeep(store.metaList[groupIndex].list);
     // if (((newMeta[index] as MetaJoin)[FlagLocation.TABLE_1] as MetaJoin_TalbeType).name) {
     //   data = data.filter((v) => {
     //     return (
@@ -513,8 +516,11 @@ var JoinData = function JoinData(props) {
           // }
           // }
           newMeta[index][table_type] = data;
-          initExpressions();
-          store.setMeta(newMeta, groupIndex);
+          initExpressions(newMeta);
+          store.setMeta(newMeta, groupIndex, {
+            obj: data,
+            type: ChangeType[table_type]
+          });
           store.setPopup({
             visible: false
           });
@@ -542,7 +548,7 @@ var JoinData = function JoinData(props) {
           var tableName = data.name;
           if (meta.table2.name !== tableName || meta.table2.datasourceId !== data.datasourceId) {
             var _store$preProps;
-            var newMeta = store.metaList[groupIndex].list.slice();
+            var newMeta = cloneDeep(store.metaList[groupIndex].list);
             var alias = getAlias(tableName, newMeta, ((_store$preProps = store.preProps) === null || _store$preProps === void 0 ? void 0 : _store$preProps.notExistsColumns) || []);
             var _table2 = _objectSpread(_objectSpread({}, data), {}, {
               name: tableName,
@@ -555,12 +561,15 @@ var JoinData = function JoinData(props) {
               datasourceName: data.datasourceName
             });
             newMeta[index].table2 = _table2;
-            initExpressions();
+            initExpressions(newMeta);
             store.fetchColumns(_table2, data.datasourceId, [], function (columns) {
               newMeta[index].columns = columns;
               // 关联表变了 下面模块全部删除
               // newMeta = newMeta.filter((v: MetaListType, i: number) => i <= index);
-              // store.setMeta(newMeta, groupIndex);
+              store.setMeta(newMeta, groupIndex, {
+                obj: data,
+                type: ChangeType.table2
+              });
             });
           }
           setIsDel(false);
@@ -572,8 +581,8 @@ var JoinData = function JoinData(props) {
     });
   }
   // 切换表后重置数据
-  function initExpressions() {
-    var newMeta = store.metaList[groupIndex].list.slice();
+  function initExpressions(newMeta) {
+    // let newMeta: MetaListType[] = store.metaList[groupIndex].list.slice();
     if (newMeta[index].expressions && newMeta[index].expressions.length > 0) {
       return;
     }
@@ -655,7 +664,10 @@ var JoinData = function JoinData(props) {
         onChange: function onChange(type) {
           var newMeta = store.metaList[groupIndex].list.slice();
           newMeta[index].joinType = type;
-          store.setMeta(newMeta, groupIndex);
+          store.setMeta(newMeta, groupIndex, {
+            obj: type,
+            type: ChangeType.joinType
+          });
           store.setPopup({
             visible: false
           });
@@ -941,7 +953,10 @@ var JoinData = function JoinData(props) {
           //     _ind2
           //   ] as AtomsField
           // ).quotes = quotes;
-          store.setMeta(newMeta, groupIndex);
+          store.setMeta(newMeta, groupIndex, {
+            obj: fields,
+            type: ChangeType[_position]
+          });
         }
       })
     });
@@ -966,7 +981,10 @@ var JoinData = function JoinData(props) {
           var index = findIndex(store.metaList[groupIndex].list, meta);
           var newMeta = store.metaList[groupIndex].list.slice();
           newMeta[index].expressions[_ind][_position][_ind2].val = curObj.value;
-          store.setMeta(newMeta, groupIndex);
+          store.setMeta(newMeta, groupIndex, {
+            obj: val,
+            type: ChangeType[_position]
+          });
         }
       })
     });
@@ -1072,7 +1090,7 @@ var JoinData = function JoinData(props) {
       isExit = _store$preProps2.isExit,
       toolbar = _store$preProps2.toolbar,
       other = _objectWithoutProperties(_store$preProps2, _excluded);
-    var newMeta = store.metaList[groupIndex].list.slice();
+    var newMeta = cloneDeep(store.metaList[groupIndex].list);
     var index = findIndex(store.metaList[groupIndex].list, meta);
     var oldList = cloneDeep(newMeta[index].subquery);
     var _toolbar = subToolbar || toolbar;
@@ -1113,13 +1131,20 @@ var JoinData = function JoinData(props) {
                   return oldCol.name === newCol.name;
                 });
                 // 如果存在，返回旧列；否则返回新列
-                return existingCol ? existingCol : newCol;
+                // return existingCol ? existingCol : newCol;
+                var _column = existingCol ? existingCol : newCol;
+                _column.select = store.isSelectFields || _column.select;
+                // 如果存在，返回旧列；否则返回新列
+                return _column;
               });
               // (newMeta[index] as MetaJoin).columns = newColumns;
-              initExpressions();
+              initExpressions(newMeta);
               // 关联表变了 下面模块全部删除
               // newMeta = newMeta.filter((v: MetaListType, i: number) => i <= index);
-              store.setMeta(newMeta, groupIndex);
+              store.setMeta(newMeta, groupIndex, {
+                obj: newList,
+                type: ChangeType.subQuery
+              });
               o.close();
             } catch (e) {
               console.warn(e);
@@ -1180,7 +1205,10 @@ var JoinData = function JoinData(props) {
                 newMeta = store.metaList[groupIndex].list.slice();
                 newMeta[index].table2.alias = alias;
                 newMeta = changeTableAlias(newMeta, newMeta[index].table2);
-                store.setMeta(newMeta, groupIndex);
+                store.setMeta(newMeta, groupIndex, {
+                  obj: newMeta[index].table2,
+                  type: ChangeType.tableAlias
+                });
               case 2:
               case "end":
                 return _context2.stop();
@@ -1216,7 +1244,10 @@ var JoinData = function JoinData(props) {
         value: value,
         onChange: function onChange(data) {
           newMeta[index].expressions.splice(i, 1, data);
-          store.setMeta(newMeta, groupIndex);
+          store.setMeta(newMeta, groupIndex, {
+            obj: newMeta[index].expressions,
+            type: ChangeType.expressions
+          });
           closePopup();
         }
       })
@@ -1461,61 +1492,149 @@ var JoinData = function JoinData(props) {
             onClick: function onClick() {
               showSubQuery(meta.subquery);
             },
-            children: [subQuerySelected && _jsx(Tooltip, {
-              title: __(tableIsError() ? isDel ? 'metabase.verify' : 'SqlQueryBuilder.repeatAlias' : 'SqlQueryBuilder.alias'),
-              children: _jsx(Button, {
-                danger: tableIsError(),
-                className: cx(':Sqb-TableName-as', {
-                  isError: tableIsError()
-                }),
-                shape: 'circle',
-                style: isDel ? {
-                  fontSize: 18,
-                  backgroundColor: '#fff',
-                  width: 'auto',
-                  height: 'auto'
-                } : {},
-                iconOnly: true,
-                primary: !isDel,
-                icon: isDel ? _jsx(ExclamationCircleFill, {}) : 'As',
-                size: 'small',
-                onClick: function onClick(e) {
-                  var _meta$table4;
-                  e.stopPropagation();
-                  onChangeTableAlias(((_meta$table4 = meta.table2) === null || _meta$table4 === void 0 ? void 0 : _meta$table4.alias) || '');
-                }
-              })
-            }), 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.table2) !== null && _meta$table5 !== void 0 && _meta$table5.alias ? "as ".concat((_meta$table6 = meta.table2) === null || _meta$table6 === void 0 ? void 0 : _meta$table6.alias) : '', " ") : __('SqlQueryBuilder.setSubQuery')]
+            children: [subQuerySelected && _jsx(_Fragment, {
+              children: function () {
+                var showButton = store.tableEnableAlias || tableIsError() && isDel;
+                var icon = isDel ? _jsx(ExclamationCircleFill, {}) : store.tableEnableAlias ? 'As' : '';
+                return showButton ? _jsx(Tooltip, {
+                  title: __(tableIsError() ? isDel ? 'metabase.verify' : 'SqlQueryBuilder.repeatAlias' : 'SqlQueryBuilder.alias'),
+                  children: _jsx(Button, {
+                    danger: tableIsError(),
+                    className: cx(':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.table2) === null || _meta$table4 === void 0 ? void 0 : _meta$table4.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.table2?.alias || '');
+            //     }}
+            //   ></Button>
+            // </Tooltip>
+            , 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.table2) !== null && _meta$table5 !== void 0 && _meta$table5.alias && store.tableEnableAlias ? "as ".concat((_meta$table6 = meta.table2) === null || _meta$table6 === void 0 ? void 0 : _meta$table6.alias) : '', " ") : __('SqlQueryBuilder.setSubQuery')]
           }) : _jsxs("div", {
             className: cx("Sqb-TableName", {
               notSelected: !table2Selected
             }),
             onClick: selectTable,
-            children: [table2Selected && _jsx(Tooltip, {
-              title: __(tableIsError() ? isDel ? 'metabase.verify' : 'SqlQueryBuilder.repeatAlias' : 'SqlQueryBuilder.alias'),
-              children: _jsx(Button, {
-                danger: tableIsError(),
-                className: cx(':Sqb-TableName-as', {
-                  isError: tableIsError()
-                }),
-                shape: 'circle',
-                style: isDel ? {
-                  fontSize: 18,
-                  backgroundColor: '#fff',
-                  width: 'auto',
-                  height: 'auto'
-                } : {},
-                iconOnly: true,
-                primary: !isDel,
-                icon: isDel ? _jsx(ExclamationCircleFill, {}) : 'As',
-                size: 'small',
-                onClick: function onClick(e) {
-                  var _meta$table7;
-                  e.stopPropagation();
-                  onChangeTableAlias(((_meta$table7 = meta.table2) === null || _meta$table7 === void 0 ? void 0 : _meta$table7.alias) || '');
-                }
-              })
-            }), table2Selected ? "".concat(meta.table2.datasourceName, ".").concat(meta.table2.name, " ").concat((_meta$table8 = meta.table2) !== null && _meta$table8 !== void 0 && _meta$table8.alias ? "as ".concat((_meta$table9 = meta.table2) === null || _meta$table9 === void 0 ? void 0 : _meta$table9.alias) : '') : __('SqlQueryBuilder.pickTable')]
+            children: [table2Selected && _jsx(_Fragment, {
+              children: function () {
+                var showButton = store.tableEnableAlias || tableIsError() && isDel;
+                var icon = isDel ? _jsx(ExclamationCircleFill, {}) : store.tableEnableAlias ? 'As' : '';
+                return showButton ? _jsx(Tooltip, {
+                  title: __(tableIsError() ? isDel ? 'metabase.verify' : 'SqlQueryBuilder.repeatAlias' : 'SqlQueryBuilder.alias'),
+                  children: _jsx(Button, {
+                    danger: tableIsError(),
+                    className: cx(':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.table2) === 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.table2?.alias || '');
+            //     }}
+            //   ></Button>
+            // </Tooltip>
+            , table2Selected ? "".concat(meta.table2.datasourceName, ".").concat(meta.table2.name, " ").concat((_meta$table8 = meta.table2) !== null && _meta$table8 !== void 0 && _meta$table8.alias && store.tableEnableAlias ? "as ".concat((_meta$table9 = meta.table2) === null || _meta$table9 === void 0 ? void 0 : _meta$table9.alias) : '') : __('SqlQueryBuilder.pickTable')]
           }), store.showSubquery && _jsx(Tooltip, {
             title: __('SqlQueryBuilder.switchSubQuery'),
             children: _jsx(Button, {
@@ -1718,7 +1837,10 @@ var JoinData = function JoinData(props) {
                     var newMeta = store.metaList[groupIndex].list.slice();
                     newMeta[index].expressions[i].list = data;
                     newMeta[index].expressions[i].quotes = _quotes;
-                    store.setMeta(newMeta, groupIndex);
+                    store.setMeta(newMeta, groupIndex, {
+                      obj: newMeta[index].expressions,
+                      type: ChangeType.expressions
+                    });
                   }
                 }), _jsx(Tooltip, {
                   title: __('SqlQueryBuilder.add'),

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

@@ -1,12 +1,12 @@
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import cx from 'classnames';
 import { __ } from '../../../locale';
 import { findIndex, getHelper } from '../../../utils';
 import { TypeEnum, ColumnsPopupThemeEnum, SQL_COLUMN_TYPE } from '../../../store/enum';
-import { MetaSummarize_Enum, AtomsTypeEnum } from '../../../store/types';
+import { MetaSummarize_Enum, AtomsTypeEnum, ChangeType } from '../../../store/types';
 import SelectJoinColumn from '../../dialog/select-join-column';
 import { Tooltip, Button, Modal, Input, Toast } from '@gingkoo/pandora';
 import { uuidv4, getAlias } from '../../../utils/helper';
@@ -151,7 +151,10 @@ var GroupBy = function GroupBy(props) {
           // if (value.quotes !== data.quotes) {
           //   newMeta = newMeta.filter((_: MetaListType, _i: number) => _i <= index);
           // }
-          store.setMeta(newMeta, groupIndex);
+          store.setMeta(newMeta, groupIndex, {
+            obj: newMeta[index].by,
+            type: ChangeType.by
+          });
           closePopup();
         }
       })
@@ -203,7 +206,10 @@ var GroupBy = function GroupBy(props) {
               summarizeType: MetaSummarize_Enum.BY
             });
           });
-          store.setMeta(newMeta, groupIndex);
+          store.setMeta(newMeta, groupIndex, {
+            obj: newMeta[index].by,
+            type: ChangeType.by
+          });
           closePopup();
         }
       })
@@ -253,7 +259,10 @@ var GroupBy = function GroupBy(props) {
                 newMeta[index].by[i].sql = newMeta[index].by[i].sql.split('AS ')[0] + "AS ".concat(fieldAlias); //修改sql
                 newMeta[index].by[i].fieldAlias = fieldAlias;
                 newMeta = changeFieldAlias(newMeta, newMeta[index].by[i]);
-                store.setMeta(newMeta, groupIndex);
+                store.setMeta(newMeta, groupIndex, {
+                  obj: newMeta[index].by,
+                  type: ChangeType.by
+                });
               case 2:
               case "end":
                 return _context.stop();
@@ -322,19 +331,21 @@ var GroupBy = function GroupBy(props) {
           onClick: function onClick(e) {
             return handleUpdate(e, i);
           },
-          children: [v.quotes && _jsx(Tooltip, {
-            title: __('SqlQueryBuilder.alias'),
-            children: _jsx(Button, {
-              className: ':Sqb-TableName-as :Sqb-TableName green-name',
-              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);
-              }
+          children: [v.quotes && _jsx(_Fragment, {
+            children: store.fieldEnableAlias && _jsx(Tooltip, {
+              title: __('SqlQueryBuilder.alias'),
+              children: _jsx(Button, {
+                className: ':Sqb-TableName-as :Sqb-TableName green-name',
+                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) : ''), _jsx("span", {
             style: {

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

@@ -1,7 +1,7 @@
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import cx from 'classnames';
 import { __ } from '../../../locale';
 import { findIndex, getHelper } from '../../../utils';
@@ -9,7 +9,7 @@ import { TypeEnum, SQL_COLUMN_TYPE } from '../../../store/enum';
 import { summarizeToSql } from '../../../store/helper';
 import { Tooltip, Button, Modal, Input, Toast } from '@gingkoo/pandora';
 import { uuidv4 } from '../../../utils/helper';
-import { MetaSummarize_Enum, AtomsTypeEnum } from '../../../store/types';
+import { MetaSummarize_Enum, AtomsTypeEnum, ChangeType } from '../../../store/types';
 import { changeFieldAlias, isValidSQLAlias, isError } from '../../../utils';
 import ItemName from '../components/item-name';
 import { AddIcon, CloseIcon } from '../../icons';
@@ -152,7 +152,10 @@ var SelectIndex = function SelectIndex(props) {
           // if (value.quotes !== data.quotes) {
           //   newMeta = newMeta.filter((_: MetaListType, _i: number) => _i <= index);
           // }
-          store.setMeta(newMeta, groupIndex);
+          store.setMeta(newMeta, groupIndex, {
+            obj: newMeta[index].group,
+            type: ChangeType.group
+          });
           closePopup();
         }
       })
@@ -203,7 +206,10 @@ var SelectIndex = function SelectIndex(props) {
               summarizeType: MetaSummarize_Enum.GROUP
             });
           });
-          store.setMeta(newMeta, groupIndex);
+          store.setMeta(newMeta, groupIndex, {
+            obj: newMeta[index].group,
+            type: ChangeType.group
+          });
           closePopup();
         }
       })
@@ -254,7 +260,10 @@ var SelectIndex = function SelectIndex(props) {
                 newMeta[index].group[i].fieldAlias = fieldAlias;
                 newMeta[index].group[i].sql = newMeta[index].group[i].sql.split('AS ')[0] + "AS ".concat(fieldAlias); //修改sql
                 newMeta = changeFieldAlias(newMeta, newMeta[index].group[i]);
-                store.setMeta(newMeta, groupIndex);
+                store.setMeta(newMeta, groupIndex, {
+                  obj: newMeta[index].group,
+                  type: ChangeType.group
+                });
               case 2:
               case "end":
                 return _context.stop();
@@ -323,19 +332,21 @@ var SelectIndex = function SelectIndex(props) {
           onClick: function onClick(e) {
             return handleUpdate(e, i);
           },
-          children: [v.quotes && _jsx(Tooltip, {
-            title: __('SqlQueryBuilder.alias'),
-            children: _jsx(Button, {
-              className: ':Sqb-TableName-as :Sqb-TableName green-name',
-              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);
-              }
+          children: [v.quotes && _jsx(_Fragment, {
+            children: store.fieldEnableAlias && _jsx(Tooltip, {
+              title: __('SqlQueryBuilder.alias'),
+              children: _jsx(Button, {
+                className: ':Sqb-TableName-as :Sqb-TableName green-name',
+                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) : ''), _jsx("span", {
             style: {