@gingkoo/pandora-metabase 1.0.14 → 1.0.15

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

@@ -5,44 +5,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _index2 = _interopRequireDefault(require("../../index"));
-var _pandora = require("@gingkoo/pandora");
 var _locale = require("../../locale");
-var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
 var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
 var _helper = require("../../utils/helper");
 var _utils = require("../../utils");
 var _enum = require("../../store/enum");
-var _selectList = _interopRequireDefault(require("../dialog/select-list"));
-var _types = require("../../store/types");
+var _formulaList = _interopRequireDefault(require("../dialog/formula-list"));
 var _Wrapper = _interopRequireDefault(require("./components/Wrapper"));
-var _icons = require("../icons");
 var _metaIcon = _interopRequireDefault(require("./components/meta-icon"));
 var _header = _interopRequireDefault(require("./components/header"));
-var _dialog = require("../dialog");
-var _arrow = _interopRequireDefault(require("./arrow.svg"));
+var _filterEnum = require("./enum/filter-enum");
 var _useProvider = require("../../hooks/use-provider");
-var _excluded = ["notExistsToolbar", "toolbar"];
 var Filter = function Filter(props) {
   var meta = props.meta,
     groupIndex = props.groupIndex;
   var store = (0, _useProvider.useStore)();
   var filter = meta.filter;
   var notExistsColumns = store.preProps.notExistsColumns;
-  var filterCustomType = store.filterCustomType;
+  // const filterCustomType = store.filterCustomType;
   var index = (0, _utils.findIndex)(store.metaList[groupIndex].list, meta);
-  var notSelected = !meta.filter.length;
-  var _useState = (0, _react.useState)(-1),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    ind = _useState2[0],
-    setInd = _useState2[1];
+  // let notSelected = !meta.filter.length;
+  // const [ind, setInd] = useState(-1);
   function getColumns() {
     var _getHelper = (0, _utils.getHelper)(store.metaList[groupIndex].list, meta),
       ExistAboveGroupBy = _getHelper.ExistAboveGroupBy,
@@ -54,21 +40,23 @@ var Filter = function Filter(props) {
     if (ExistAboveGroupBy) {
       var _prevGroupBy$group, _prevGroupBy$by;
       var _data = {
-        table: prevGroupBy.alias,
-        tableId: prevGroupBy.alias,
-        tableUuid: prevGroupBy.tableUuid,
         alias: prevGroupBy.alias,
+        name: prevGroupBy.alias,
+        name_zh: prevGroupBy.alias,
+        // tableId: (prevGroupBy as MetaSummarize).alias,
+        id: prevGroupBy.alias,
+        tableUuid: prevGroupBy.tableUuid,
+        // alias: (prevGroupBy as MetaSummarize).alias,
         datasourceId: mainTable.table.datasourceId,
         datasourceName: mainTable.table.datasourceName,
         columns: []
       };
       if (prevGroupBy !== null && prevGroupBy !== void 0 && (_prevGroupBy$group = prevGroupBy.group) !== null && _prevGroupBy$group !== void 0 && _prevGroupBy$group.length) {
         _data.columns = _data.columns.concat(prevGroupBy.group.map(function (v) {
-          return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
-            name_zh: v.quotes
-          }, v), {}, {
-            name: v.quotes,
-            // name_zh: '',
+          return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, v), {}, {
+            name: v.name || v.quotes,
+            name_zh: v.name_zh || v.quotes,
+            id: v.id || v.fieldId,
             database_type: (v === null || v === void 0 ? void 0 : v.database_type) || _enum.SQL_COLUMN_TYPE.FLOAT,
             sql: v.sql,
             special_type: '',
@@ -78,11 +66,10 @@ var Filter = function Filter(props) {
       }
       if (prevGroupBy !== null && prevGroupBy !== void 0 && (_prevGroupBy$by = prevGroupBy.by) !== null && _prevGroupBy$by !== void 0 && _prevGroupBy$by.length) {
         _data.columns = _data.columns.concat(prevGroupBy.by.map(function (v) {
-          return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
-            name_zh: v.quotes
-          }, v), {}, {
-            name: v.quotes,
-            // name_zh: '',
+          return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, v), {}, {
+            name: v.name || v.quotes,
+            name_zh: v.name_zh || v.quotes,
+            id: v.id || v.fieldId,
             database_type: (v === null || v === void 0 ? void 0 : v.database_type) || _enum.SQL_COLUMN_TYPE.FLOAT,
             sql: v.sql,
             special_type: '',
@@ -104,8 +91,9 @@ var Filter = function Filter(props) {
         joinData.map(function (v) {
           return {
             alias: v.table2.alias,
-            table: v.table2.name,
-            tableId: v.table2.id,
+            name: v.table2.name,
+            name_zh: v.table2.name_zh,
+            id: v.table2.id,
             tableUuid: v.table2.tableUuid || (0, _helper.uuidv4)('table'),
             columns: v.columns,
             datasourceId: mainTable.table.datasourceId,
@@ -119,8 +107,11 @@ var Filter = function Filter(props) {
         if (v.type === _enum.TypeEnum.data) {
           return {
             alias: v.table.alias,
-            table: v.table.name,
-            tableId: v.table.id,
+            // table: v.table.name,
+            name: v.table.name,
+            name_zh: v.table.name_zh,
+            // tableId: v.table.id,
+            id: v.table.id,
             tableUuid: v.table.tableUuid || (0, _helper.uuidv4)('table'),
             columns: v.columns,
             datasourceId: mainTable.table.datasourceId,
@@ -129,8 +120,9 @@ var Filter = function Filter(props) {
         } else if (v.type === _enum.TypeEnum.joinData) {
           return {
             alias: v.table2.alias,
-            table: v.table2.name,
-            tableId: v.table2.id,
+            name: v.table2.name,
+            name_zh: v.table2.name_zh,
+            id: v.table2.id,
             tableUuid: v.table2.tableUuid || (0, _helper.uuidv4)('table'),
             columns: v.columns,
             datasourceId: mainTable.table.datasourceId,
@@ -142,331 +134,21 @@ var Filter = function Filter(props) {
           };
         }
       }).filter(function (v) {
-        return v.table;
+        return v.name;
       });
     }
     return data;
   }
-  function handleUpdate(e, i) {
-    var newMeta = store.metaList[groupIndex].list.slice();
-    var val = filter[i];
-    if (val.type === _types.Filter_TypeEnum.NOT_EXISTS || val.type === _types.Filter_TypeEnum.EXISTS) {
-      showNotExists(i, '', val.type);
-      return;
-    }
-    var data = [].concat((0, _toConsumableArray2["default"])(getColumns()), (0, _toConsumableArray2["default"])((0, _cloneDeep["default"])(notExistsColumns || [])));
-    store.setPopup({
-      visible: true,
-      node: e.currentTarget,
-      content: (0, _jsxRuntime.jsx)(_dialog.SelectFilter, {
-        filterCustomType: filterCustomType,
-        data: data,
-        value: filter[i],
-        onChange: function onChange(data) {
-          newMeta[index].filter.splice(i, 1, data);
-          store.setMeta(newMeta, groupIndex);
-          closePopup();
-        }
-      })
-    });
-  }
-  function handleAdd(e) {
-    var node = e.currentTarget;
-    var newMeta = store.metaList[groupIndex].list.slice();
-    var data = [].concat((0, _toConsumableArray2["default"])(getColumns()), (0, _toConsumableArray2["default"])((0, _cloneDeep["default"])(notExistsColumns || [])));
-    var _index = Number(node.getAttribute('v-index'));
-    var _type = node.getAttribute('v-type');
-    var value = {
-      table: '',
-      // 表名
-      tableId: '',
-      // 表名
-      fieldUuid: '',
-      //  字段唯一id
-      fieldAlias: '',
-      //字段别名
-      tableUuid: '',
-      alias: '',
-      // 表的别名
-      name: '',
-      // 字段名
-      id: '',
-      // 字段名
-      database_type: '',
-      // 字段类型
-      condition: '',
-      // 选择条件
-      val: [],
-      // 选择结果 如果有两个 长度就为2
-      quotes: '',
-      // 前端显示用户看的文字
-      datasourceId: '',
-      datasourceName: '',
-      type: _types.Filter_TypeEnum.EXPRESSION // 过滤类型
-    };
-    store.setPopup({
-      visible: true,
-      node: e.currentTarget,
-      content: (0, _jsxRuntime.jsx)(_dialog.SelectFilter, {
-        filterCustomType: filterCustomType,
-        data: data,
-        value: value,
-        onChange: function onChange(val) {
-          if (_type) {
-            if (_type === 'before') {
-              newMeta[index].filter.splice(_index, 0, val);
-            } else {
-              console.log('🚀 ~ ', newMeta[index].filter);
-              newMeta[index].filter.splice(_index + 1, 0, val);
-            }
-          } else {
-            newMeta[index].filter.push(val);
-          }
-          store.setMeta(newMeta, groupIndex);
-          closePopup();
-        }
-      })
-    });
-  }
-  function handleDel(e, itemId) {
-    e.stopPropagation();
-    closePopup();
-    var newMeta = store.metaList[groupIndex].list.slice();
-    // @ts-ignore
-    newMeta[index].filter = filter.filter(function (_, i) {
-      return i !== itemId;
-    });
-    store.setMeta(newMeta, groupIndex);
-  }
   function closePopup() {
     store.setPopup({
       visible: false
     });
   }
-  var options = ['(', ')', 'AND', 'OR'];
-  var addOperator = function addOperator(val, i, type) {
+  var selectFilter = function selectFilter(val) {
     var newMeta = store.metaList[groupIndex].list.slice();
-    var _filter = filter.slice();
-    if (type === 'before') {
-      _filter.splice(i, 0, val);
-    } else {
-      _filter.splice(i + 1, 0, val);
-    }
-    newMeta[index].filter = (0, _toConsumableArray2["default"])(_filter);
-    setInd(-1);
-  };
-  // NotExists 窗口
-  var showNotExists = function showNotExists(i, position, type) {
-    var _newMeta$index$filter, _newMeta$index$filter2;
-    var _store$preProps = store.preProps,
-      notExistsToolbar = _store$preProps.notExistsToolbar,
-      toolbar = _store$preProps.toolbar,
-      other = (0, _objectWithoutProperties2["default"])(_store$preProps, _excluded);
-    var newMeta = store.metaList[groupIndex].list.slice();
-    var index = (0, _utils.findIndex)(store.metaList[groupIndex].list, meta);
-    var _value = position ? [] : ((_newMeta$index$filter = newMeta[index].filter[i]) === null || _newMeta$index$filter === void 0 ? void 0 : _newMeta$index$filter.notExists) || [];
-    var oldList = position ? [] : (0, _cloneDeep["default"])(((_newMeta$index$filter2 = newMeta[index].filter[i]) === null || _newMeta$index$filter2 === void 0 ? void 0 : _newMeta$index$filter2.notExists) || []);
-    var _toolbar = notExistsToolbar || toolbar;
-    _toolbar = _toolbar.filter(function (v) {
-      return v !== 'group';
-    }); // 子查询不需要分组
-    var notExistsColumns = getColumns();
-    var o = _pandora.Modal2.openModal({
-      title: type === _types.Filter_TypeEnum.EXISTS ? 'EXISTS' : 'NOT EXISTS',
-      transparentMask: true,
-      content: (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-        children: (0, _jsxRuntime.jsx)(_index2["default"], (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, other), {}, {
-          notExistsColumns: notExistsColumns,
-          showFields: false,
-          showSubquery: false,
-          toolbar: _toolbar,
-          btnText: (0, _locale.__)('SqlQueryBuilder.confirm'),
-          value: _value,
-          onOk: function onOk(newList) {
-            try {
-              // 子查询未改变不做操作
-              if ((0, _isEqual["default"])(newList, oldList)) {
-                o.close();
-                return;
-              }
-              var _tem = {
-                notExists: newList,
-                quotes: (0, _utils.buildSqlQuery)(newList, type),
-                condition: '',
-                table: '',
-                tableId: '',
-                fieldUuid: (0, _helper.uuidv4)('field'),
-                //  字段唯一id
-                fieldAlias: '',
-                //字段别名
-                tableUuid: (0, _helper.uuidv4)('table'),
-                alias: '',
-                name: '',
-                id: '',
-                database_type: '',
-                val: [],
-                datasourceId: '',
-                datasourceName: '',
-                type: type
-              };
-              // 新增
-              if (i === -1) {
-                // 如果是新增子查询
-                newMeta[index].filter.push(_tem);
-                o.close();
-              } else if (position) {
-                //新增
-                if (position === 'before') {
-                  newMeta[index].filter.splice(i, 0, _tem);
-                } else {
-                  newMeta[index].filter.splice(i + 1, 0, _tem);
-                }
-              } else {
-                // 编辑
-                newMeta[index].filter[i] = _tem;
-              }
-              store.setMeta(newMeta, groupIndex);
-              o.close();
-            } catch (e) {
-              console.warn(e);
-            } finally {
-              o.close();
-            }
-          }
-        }))
-      }),
-      onClose: function onClose() {}
-    });
+    newMeta[index].filter = val;
+    store.setMeta(newMeta, groupIndex);
   };
-  // 过滤类型，子查询为完整的查询语句，表达式为单个字段
-  // 目前只支持表达式和子查询两种类型
-  var filterType = [
-  // {
-  //   value: Filter_TypeEnum.FIELD,
-  //   label: __('customColumn.field'),
-  // },
-  // {
-  //   value: Filter_TypeEnum.INPUT,
-  //   label: __('SqlQueryBuilder.input'),
-  // },
-  {
-    value: _types.Filter_TypeEnum.EXPRESSION,
-    label: (0, _locale.__)('customColumn.expression') //表达式
-  }, {
-    value: _types.Filter_TypeEnum.EXISTS,
-    label: 'EXISTS'
-  }, {
-    value: _types.Filter_TypeEnum.NOT_EXISTS,
-    label: 'NOT EXISTS'
-  }];
-  // 选择过滤类型
-  function addSelectType(e) {
-    var _e = (0, _cloneDeep["default"])(e);
-    var node = _e.currentTarget;
-    var _index = node.getAttribute('v-index') || -1;
-    var _type = node.getAttribute('v-type');
-    store.setPopup({
-      visible: true,
-      node: e.currentTarget,
-      content: (0, _jsxRuntime.jsx)(_selectList["default"], {
-        className: 'purple',
-        list: filterType,
-        onChange: function onChange(type) {
-          closePopup();
-          // 如果是新增子查询
-          if (type === _types.Filter_TypeEnum.EXPRESSION) {
-            handleAdd(_e);
-          } else if (type === _types.Filter_TypeEnum.NOT_EXISTS || type === _types.Filter_TypeEnum.EXISTS) {
-            showNotExists(_index, _type, type);
-          }
-        }
-      })
-    });
-  }
-  // const itemDom = (v: MetaFilter_Item, i: number) => {
-  //   if (typeof v === 'string') {
-  //     return (
-  //       <div className={`Sqb-TableName purple-name`} key={i}>
-  //         {v}
-  //         <span style={{ fontSize: 0 }} onClick={(e) => handleDel(e, i)}>
-  //           <CloseIcon />
-  //         </span>
-  //       </div>
-  //     );
-  //   }
-  //   if (v.type === Filter_TypeEnum.NOT_EXISTS) {
-  //     return (
-  //       <div className={`Sqb-TableName purple-name`} key={i} onClick={(e) => handleUpdate(e, i)}>
-  //         not exitis ( * )
-  //         <span style={{ fontSize: 0 }} onClick={(e) => handleDel(e, i)}>
-  //           <CloseIcon />
-  //         </span>
-  //       </div>
-  //     );
-  //   } else if (v.type === Filter_TypeEnum.EXPRESSION) {
-  //     return (
-  //       <div className={`Sqb-TableName purple-name`} key={i} onClick={(e) => handleUpdate(e, i)}>
-  //         {v.quotes}
-  //         <span style={{ fontSize: 0 }} onClick={(e) => handleDel(e, i)}>
-  //           <CloseIcon />
-  //         </span>
-  //       </div>
-  //     );
-  //   }
-  //   else if (v.type === Filter_TypeEnum.INPUT) {
-  //     // 输入框
-  //     return (
-  //       <div className={cx(`Sqb-TableName notSelected `)}>
-  //         <Input
-  //           className={':Sqb-Custom-input'}
-  //           value={v.operator}
-  //           placeholder={__('SqlQueryBuilder.pleaseEnter')}
-  //           size='large'
-  //           onChange={(val) => {
-  //             handleConstant(val, index);
-  //           }}
-  //         />
-  //         <span style={{ fontSize: 0 }} onClick={(e) => handleDel(e, index)}>
-  //           <CloseIcon />
-  //         </span>
-  //       </div>
-  //     );
-  //   } else if (v.type === Filter_TypeEnum.OPERATOR) {
-  //     //连接符
-  //     return (
-  //       <Select
-  //         triggerProps={{
-  //           clickToClose: true,
-  //         }}
-  //         value={v.operator}
-  //         triggerElement={(value) => {
-  //           return (
-  //             <div
-  //               className={cx(`Sqb-TableName `, {
-  //                 notSelected: !v.operator,
-  //               })}
-  //             >
-  //               {!v.operator && __('customColumn.selectOperator')}
-  //               {v.operator}
-  //               <span style={{ fontSize: 0 }} onClick={(e) => handleDel(e, index)}>
-  //                 <CloseIcon />
-  //               </span>
-  //             </div>
-  //           );
-  //         }}
-  //         onChange={(val) => {
-  //           handleConstant(val, index);
-  //         }}
-  //       >
-  //         {operatorList.map((option, index) => (
-  //           <Select.Option key={index + '' + ind} value={option}>
-  //             {option}
-  //           </Select.Option>
-  //         ))}
-  //       </Select>
-  //     );
-  //   }
-  // };
   return (0, _jsxRuntime.jsx)(_Wrapper["default"], {
     className: "Sqb-item",
     children: (0, _jsxRuntime.jsxs)("div", {
@@ -480,114 +162,15 @@ var Filter = function Filter(props) {
         }
       }) : null, (0, _jsxRuntime.jsx)("div", {
         className: "Sqb-item--content",
-        children: (0, _jsxRuntime.jsxs)("div", {
-          className: "Sqb-NotebookCell gray-bg",
-          children: [filter.map(function (v, i) {
-            return (0, _jsxRuntime.jsxs)("div", {
-              className: (0, _classnames["default"])('Sqb-Filter-item', {
-                hover: ind === i
-              }),
-              onMouseEnter: function onMouseEnter(e) {
-                setInd(i);
-              },
-              onMouseLeave: function onMouseLeave() {
-                setInd(-1);
-              },
-              children: [(0, _jsxRuntime.jsx)(_pandora.Select, {
-                trigger: 'hover',
-                triggerProps: {
-                  clickToClose: true
-                },
-                triggerElement: function triggerElement() {
-                  return (0, _jsxRuntime.jsx)("div", {
-                    className: 'left-arrow',
-                    onClick: addSelectType,
-                    "v-index": i,
-                    "v-type": 'before',
-                    children: (0, _jsxRuntime.jsx)("img", {
-                      src: _arrow["default"]
-                    })
-                  });
-                },
-                onChange: function onChange(val) {
-                  addOperator(val, i, 'before');
-                },
-                children: options.map(function (option) {
-                  return (0, _jsxRuntime.jsx)(_pandora.Select.Option, {
-                    value: option,
-                    children: option
-                  }, option);
-                })
-              }), typeof v === 'string' ? (0, _jsxRuntime.jsxs)("div", {
-                className: "Sqb-TableName purple-name",
-                children: [v, (0, _jsxRuntime.jsx)("span", {
-                  style: {
-                    fontSize: 0
-                  },
-                  onClick: function onClick(e) {
-                    return handleDel(e, i);
-                  },
-                  children: (0, _jsxRuntime.jsx)(_icons.CloseIcon, {})
-                })]
-              }, i) : (0, _jsxRuntime.jsxs)("div", {
-                className: "Sqb-TableName purple-name",
-                onClick: function onClick(e) {
-                  return handleUpdate(e, i);
-                },
-                children: [v.type === _types.Filter_TypeEnum.NOT_EXISTS ? 'not exitis ( * )' : v.type === _types.Filter_TypeEnum.EXISTS ? 'exitis ( * )' : v.quotes, (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)(_pandora.Select, {
-                trigger: 'hover',
-                triggerProps: {
-                  clickToClose: true
-                },
-                triggerElement: function triggerElement(value) {
-                  return (0, _jsxRuntime.jsx)("div", {
-                    className: 'right-arrow',
-                    onClick: addSelectType,
-                    "v-index": i,
-                    "v-type": 'after',
-                    children: (0, _jsxRuntime.jsx)("img", {
-                      src: _arrow["default"]
-                    })
-                  });
-                },
-                onChange: function onChange(val) {
-                  addOperator(val, i, 'after');
-                },
-                children: options.map(function (option) {
-                  return (0, _jsxRuntime.jsx)(_pandora.Select.Option, {
-                    value: option,
-                    children: option
-                  }, option);
-                })
-              })]
-            }, i);
-          }), (0, _jsxRuntime.jsx)("div", {
-            className: (0, _classnames["default"])("Sqb-TableName purple-name", {
-              notSelected: notSelected
-            }),
-            onClick: addSelectType,
-            children: notSelected ? (0, _locale.__)('filter.addFiltersToNarrowDownYourAnswers') : (0, _jsxRuntime.jsx)(_icons.AddIcon, {})
-          }), Array.from(filter).length > 0 && (0, _jsxRuntime.jsxs)("p", {
-            className: 'Sqb-NotebookCell-preview',
-            children: ["\u9884\u89C8\uFF1A", filter.map(function (v, i) {
-              if (typeof v === 'string') {
-                return v;
-              } else if (v.type === _types.Filter_TypeEnum.NOT_EXISTS || v.type === _types.Filter_TypeEnum.EXISTS) {
-                return "".concat((0, _utils.buildSqlQuery)(v.notExists, v.type));
-              } else {
-                return v.quotes;
-              }
-            }).join(' ')]
-          })]
+        children: (0, _jsxRuntime.jsx)(_formulaList["default"], {
+          customTypes: _filterEnum.customTypes,
+          operatorList: _filterEnum.operatorList,
+          value: filter,
+          data: [].concat((0, _toConsumableArray2["default"])(getColumns()), (0, _toConsumableArray2["default"])((0, _cloneDeep["default"])(notExistsColumns || []))),
+          exitData: getColumns(),
+          onChange: function onChange(val) {
+            selectFilter(val);
+          }
         })
       }), (0, _jsxRuntime.jsx)(_metaIcon["default"], {
         meta: meta,