@ibiz-template/vue3-components 0.7.31-alpha.0 → 0.7.37-alpha.5

package/es/common/pql-editor/pql-editor.mjs

@@ -4,7 +4,7 @@ import { listenJSEvent } from '@ibiz-template/core';
 import { DomEditor, SlatePath, SlateEditor, Boot, createEditor } from '@wangeditor/editor';
 import { PqlModule } from './pql-editor.module.mjs';
 import './components/index.mjs';
-import { FilterModes, ExcludeOPs, parseCustomCond, pqlItemsToPqlNodes, pqlNodesToHtml, generateItems, generateCustomCond, isMove } from './utils/index.mjs';
+import { isMove, generateNodeItems, InOPs, FilterModes, InputOPs, ExcludeOPs, parseCustomCond, pqlItemsToPqlNodes, pqlNodesToHtml, generateCustomCond } from './utils/index.mjs';
 import './pql-editor.css';
 import { IBizPqlEditorSuggestion } from './components/pql-editor-suggestion/pql-editor-suggestion.mjs';
 
@@ -32,6 +32,9 @@ const IBizPqlEditor = /* @__PURE__ */ defineComponent({
       type: Object,
       required: true
     },
+    params: {
+      type: Object
+    },
     renderItem: {
       type: Function
     }
@@ -95,20 +98,95 @@ const IBizPqlEditor = /* @__PURE__ */ defineComponent({
         }
       }
     };
