@qikdev/vue-ui 0.1.90 → 0.1.94

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.90";
+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: {
@@ -14367,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"];
@@ -14408,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,
@@ -14426,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)
@@ -14524,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,
@@ -14544,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)
@@ -14644,6 +14702,9 @@ const _sfc_main$n = {
     },
     lang: {
       type: String
+    },
+    readonly: {
+      type: Boolean
     }
   },
   watch: {
@@ -14676,6 +14737,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 +14746,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 +14968,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 +15036,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 +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 = {
@@ -16219,7 +16280,7 @@ const _sfc_main$h = {
       isDirtyBeforeInput: false
     };
   },
-  inject: ["parentFormElement"],
+  inject: ["parentFormElement", "additionalContext"],
   provide() {
     return {
       fieldPath: this.fieldPath
@@ -16469,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) {
@@ -16846,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: {
@@ -18993,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),