@ibiz-template/vue3-components 0.7.30-alpha.3 → 0.7.31-alpha.0

package/lib/common/fullscreen-toolbar/fullscreen-toolbar.cjs

@@ -106,10 +106,19 @@ const IBizFullscreenToolbar = /* @__PURE__ */ vue.defineComponent({
         app.mount(content);
       }
     };
+    const clearFullscreenClass = () => {
+      if (ibiz.fullscreenUtil.FullscreenClass) {
+        const divFull = document.querySelector(".".concat(ibiz.fullscreenUtil.FullscreenClass));
+        if (divFull) {
+          divFull.classList.toggle(ibiz.fullscreenUtil.FullscreenClass);
+        }
+      }
+    };
     const compressArrowsClick = () => {
       const div = document.getElementById("fullscreen");
       if (div) {
         document.exitFullscreen();
+        clearFullscreenClass();
         if (div.parentElement) {
           div.parentElement.removeChild(div);
         }
@@ -121,6 +130,7 @@ const IBizFullscreenToolbar = /* @__PURE__ */ vue.defineComponent({
       } else {
         const div = document.getElementById("fullscreen");
         if (div) {
+          clearFullscreenClass();
           if (div.parentElement) {
             div.parentElement.removeChild(div);
           }

package/lib/common/fullscreen-toolbar/fullscreen-toolbar.css

@@ -1 +1 @@
-.ibiz-fullscreen-toolbar{position:fixed;bottom:28px;left:0;display:flex;flex-flow:row nowrap;place-content:center center;align-items:center;width:100%;height:30px}.ibiz-fullscreen-toolbar__wrapper{z-index:101;display:flex;flex-flow:row nowrap;place-content:center center;align-items:center;width:100%;height:inherit}.ibiz-fullscreen-toolbar__wrapper:hover .ibiz-fullscreen-toolbar__wrapper-content{display:flex}.ibiz-fullscreen-toolbar__wrapper-content{z-index:101;display:none;flex-flow:row nowrap;place-content:center center;align-items:center;width:169px;height:56px;padding:12px 16px;background-color:#333;border-radius:6px}.ibiz-fullscreen-toolbar__item{display:flex;flex-flow:row nowrap;place-content:center center;align-items:center;width:32px;height:32px;padding:8px;margin-right:8px;cursor:pointer;border-radius:4px;fill:#fff}.ibiz-fullscreen-toolbar__item:hover{background-color:#5c5c5c;fill:#6698ff}.ibiz-fullscreen-toolbar__divider{position:relative;box-sizing:border-box;display:inline-block;height:1rem;padding:0;margin:0;margin:0 16px;font-size:.875rem;line-height:1.5715;color:#333;vertical-align:middle;list-style:none;border-top:0;border-left:1px solid #666}.ibiz-fullscreen-toolbar__canvas{z-index:100}.ibiz-fullscreen-toolbar__canvas>.cursor{cursor:none!important}.ibiz-fullscreen-toolbar__canvas>.nocursor{display:none!important}.ibiz-fullscreen-toolbar__canvas>canvas{position:fixed;top:0;left:0;z-index:-1;width:100vw;height:100vh;background:0 0}.ibiz-fullscreen-toolbar__tooltip .el-popper__arrow{display:block}
+.ibiz-fullscreen-toolbar{position:fixed;bottom:28px;left:0;z-index:100;display:flex;flex-flow:row nowrap;place-content:center center;align-items:center;width:100%;height:30px}.ibiz-fullscreen-toolbar__wrapper{z-index:101;display:flex;flex-flow:row nowrap;place-content:center center;align-items:center;width:100%;height:inherit}.ibiz-fullscreen-toolbar__wrapper:hover .ibiz-fullscreen-toolbar__wrapper-content{display:flex}.ibiz-fullscreen-toolbar__wrapper-content{z-index:101;display:none;flex-flow:row nowrap;place-content:center center;align-items:center;width:169px;height:56px;padding:12px 16px;background-color:#333;border-radius:6px}.ibiz-fullscreen-toolbar__item{display:flex;flex-flow:row nowrap;place-content:center center;align-items:center;width:32px;height:32px;padding:8px;margin-right:8px;cursor:pointer;border-radius:4px;fill:#fff}.ibiz-fullscreen-toolbar__item:hover{background-color:#5c5c5c;fill:#6698ff}.ibiz-fullscreen-toolbar__divider{position:relative;box-sizing:border-box;display:inline-block;height:1rem;padding:0;margin:0;margin:0 16px;font-size:.875rem;line-height:1.5715;color:#333;vertical-align:middle;list-style:none;border-top:0;border-left:1px solid #666}.ibiz-fullscreen-toolbar__canvas{z-index:100}.ibiz-fullscreen-toolbar__canvas>.cursor{cursor:none!important}.ibiz-fullscreen-toolbar__canvas>.nocursor{display:none!important}.ibiz-fullscreen-toolbar__canvas>canvas{position:fixed;top:0;left:0;z-index:-1;width:100vw;height:100vh;background:0 0}.ibiz-fullscreen-toolbar__tooltip .el-popper__arrow{display:block}

package/lib/common/index.cjs

@@ -28,6 +28,7 @@ var carouselCard = require('./carousel-card/carousel-card.cjs');
 var emojiSelect = require('./emoji-select/emoji-select.cjs');
 var quickEdit = require('./quick-edit/quick-edit.cjs');
 var fullscreenToolbar = require('./fullscreen-toolbar/fullscreen-toolbar.cjs');
+var pqlEditor = require('./pql-editor/pql-editor.cjs');
 
 "use strict";
 const IBizCommonComponents = {
@@ -69,6 +70,7 @@ const IBizCommonComponents = {
     v.component(customTheme.CustomTheme.name, customTheme.CustomTheme);
     v.component(carouselCard.IBizCarouselCard.name, carouselCard.IBizCarouselCard);
     v.component(fullscreenToolbar.IBizFullscreenToolbar.name, fullscreenToolbar.IBizFullscreenToolbar);
+    v.component(pqlEditor.IBizPqlEditor.name, pqlEditor.IBizPqlEditor);
   }
 };
 

package/lib/common/pql-editor/components/index.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var pqlEditorSuggestion = require('./pql-editor-suggestion/pql-editor-suggestion.cjs');
+
+"use strict";
+
+exports.IBizPqlEditorSuggestion = pqlEditorSuggestion.IBizPqlEditorSuggestion;

package/lib/common/pql-editor/components/pql-editor-suggestion/pql-editor-suggestion.cjs

@@ -0,0 +1,51 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./pql-editor-suggestion.css');
+
+"use strict";
+const IBizPqlEditorSuggestion = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizPqlEditorSuggestion",
+  props: {
+    items: {
+      type: Array,
+      default: () => []
+    },
+    renderItem: {
+      type: Function
+    }
+  },
+  emits: {
+    select: (_item) => true
+  },
+  setup(_props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("pql-editor-suggestion");
+    const handleClick = (item) => {
+      emit("select", item);
+    };
+    return {
+      ns,
+      handleClick
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [this.items.map((item) => {
+      return vue.createVNode("div", {
+        "class": [this.ns.b("item")],
+        "onClick": (e) => {
+          e.stopPropagation();
+          this.handleClick(item);
+        }
+      }, [this.renderItem ? this.renderItem(item) : vue.createVNode("div", {
+        "class": this.ns.be("item", "text")
+      }, [item.label || ""])]);
+    })]);
+  }
+});
+
+exports.IBizPqlEditorSuggestion = IBizPqlEditorSuggestion;

package/lib/common/pql-editor/components/pql-editor-suggestion/pql-editor-suggestion.css

@@ -0,0 +1 @@
+.ibiz-pql-editor-suggestion{max-height:320px;padding:var(--ibiz-spacing-base-tight) 0;overflow-y:auto}.ibiz-pql-editor-suggestion-item{display:flex;align-items:center;min-height:40px;padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-base-loose);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;outline:0}.ibiz-pql-editor-suggestion-item:hover{background-color:var(--ibiz-color-fill-1)}.ibiz-pql-editor-suggestion-item__text{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}