@qikdev/vue-ui 0.1.89 → 0.1.93

package/dist/lib.es.js

@@ -32,7 +32,7 @@ var __objRest = (source, exclude) => {
 };
 import { openBlock, createElementBlock, renderSlot, resolveComponent, createBlock, withCtx, createVNode, Fragment, renderList, normalizeClass, toDisplayString, withDirectives, resolveDynamicComponent, vShow, withModifiers, createTextVNode, createCommentVNode, createElementVNode, mergeProps, toHandlers, pushScopeId, popScopeId, normalizeStyle, Teleport, vModelText, vModelSelect, withKeys, TransitionGroup, defineComponent, h, nextTick, vModelDynamic, vModelCheckbox, reactive, watch } from "vue";
 import { EventDispatcher } from "@qikdev/sdk";
-const version$1 = "0.1.89";
+const version$1 = "0.1.93";
 var flexColumn_vue_vue_type_style_index_0_scoped_true_lang = "";
 var _export_sfc = (sfc, props2) => {
   const target = sfc.__vccOpts || sfc;
@@ -4949,6 +4949,9 @@ const _sfc_main$$ = {
     selected: {
       type: Boolean
     },
+    index: {
+      type: Number
+    },
     row: {
       type: Object,
       required: true
@@ -4979,7 +4982,8 @@ const _sfc_main$$ = {
       this.$emit("click:actions", row);
     },
     clickSelect(row) {
-      this.$emit("click:select", row);
+      const index2 = this.index;
+      this.$emit("click:select", row, index2);
     }
   },
   computed: {
@@ -5144,9 +5148,24 @@ const _sfc_main$_ = {
   },
   data() {
     return {
-      sorting: this.sort
+      sorting: this.sort,
+      lastSelectedIndex: null,
+      shift: false,
+      keyListenersAdded: false
     };
   },
+  mounted() {
+    this.addKeyListeners();
+  },
+  activated() {
+    this.addKeyListeners();
+  },
+  beforeUnmount() {
+    this.removeKeyListeners();
+  },
+  deactivated() {
+    this.removeKeyListeners();
+  },
   computed: {
     currentSortDirection() {
       var _a;
@@ -5187,6 +5206,32 @@ const _sfc_main$_ = {
     }
   },
   methods: {
+    keyDown(event) {
+      if (event.keyCode == 16) {
+        this.shift = true;
+      }
+    },
+    keyUp(event) {
+      if (event.keyCode == 16) {
+        this.shift = false;
+      }
+    },
+    addKeyListeners() {
+      if (this.keyListenersAdded) {
+        return;
+      }
+      window.addEventListener("keydown", this.keyDown, true);
+      window.addEventListener("keyup", this.keyUp, true);
+      this.keyListenersAdded = true;
+    },
+    removeKeyListeners() {
+      if (!this.keyListenersAdded) {
+        return;
+      }
+      window.removeEventListener("keydown", this.keyDown, true);
+      window.removeEventListener("keyup", this.keyUp, true);
+      this.keyListenersAdded = false;
+    },
     togglePage() {
       var self2 = this;
       if (self2.pageSelected) {
@@ -5218,6 +5263,13 @@ const _sfc_main$_ = {
       }
       return array;
     },
+    selectRange(start, end) {
+      const self2 = this;
+      const startIndex = Math.min(start, end);
+      const endIndex = Math.max(start, end) + 1;
+      var targetRows = self2.renderRows.slice(startIndex, endIndex);
+      self2.$emit("select:multiple", targetRows);
+    },
     toggleSort(column) {
       var _a, _b;
       const currentKey = (_a = this.sorting) == null ? void 0 : _a.key;
@@ -5241,7 +5293,15 @@ const _sfc_main$_ = {
     clickActions(row) {
       this.$emit("click:actions", row);
     },
-    clickSelect(row) {
+    clickSelect(row, index2) {
+      const currentSelectedIndex = this.lastSelectedIndex;
+      if (this.shift) {
+        if (currentSelectedIndex != index2) {
+          console.log("FROM", currentSelectedIndex, "-", index2);
+          return this.selectRange(currentSelectedIndex, index2);
+        }
+      }
+      this.lastSelectedIndex = index2;
       this.$emit("select:row:toggle", row);
     }
   }
@@ -5367,7 +5427,7 @@ function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
           ])
         ]),
         createElementVNode("tbody", null, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList($options.renderRows, (row) => {
+          (openBlock(true), createElementBlock(Fragment, null, renderList($options.renderRows, (row, index2) => {
             return openBlock(), createBlock(_component_table_row, {
               enableSelection: $props.enableSelection,
               enableActions: $props.enableActions,
@@ -5378,15 +5438,16 @@ function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
               "onClick:actions": $options.clickActions,
               selected: $options.isSelected(row),
               row,
+              index: index2,
               columns: $props.columns
-            }, null, 8, ["enableSelection", "enableActions", "onClick:cell", "onClick:row", "onClick:select", "onClick:actions", "selected", "row", "columns"]);
+            }, null, 8, ["enableSelection", "enableActions", "onClick:cell", "onClick:row", "onClick:select", "onClick:actions", "selected", "row", "index", "columns"]);
           }), 128))
         ])
       ])
     ], 512)
   ]);
 }
-var NativeTable = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$_], ["__scopeId", "data-v-23402222"]]);
+var NativeTable = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$_], ["__scopeId", "data-v-2b235040"]]);
 var spinner_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$Z = {
   props: {
@@ -5672,9 +5733,8 @@ const _sfc_main$V = {
       }
       if (this.to) {
         return `router-link`;
-      } else {
-        return "a";
       }
+      return "a";
     }
   }
 };