+    const getEntitySuggestionItems = async (field) => {
+      if (!field || !field.appDataEntityId) {
+        return;
+      }
+      const service = await ibiz.hub.getAppDEService(props.context.srfappid, field.appDataEntityId, props.context);
+      const data = await service.fetchDefault(props.context, props.params);
+      if (data && Array.isArray(data.data)) {
+        const items = data.data;
+        if (items.length) {
+          return items.map((item) => {
+            return {
+              type: "pql-field-value",
+              label: item.srfmajortext,
+              value: item.srfkey
+            };
+          });
+        }
+        return [{
+          _msg: ibiz.i18n.t("control.common.currentNoData")
+        }];
+      }
+    };
     const getSuggestionItems = async () => {
-      var _a, _b, _c, _d, _e;
+      var _a, _b, _c, _d, _e, _f, _g, _h;
       if (!editor) {
         return [];
       }
       const currenNode = getCurrentNode();
-      const nodes = ((_a = editor.children[0]) == null ? void 0 : _a.children) || [];
-      const children = nodes.filter((node) => node.type || node.text);
-      if (!currenNode && children.length) {
+      const {
+        selection
+      } = editor;
+      if (!selection) {
         return [];
       }
+      if (selection && ((_b = (_a = selection.focus) == null ? void 0 : _a.path) == null ? void 0 : _b[0]) !== 0) {
+        return [];
+      }
+      if (!currenNode) {
+        if (selection && ((_c = selection.focus) == null ? void 0 : _c.offset) === 0) {
+          const node = SlateEditor.node(editor, selection)[0];
+          if (node) {
+            const el = editor.toDOMNode(node);
+            if (isMove(el)) {
+              return [];
+            }
+          }
+        }
+      }
       if (editor.selection) {
         const node = SlateEditor.node(editor, editor.selection);
-        if (node && ((_b = node[0]) == null ? void 0 : _b.type)) {
+        if (node && ((_d = node[0]) == null ? void 0 : _d.type)) {
+          return [];
+        }
+      }
+      const nodeItems = generateNodeItems(currenNode, getPreviousNode);
+      const nodeItem = nodeItems[nodeItems.length - 1];
+      if (nodeItem && nodeItem.type === "condition") {
+        if (((_e = nodeItem.operator) == null ? void 0 : _e.value) && InOPs.includes(nodeItem.operator.value)) {
+          if (nodeItem.value) {
+            if (currenNode === nodeItem.value[nodeItem.value.length - 1] && currenNode.text) {
+              const text = currenNode.text.slice(0, selection.focus.offset).trim();
+              if (text === "," || text === "[") {
+                const field = props.fields.find((item) => {
+                  var _a2;
+                  return item.appDEFieldId === ((_a2 = nodeItem.key) == null ? void 0 : _a2.value);
+                });
+                if (field && field.appCodeListId) {
+                  const items = await getCodeListItems(field.appCodeListId);
+                  return items.map((item) => {
+                    return {
+                      type: "pql-field-value",
+                      label: item.text,
+                      value: item.value
+                    };
+                  });
+                }
+                const entitySuggestionItems = await getEntitySuggestionItems(field);
+                if (entitySuggestionItems) {
+                  return entitySuggestionItems;
+                }
+              }
+              if (text === "]" || text === "[]") {
+                return connectionList;
+              }
+              if (nodeItem.value.length === 1 && text) {
+                return connectionList;
+              }
+            }
+          }
           return [];
         }
       }
@@ -131,6 +209,9 @@ const IBizPqlEditor = /* @__PURE__ */ defineComponent({
       if (currenNode && currenNode.type === "pql-field-operator") {
         const mode = FilterModes.find((_mode) => _mode.valueOP === currenNode.value);
         if (mode) {
+          if (InputOPs.includes(mode.valueOP)) {
+            return [];
+          }
           if (ExcludeOPs.includes(mode.valueOP)) {
             return connectionList;
           }
@@ -147,6 +228,10 @@ const IBizPqlEditor = /* @__PURE__ */ defineComponent({
                 };
               });
             }
+            const entitySuggestionItems = await getEntitySuggestionItems(field);
+            if (entitySuggestionItems) {
+              return entitySuggestionItems;
+            }
           }
         }
         return [];
@@ -163,13 +248,13 @@ const IBizPqlEditor = /* @__PURE__ */ defineComponent({
       if (currenNode && !currenNode.type) {
         const previousNode = getPreviousNode(currenNode);
         if (previousNode && previousNode.type === "pql-field-operator") {
-          if (((_c = editor.selection) == null ? void 0 : _c.focus.offset) !== 0) {
+          if (((_f = editor.selection) == null ? void 0 : _f.focus.offset) !== 0) {
             return connectionList;
           }
           return [];
         }
         if (previousNode && previousNode.type === "pql-field") {
-          if (((_d = editor.selection) == null ? void 0 : _d.focus.offset) !== 0) {
+          if (((_g = editor.selection) == null ? void 0 : _g.focus.offset) !== 0) {
             return connectionList;
           }
           const field = props.fields.find((item) => item.appDEFieldId === previousNode.value);
@@ -184,7 +269,7 @@ const IBizPqlEditor = /* @__PURE__ */ defineComponent({
           }
         }
         if (previousNode && previousNode.type === "pql-field-connection") {
-          if (((_e = editor.selection) == null ? void 0 : _e.focus.offset) !== 0) {
+          if (((_h = editor.selection) == null ? void 0 : _h.focus.offset) !== 0) {
             return connectionList;
           }
           return props.fields.map((item) => {
@@ -227,6 +312,10 @@ const IBizPqlEditor = /* @__PURE__ */ defineComponent({
       };
       editor.insertNode(node);
       editor.move(1);
+      if (item.type === "pql-field-operator" && InOPs.includes(item.value)) {
+        editor.insertText("[]");
+        editor.moveReverse(1);
+      }
     };
     const showSuggestion = async () => {
       if (!editor) {
@@ -246,6 +335,9 @@ const IBizPqlEditor = /* @__PURE__ */ defineComponent({
         return;
       }
       const items = await getSuggestionItems();
+      if (overlayPopover || !editor.isFocused()) {
+        return;
+      }
       if (!items || !items.length) {
         return;
       }
@@ -268,7 +360,7 @@ const IBizPqlEditor = /* @__PURE__ */ defineComponent({
     const errorMsg = ref();
     const errorMsgEl = ref();
     const verifyNode = () => {
-      var _a;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
       if (!editor) {
         return;
       }
@@ -277,137 +369,139 @@ const IBizPqlEditor = /* @__PURE__ */ defineComponent({
       if (!children.length) {
         return;
       }
-      let last = {
-        type: "pql-field-connection"
-      };
-      for (let i = 0; i < children.length; i++) {
-        const child = children[i];
-        if (last.type === "pql-field-connection") {
-          if (child.type === "pql-field") {
-            last = child;
-          } else if (child.type === "pql-field-operator") {
-            return {
-              msg: "\u9519\u8BEF\u7684\u8868\u8FBE\u5F0F\u3002\u8868\u8FBE\u5F0F\u7F3A\u5931\u5DE6\u503C\u3002",
-              child
-            };
-          } else if (child.type === "pql-field-value" || child.text) {
-            return {
-              msg: "\u9519\u8BEF\u7684\u8868\u8FBE\u5F0F\u3002\u8868\u8FBE\u5F0F\u7F3A\u5931\u5DE6\u503C\u3002",
-              child
-            };
-          } else if (child.type === "pql-field-connection") {
-            return {
-              msg: "\u9519\u8BEF\u7684\u8868\u8FBE\u5F0F\u3002\u8FDE\u63A5\u7B26\u7F3A\u5931\u8868\u8FBE\u5F0F",
-              child
-            };
-          }
-        } else if (last.type === "pql-field") {
-          if (child.type === "pql-field") {
-            return {
-              msg: "\u9519\u8BEF\u7684\u8868\u8FBE\u5F0F\u3002\u8868\u8FBE\u5F0F\u7F3A\u5931\u64CD\u4F5C\u7B26\u3002",
-              child: children[i - 1] || child
-            };
-          }
-          if (child.type === "pql-field-operator") {
-            last = child;
-          } else if (child.type === "pql-field-value" || child.text) {
-            return {
-              msg: "\u9519\u8BEF\u7684\u8868\u8FBE\u5F0F\u3002\u8868\u8FBE\u5F0F\u7F3A\u5931\u64CD\u4F5C\u7B26\u3002",
-              child
-            };
-          } else if (child.type === "pql-field-connection") {
-            return {
-              msg: "\u9519\u8BEF\u7684\u8868\u8FBE\u5F0F\u3002\u8868\u8FBE\u5F0F\u7F3A\u5931\u64CD\u4F5C\u7B26\u3002",
-              child: children[i - 1] || child
-            };
-          }
-        } else if (last.type === "pql-field-operator") {
-          if (last.value && ExcludeOPs.includes(last.value)) {
-            if (child.type === "pql-field") {
-              return {
-                msg: "\u9519\u8BEF\u7684\u8868\u8FBE\u5F0F\u3002\u8868\u8FBE\u5F0F\u7F3A\u5931\u8FDE\u63A5\u7B26\u3002",
-                child
-              };
-            }
-            if (child.type === "pql-field-operator") {
-              return {
-                msg: "\u9519\u8BEF\u7684\u8868\u8FBE\u5F0F\u3002\u8868\u8FBE\u5F0F\u7F3A\u5931\u8FDE\u63A5\u7B26\u3002",
-                child
-              };
-            }
-            if (child.type === "pql-field-value" || child.text) {
-              return {
-                msg: "\u9519\u8BEF\u7684\u8868\u8FBE\u5F0F\u3002\u8868\u8FBE\u5F0F\u7F3A\u5931\u8FDE\u63A5\u7B26\u3002",
-                child
-              };
-            }
-            if (child.type === "pql-field-connection") {
-              last = child;
-            }
-          } else if (child.type === "pql-field") {
-            return {
-              msg: "\u9519\u8BEF\u7684\u8868\u8FBE\u5F0F\u3002\u8868\u8FBE\u5F0F\u7F3A\u5931\u53F3\u503C\u3002",
-              child: children[i - 1] || child
-            };
-          } else if (child.type === "pql-field-operator") {
-            return {
-              msg: "\u9519\u8BEF\u7684\u8868\u8FBE\u5F0F\u3002\u8868\u8FBE\u5F0F\u7F3A\u5931\u53F3\u503C\u3002",
-              child: children[i - 1] || child
-            };
-          } else if (child.type === "pql-field-value" || child.text) {
-            last = child;
-          } else if (child.type === "pql-field-connection") {
-            return {
-              msg: "\u9519\u8BEF\u7684\u8868\u8FBE\u5F0F\u3002\u8868\u8FBE\u5F0F\u7F3A\u5931\u53F3\u503C\u3002",
-              child: children[i - 1] || child
-            };
-          }
-        } else if (last.type === "pql-field-value" || last.text) {
-          if (child.type === "pql-field") {
-            return {
-              msg: "\u9519\u8BEF\u7684\u8868\u8FBE\u5F0F\u3002\u8868\u8FBE\u5F0F\u7F3A\u5931\u8FDE\u63A5\u7B26\u3002",
-              child
-            };
-          }
-          if (child.type === "pql-field-operator") {
-            return {
-              msg: "\u9519\u8BEF\u7684\u8868\u8FBE\u5F0F\u3002\u8868\u8FBE\u5F0F\u7F3A\u5931\u8FDE\u63A5\u7B26\u3002",
-              child
-            };
-          }
-          if (child.type === "pql-field-value" || child.text) {
+      const items = generateNodeItems(children[children.length - 1], getPreviousNode);
+      if (!items.length) {
+        return;
+      }
+      for (let i = 0; i < items.length; i++) {
+        const item = items[i];
+        if (item.type === "connection") {
+          if (((_b = items[i - 1]) == null ? void 0 : _b.type) === "connection" || i === 0 || i === items.length - 1) {
             return {
-              msg: "\u9519\u8BEF\u7684\u8868\u8FBE\u5F0F\u3002\u8868\u8FBE\u5F0F\u7F3A\u5931\u8FDE\u63A5\u7B26\u3002",
-              child
+              msg: ibiz.i18n.t("component.pqlEditor.noExpression"),
+              child: (_c = item.value) == null ? void 0 : _c[0]
             };
           }
-          if (child.type === "pql-field-connection") {
-            last = child;
+          continue;
+        }
+        if (item.type === "condition" && ((_d = items[i - 1]) == null ? void 0 : _d.type) === "condition") {
+          let child;
+          if (item.key) {
+            child = item.key;
+          } else if (item.operator) {
+            child = item.operator;
+          } else if (item.value) {
+            child = (_e = item.value) == null ? void 0 : _e[0];
           }
+          return {
+            msg: ibiz.i18n.t("component.pqlEditor.noConnection"),
+            child
+          };
         }
-      }
-      if (last.type !== "pql-field-value" || !last.text) {
-        if (last.type === "pql-field") {
+        if (!item.key) {
+          let child;
+          if (item.operator) {
+            child = item.operator;
+          } else if (item.value) {
+            child = (_f = item.value) == null ? void 0 : _f[0];
+          }
           return {
-            msg: "\u9519\u8BEF\u7684\u8868\u8FBE\u5F0F\u3002\u8868\u8FBE\u5F0F\u7F3A\u5931\u64CD\u4F5C\u7B26\u3002",
-            child: children[children.length - 1]
+            msg: ibiz.i18n.t("component.pqlEditor.noKey"),
+            child
           };
         }
-        if (last.type === "pql-field-operator") {
-          if (last.value && ExcludeOPs.includes(last.value)) {
-            return;
+        if (!item.operator) {
+          let child = item.key;
+          if (item.value) {
+            child = item.value[0];
+          } else if (items[i + 1]) {
+            if (items[i + 1].type === "connection") {
+              child = (_g = items[i + 1].value) == null ? void 0 : _g[0];
+            } else if (items[i + 1].key) {
+              child = items[i + 1].key;
+            } else if (items[i + 1].operator) {
+              child = items[i + 1].operator;
+            } else if (items[i + 1].value) {
+              child = (_h = items[i + 1].value) == null ? void 0 : _h[0];
+            }
           }
           return {
-            msg: "\u9519\u8BEF\u7684\u8868\u8FBE\u5F0F\u3002\u8868\u8FBE\u5F0F\u7F3A\u5931\u53F3\u503C\u3002",
-            child: children[children.length - 1]
+            msg: ibiz.i18n.t("component.pqlEditor.noOperator"),
+            child
           };
         }
-        if (last.type === "pql-field-connection") {
+        if (item.operator.value && !ExcludeOPs.includes(item.operator.value) && !item.value) {
+          let child = item.operator;
+          if (items[i + 1]) {
+            if (items[i + 1].type === "connection") {
+              child = (_i = items[i + 1].value) == null ? void 0 : _i[0];
+            } else if (items[i + 1].key) {
+              child = items[i + 1].key;
+            } else if (items[i + 1].operator) {
+              child = items[i + 1].operator;
+            } else if (items[i + 1].value) {
+              child = (_j = items[i + 1].value) == null ? void 0 : _j[0];
+            }
+          }
           return {
-            msg: "\u9519\u8BEF\u7684\u8868\u8FBE\u5F0F\u3002\u8FDE\u63A5\u7B26\u7F3A\u5931\u8868\u8FBE\u5F0F\u3002",
-            child: children[children.length - 1]
+            msg: ibiz.i18n.t("component.pqlEditor.noValue"),
+            child
           };
         }
+        if (item.operator.value && InOPs.includes(item.operator.value)) {
+          const value = item.value;
+          if (Array.isArray(value)) {
+            if (value.length > 1 && ((_k = value[0].text) == null ? void 0 : _k.trim()) !== "[") {
+              return {
+                msg: ibiz.i18n.t("component.pqlEditor.errorCombination"),
+                child: value[0]
+              };
+            }
+            let type = "value";
+            for (let j = 1; j < value.length; j++) {
+              if (j === value.length - 1) {
+                if (((_l = value[value.length - 1].text) == null ? void 0 : _l.trim()) !== "]") {
+                  let child = value[value.length - 1];
+                  if (child.type === "pql-field-value") {
+                    if (items[i + 1]) {
+                      if (items[i + 1].type === "connection") {
+                        child = (_m = items[i + 1].value) == null ? void 0 : _m[0];
+                      } else if (items[i + 1].key) {
+                        child = items[i + 1].key;
+                      } else if (items[i + 1].operator) {
+                        child = items[i + 1].operator;
+                      } else if (items[i + 1].value) {
+                        child = (_n = items[i + 1].value) == null ? void 0 : _n[0];
+                      }
+                    }
+                  }
+                  return {
+                    msg: ibiz.i18n.t("component.pqlEditor.errorCombination"),
+                    child
+                  };
+                }
+                continue;
+              }
+              if (type === "value") {
+                if (value[j].type !== "pql-field-value") {
+                  return {
+                    msg: ibiz.i18n.t("component.pqlEditor.errorDelimiter"),
+                    child: value[j]
+                  };
+                }
+                type = "text";
+              } else if (type === "text") {
+                if (value[j].type || ((_o = value[j].text) == null ? void 0 : _o.trim()) !== ",") {
+                  return {
+                    msg: ibiz.i18n.t("component.pqlEditor.noDelimiter"),
+                    child: value[j]
+                  };
+                }
+                type = "value";
+              }
+            }
+          }
+        }
       }
     };
     const verify = () => {
@@ -430,7 +524,7 @@ const IBizPqlEditor = /* @__PURE__ */ defineComponent({
       }
       const pqlItems = parseCustomCond(props.value);
       if (pqlItems) {
-        const nodes = await pqlItemsToPqlNodes(pqlItems, props.fields, getCodeListItems);
+        const nodes = await pqlItemsToPqlNodes(pqlItems);
         if (nodes && nodes.length) {
           const html = pqlNodesToHtml(nodes);
           currentValue.value = props.value;
@@ -454,7 +548,7 @@ const IBizPqlEditor = /* @__PURE__ */ defineComponent({
       }
       const pqlItems = parseCustomCond(props.value);
       if (pqlItems) {
-        const nodes = await pqlItemsToPqlNodes(pqlItems, props.fields, getCodeListItems);
+        const nodes = await pqlItemsToPqlNodes(pqlItems);
         if (nodes && nodes.length) {
           const html = pqlNodesToHtml(nodes);
           currentValue.value = props.value;
@@ -496,7 +590,7 @@ const IBizPqlEditor = /* @__PURE__ */ defineComponent({
         }
         if (!msg) {
           try {
-            const items = generateItems(children);
+            const items = generateNodeItems(children[children.length - 1], getPreviousNode);
             const customCond = generateCustomCond(items, props.fields);
             currentValue.value = customCond;
             emit("change", customCond);
@@ -542,6 +636,11 @@ const IBizPqlEditor = /* @__PURE__ */ defineComponent({
       editor.setHtml(htmlText.value);
       cleanupKeydown = listenJSEvent(editorRef.value, "keydown", (event) => {
         setTimeout(() => {
+          if ((event.key === "ArrowUp" || event.key === "ArrowDown") && editor) {
+            setTimeout(() => {
+              showSuggestion();
+            }, 10);
+          }
           if ((event.key === "ArrowLeft" || event.key === "ArrowRight") && editor) {
             const {
               selection
@@ -565,7 +664,7 @@ const IBizPqlEditor = /* @__PURE__ */ defineComponent({
             }, 10);
           }
         }, 10);
-        if (event.key === "Escape") {
+        if (event.key === "Escape" || event.key === "Enter") {
           event.stopPropagation();
           overlayPopover == null ? void 0 : overlayPopover.dismiss();
         }

package/es/common/pql-editor/utils/index.d.ts

@@ -1,15 +1,19 @@
-import { CodeListItem, ValueOP } from '@ibiz-template/runtime';
-import { IPqlItem, IPqlNode, ISchemaField } from '../../../interface';
+import { ValueOP } from '@ibiz-template/runtime';
+import { SlateNode } from '@wangeditor/editor';
+import { IPqlItem, IPqlNode, IPqlNodeItem, ISchemaField } from '../../../interface';
 export declare const FilterModes: {
     valueOP: ValueOP;
     label: string;
     sqlOP: string;
 }[];
+export declare const InputOPs: string[];
 export declare const ExcludeOPs: string[];
+export declare const InOPs: string[];
 export declare const generateItems: (children: IData[]) => IPqlItem[];
-export declare const generateCustomCond: (items: IPqlItem[], fields: ISchemaField[]) => string;
+export declare const generateNodeItems: (currentNode?: IData, getPreviousNode?: ((node?: SlateNode) => SlateNode | undefined) | undefined) => IPqlNodeItem[];
+export declare const generateCustomCond: (items: IPqlNodeItem[], fields: ISchemaField[]) => string;
 export declare const parseCustomCond: (cond: string) => IData[] | undefined;
-export declare const pqlItemsToPqlNodes: (items: IPqlItem[], fields: ISchemaField[], getCodeListItems: (_id: string) => Promise<readonly CodeListItem[]>) => Promise<IPqlNode[]>;
+export declare const pqlItemsToPqlNodes: (items: IPqlItem[]) => Promise<IPqlNode[]>;
 export declare const pqlNodeToHtml: (node: IPqlNode) => string;
 export declare const pqlNodesToHtml: (nodes: IPqlNode[]) => string;
 export declare function isMove(el?: HTMLElement | null): boolean;