@qikdev/vue-ui 0.1.92 → 0.1.96

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.92";
+const version$1 = "0.1.96";
 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: {
@@ -6104,13 +6165,13 @@ const _sfc_main$R = {
       return params;
     },
     src() {
-      return this.$sdk.api.generateEndpointURL(`/${this.type}/${this.id}`, this.params);
+      return this.$sdk.api.generateEndpointURL(`/${this.type}/${this.id}`, this.params, { file: true });
     },
     previewSrc() {
       var params = Object.assign({}, this.params);
       params.w = 50;
       delete params.h;
-      return this.$sdk.api.generateEndpointURL(`/${this.type}/${this.id}`, params);
+      return this.$sdk.api.generateEndpointURL(`/${this.type}/${this.id}`, params, { file: true });
     },
     imageStyle() {
       var style = {};
@@ -6180,7 +6241,7 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 12, _hoisted_2$C))
   ], 6);
 }
-var UXImage = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["render", _sfc_render$R], ["__scopeId", "data-v-1f7127ce"]]);
+var UXImage = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["render", _sfc_render$R], ["__scopeId", "data-v-a5d2a840"]]);
 var progressbar_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$Q = {
   props: {
@@ -14366,8 +14427,8 @@ const _hoisted_3$c = {
 const _hoisted_4$c = { key: 2 };
 const _hoisted_5$7 = { class: "ux-text-wrap prefixed" };
 const _hoisted_6$7 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("span", { class: "ux-text-prefix" }, "Label", -1));
-const _hoisted_7$5 = ["onBlur", "onUpdate:modelValue"];
-const _hoisted_8$2 = ["onBlur", "onUpdate:modelValue"];
+const _hoisted_7$5 = ["onBlur", "on:update:modelValue", "onUpdate:modelValue"];
+const _hoisted_8$2 = ["onBlur", "on:update:modelValue", "onUpdate:modelValue"];
 const _hoisted_9$2 = { class: "ux-text-wrap prefixed" };
 const _hoisted_10$2 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("span", { class: "ux-text-prefix" }, "Value", -1));
 const _hoisted_11$1 = ["onFocus", "onUpdate:modelValue"];
@@ -14407,7 +14468,8 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
                     ref: "input",
                     onKeydown: _cache[1] || (_cache[1] = withKeys(withModifiers(($event) => _ctx.add(), ["stop", "prevent"]), ["enter"])),
                     onBlur: ($event) => $options.titleBlurred(index2),
-                    "onUpdate:modelValue": [($event) => $options.entryTitleChanged(index2), ($event) => _ctx.model[index2].title = $event]
+                    "on:update:modelValue": ($event) => $options.entryTitleChanged(index2),
+                    "onUpdate:modelValue": ($event) => _ctx.model[index2].title = $event
                   }, null, 40, _hoisted_7$5)), [
                     [
                       vModelText,
@@ -14425,7 +14487,8 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
                     ref: "input",
                     onKeydown: _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => _ctx.add(), ["stop", "prevent"]), ["enter"])),
                     onBlur: ($event) => $options.titleBlurred(index2),
-                    "onUpdate:modelValue": [($event) => $options.entryTitleChanged(index2), ($event) => _ctx.model[index2].title = $event]
+                    "on:update:modelValue": ($event) => $options.entryTitleChanged(index2),
+                    "onUpdate:modelValue": ($event) => _ctx.model[index2].title = $event
                   }, null, 40, _hoisted_8$2)), [
                     [vModelText, _ctx.model[index2].title]
                   ]) : createCommentVNode("", true)
@@ -14523,10 +14586,8 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
                 ref: "input",
                 onKeydown: _cache[8] || (_cache[8] = withKeys(withModifiers(($event) => _ctx.add(), ["stop", "prevent"]), ["enter"])),
                 onBlur: _cache[9] || (_cache[9] = ($event) => $options.titleBlurred(_ctx.index)),
-                "onUpdate:modelValue": [
-                  _cache[10] || (_cache[10] = (...args) => $options.entryTitleChanged && $options.entryTitleChanged(...args)),
-                  _cache[11] || (_cache[11] = ($event) => _ctx.model.title = $event)
-                ]
+                "on:update:modelValue": _cache[10] || (_cache[10] = (...args) => $options.entryTitleChanged && $options.entryTitleChanged(...args)),
+                "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => _ctx.model.title = $event)
               }, null, 544)), [
                 [
                   vModelText,
@@ -14543,10 +14604,8 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
                 ref: "input",
                 onKeydown: _cache[13] || (_cache[13] = withKeys(withModifiers(($event) => _ctx.add(), ["stop", "prevent"]), ["enter"])),
                 onBlur: _cache[14] || (_cache[14] = ($event) => $options.titleBlurred(_ctx.index)),
-                "onUpdate:modelValue": [
-                  _cache[15] || (_cache[15] = (...args) => $options.entryTitleChanged && $options.entryTitleChanged(...args)),
-                  _cache[16] || (_cache[16] = ($event) => _ctx.model.title = $event)
-                ]
+                "on:update:modelValue": _cache[15] || (_cache[15] = (...args) => $options.entryTitleChanged && $options.entryTitleChanged(...args)),
+                "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => _ctx.model.title = $event)
               }, null, 544)), [
                 [vModelText, _ctx.model.title]
               ]) : createCommentVNode("", true)
@@ -16154,7 +16213,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 = {
@@ -16220,7 +16280,7 @@ const _sfc_main$h = {
       isDirtyBeforeInput: false
     };
   },
-  inject: ["parentFormElement"],
+  inject: ["parentFormElement", "additionalContext"],
   provide() {
     return {
       fieldPath: this.fieldPath
@@ -16470,11 +16530,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) {
@@ -16847,7 +16909,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: {
@@ -18994,7 +19056,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
                       "onClick:actions": $options.actionsClicked,
                       "onSelect:item:toggle": $options.rowToggled,
                       "onClick:item": $options.rowClicked
-                    }, null, 8, ["cacheKey", "selection", "items", "onClick:actions", "onSelect:item:toggle", "onClick:item"])) : (openBlock(), createBlock(_component_native_table, {
+                    }, null, 40, ["cacheKey", "selection", "items", "onClick:actions", "onSelect:item:toggle", "onClick:item"])) : (openBlock(), createBlock(_component_native_table, {
                       key: 1,
                       sort: $data.sort,
                       "onUpdate:sort": _cache[0] || (_cache[0] = ($event) => $data.sort = $event),