@@ -5692,7 +5752,7 @@ function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["onClick", "to", "href", "target", "class"]);
 }
-var UXLink = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$V], ["__scopeId", "data-v-efa81728"]]);
+var UXLink = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$V], ["__scopeId", "data-v-8b82829a"]]);
 var icon_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$U = {
   props: {
@@ -14644,6 +14704,9 @@ const _sfc_main$n = {
     },
     lang: {
       type: String
+    },
+    readonly: {
+      type: Boolean
     }
   },
   watch: {
@@ -14676,6 +14739,7 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [
       createVNode(_component_v_ace_editor, {
         onBlur: $options.format,
+        readonly: $props.readonly,
         class: "editor-wrap",
         value: $data.model,
         "onUpdate:value": _cache[0] || (_cache[0] = ($event) => $data.model = $event),
@@ -14684,12 +14748,12 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
         lang: $props.lang,
         theme: "tomorrow_night_eighties",
         style: { "height": "300px" }
-      }, null, 8, ["onBlur", "value", "onInit", "lang"])
+      }, null, 8, ["onBlur", "readonly", "value", "onInit", "lang"])
     ]),
     _: 1
   })) : createCommentVNode("", true);
 }
-var CodeEditor = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$n], ["__scopeId", "data-v-ff0cfcf4"]]);
+var CodeEditor = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$n], ["__scopeId", "data-v-edf89936"]]);
 var codeEditorField_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$m = {
   components: {
@@ -14906,9 +14970,7 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_icon = resolveComponent("ux-icon");
   const _component_ux_button = resolveComponent("ux-button");
   const _component_flex_row = resolveComponent("flex-row");
-  return openBlock(), createElementBlock("div", {
-    onKeydown: _cache[2] || (_cache[2] = withKeys(withModifiers(($event) => _ctx.enterPress($event), ["stop"]), ["enter"]))
-  }, [
+  return openBlock(), createElementBlock("div", null, [
     _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$f, [
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$c, "*")) : createCommentVNode("", true)
@@ -14976,9 +15038,9 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.model = $event)
       }, null, 8, ["onFocus", "modelValue"])
     ]))
-  ], 32);
+  ]);
 }
-var RichTextField = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$k], ["__scopeId", "data-v-ba71f3d6"]]);
+var RichTextField = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$k], ["__scopeId", "data-v-46ce3b2b"]]);
 var InternalRouteSelect_vue_vue_type_style_index_0_scoped_true_lang = "";
 function isUndefined$1(entry) {
   return entry === void 0 || typeof entry === "undefined" || entry === null || String(entry) === "null" || String(entry) === "undefined";
@@ -16153,7 +16215,8 @@ function computedExpression(key) {
       return;
     }
     let context = self2.expressionsContext;
-    return service.evaluateExpression(expression, context);
+    let result = service.evaluateExpression(expression, context);
+    return result;
   };
 }
 const _sfc_main$h = {
@@ -16219,7 +16282,7 @@ const _sfc_main$h = {
       isDirtyBeforeInput: false
     };
   },
-  inject: ["parentFormElement"],
+  inject: ["parentFormElement", "additionalContext"],
   provide() {
     return {
       fieldPath: this.fieldPath
@@ -16469,11 +16532,13 @@ const _sfc_main$h = {
       return this.field.expressions;
     },
     expressionsContext() {
-      return {
+      const context = {
         this: this.model,
         model: this.model,
-        data: this.parentModel
+        data: this.parentModel,
+        additional: __spreadValues({}, this.additionalContext.value)
       };
+      return context;
     },
     hidden() {
       if (this.actualField.readOnly) {
@@ -16846,7 +16911,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     $options.error && $data.validateResults.message ? (openBlock(), createElementBlock("div", _hoisted_1$c, toDisplayString($data.validateResults.message), 1)) : createCommentVNode("", true)
   ], 34)) : createCommentVNode("", true);
 }
-var UXFormField = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$h], ["__scopeId", "data-v-1d0f7c92"]]);
+var UXFormField = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$h], ["__scopeId", "data-v-64d30f70"]]);
 var form_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$g = {
   props: {
@@ -18550,6 +18615,9 @@ const _sfc_main$9 = {
     },
     selectedItems(items) {
       this.$emit("update:modelValue", items);
+    },
+    loadKey() {
+      this.$emit("loaded");
     }
   },
   computed: {
@@ -18905,7 +18973,6 @@ const _sfc_main$9 = {
         cancelInflight = null;
         self2.loading = false;
         self2.loadKey++;
-        self2.$emit("loaded");
       });
       promise.catch(function(err) {
         cancelInflight = null;
@@ -18946,7 +19013,7 @@ const _sfc_main$9 = {
     };
   }
 };
-const _withScopeId$1 = (n2) => (pushScopeId("data-v-7783955b"), n2 = n2(), popScopeId(), n2);
+const _withScopeId$1 = (n2) => (pushScopeId("data-v-1a77f116"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$7 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("p", null, null, -1));
 const _hoisted_2$6 = { key: 0 };
 const _hoisted_3$5 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("p", null, null, -1));
@@ -19134,7 +19201,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   })) : createCommentVNode("", true);
 }
-var ContentBrowser = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9], ["__scopeId", "data-v-7783955b"]]);
+var ContentBrowser = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9], ["__scopeId", "data-v-1a77f116"]]);
 var ScopeItem_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$8 = {
   props: {