@talex-touch/tuffex 0.3.3 → 0.3.4

package/dist/lib/code-editor/src/TxCodeEditorToolbar.vue2.js

@@ -0,0 +1,93 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const index = require('../../icon/index.js');
+
+const _hoisted_1 = { class: "tx-code-editor-toolbar__actions" };
+const _hoisted_2 = ["disabled", "onClick"];
+const _hoisted_3 = { class: "tx-code-editor-toolbar__label" };
+const _hoisted_4 = {
+  key: 2,
+  class: "tx-code-editor-toolbar__shortcut"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "TxCodeEditorToolbar"
+  },
+  __name: "TxCodeEditorToolbar",
+  props: {
+    actions: {
+      type: Array,
+      default: () => []
+    },
+    compact: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["action"],
+  setup(__props, { emit: __emit }) {
+    const defaultLabels = {
+      format: "Format",
+      search: "Search",
+      foldAll: "Fold",
+      unfoldAll: "Unfold",
+      copy: "Copy"
+    };
+    const defaultActions = [
+      { key: "format" },
+      { key: "search" },
+      { key: "foldAll" },
+      { key: "unfoldAll" },
+      { key: "copy" }
+    ];
+    const props = __props;
+    const emit = __emit;
+    const resolvedActions = vue.computed(() => {
+      return props.actions?.length ? props.actions : defaultActions;
+    });
+    function resolveLabel(action) {
+      return action.label ?? defaultLabels[action.key] ?? action.key;
+    }
+    function handleAction(action) {
+      if (action.disabled)
+        return;
+      emit("action", action.key);
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["tx-code-editor-toolbar", { "is-compact": __props.compact }])
+      }, [
+        vue.renderSlot(_ctx.$slots, "leading", {}, void 0, true),
+        vue.createElementVNode("div", _hoisted_1, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(resolvedActions.value, (action) => {
+            return vue.openBlock(), vue.createElementBlock("button", {
+              key: action.key,
+              type: "button",
+              class: vue.normalizeClass(["tx-code-editor-toolbar__action", { "is-active": action.active }]),
+              disabled: action.disabled,
+              onClick: ($event) => handleAction(action)
+            }, [
+              action.icon && typeof action.icon !== "string" ? (vue.openBlock(), vue.createBlock(vue.unref(index.TxIcon), {
+                key: 0,
+                icon: action.icon,
+                size: 16
+              }, null, 8, ["icon"])) : action.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index.TxIcon), {
+                key: 1,
+                name: action.icon,
+                size: 16
+              }, null, 8, ["name"])) : vue.createCommentVNode("", true),
+              vue.createElementVNode("span", _hoisted_3, vue.toDisplayString(resolveLabel(action)), 1),
+              action.shortcut ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, vue.toDisplayString(action.shortcut), 1)) : vue.createCommentVNode("", true)
+            ], 10, _hoisted_2);
+          }), 128))
+        ]),
+        vue.renderSlot(_ctx.$slots, "trailing", {}, void 0, true)
+      ], 2);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/lib/command-palette/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const withInstall = require('../utils/withInstall.js');
+const withInstall = require('../packages/tuffex/packages/utils/withInstall.js');
 const TxCommandPalette = require('./src/TxCommandPalette.vue.js');
 
 const CommandPalette = withInstall.withInstall(TxCommandPalette.default);

package/dist/lib/command-palette/src/TxCommandPalette.vue.js

@@ -6,6 +6,6 @@ const TxCommandPalette_vue_vue_type_script_setup_true_lang = require('./TxComman
 ;/* empty css                       */
 const _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 
-const TxCommandPalette = /* @__PURE__ */ _pluginVue_exportHelper.default(TxCommandPalette_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-b2251e05"]]);
+const TxCommandPalette = /* @__PURE__ */ _pluginVue_exportHelper.default(TxCommandPalette_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-26178124"]]);
 
 exports.default = TxCommandPalette;

package/dist/lib/command-palette/src/TxCommandPalette.vue2.js

@@ -3,28 +3,43 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 const vue = require('vue');
+const zIndexManager = require('../../packages/tuffex/packages/utils/z-index-manager.js');
 const index = require('../../icon/index.js');
 
 const _hoisted_1 = { class: "tx-command-palette__search" };
-const _hoisted_2 = ["value", "placeholder"];
-const _hoisted_3 = { class: "tx-command-palette__list" };
-const _hoisted_4 = ["onClick"];
-const _hoisted_5 = {
+const _hoisted_2 = {
+  class: "tx-command-palette__search-icon",
+  "aria-hidden": "true"
+};
+const _hoisted_3 = ["value", "placeholder"];
+const _hoisted_4 = { class: "tx-command-palette__list" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = {
   key: 0,
   class: "tx-command-palette__icon",
   "aria-hidden": "true"
 };
-const _hoisted_6 = { class: "tx-command-palette__content" };
-const _hoisted_7 = { class: "tx-command-palette__title" };
-const _hoisted_8 = {
+const _hoisted_7 = { class: "tx-command-palette__content" };
+const _hoisted_8 = { class: "tx-command-palette__title" };
+const _hoisted_9 = {
+  key: 0,
+  class: "tx-command-palette__highlight"
+};
+const _hoisted_10 = { key: 1 };
+const _hoisted_11 = {
   key: 0,
   class: "tx-command-palette__desc"
 };
-const _hoisted_9 = {
+const _hoisted_12 = {
+  key: 0,
+  class: "tx-command-palette__highlight"
+};
+const _hoisted_13 = { key: 1 };
+const _hoisted_14 = {
   key: 1,
   class: "tx-command-palette__shortcut"
 };
-const _hoisted_10 = {
+const _hoisted_15 = {
   key: 0,
   class: "tx-command-palette__empty"
 };
@@ -47,6 +62,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const inputRef = vue.ref(null);
     const query = vue.ref("");
     const activeIndex = vue.ref(0);
+    const zIndex = vue.ref(zIndexManager.getZIndex());
+    const composing = vue.ref(false);
     const visible = vue.computed({
       get: () => props.modelValue,
       set: (v) => emit("update:modelValue", v)
@@ -68,6 +85,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       () => props.modelValue,
       async (v) => {
         if (v) {
+          zIndex.value = zIndexManager.nextZIndex();
           emit("open");
           activeIndex.value = 0;
           await vue.nextTick();
@@ -108,7 +126,71 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
       return icon;
     }
+    function normalizeSegments(value) {
+      return value.split(/\s+/).map((item) => item.trim().toLowerCase()).filter(Boolean);
+    }
+    function getHighlightedParts(text) {
+      if (!text)
+        return [{ text, highlighted: false }];
+      const tokens = normalizeSegments(query.value);
+      if (!tokens.length)
+        return [{ text, highlighted: false }];
+      const lowerText = text.toLowerCase();
+      const ranges = [];
+      for (const token of tokens) {
+        let from = 0;
+        while (from < lowerText.length) {
+          const index = lowerText.indexOf(token, from);
+          if (index === -1)
+            break;
+          ranges.push({ start: index, end: index + token.length });
+          from = index + token.length;
+        }
+      }
+      if (!ranges.length)
+        return [{ text, highlighted: false }];
+      ranges.sort((a, b) => a.start - b.start);
+      const merged = [];
+      for (const range of ranges) {
+        const current = merged[merged.length - 1];
+        if (!current || range.start > current.end) {
+          merged.push({ ...range });
+          continue;
+        }
+        current.end = Math.max(current.end, range.end);
+      }
+      const parts = [];
+      let cursor = 0;
+      for (const range of merged) {
+        if (range.start > cursor) {
+          parts.push({
+            text: text.slice(cursor, range.start),
+            highlighted: false
+          });
+        }
+        parts.push({
+          text: text.slice(range.start, range.end),
+          highlighted: true
+        });
+        cursor = range.end;
+      }
+      if (cursor < text.length) {
+        parts.push({
+          text: text.slice(cursor),
+          highlighted: false
+        });
+      }
+      return parts;
+    }
+    function onCompositionStart() {
+      composing.value = true;
+    }
+    function onCompositionEnd() {
+      composing.value = false;
+    }
     function onKeydown(e) {
+      if (e.isComposing || e.keyCode === 229 || composing.value)
+        return;
       if (!filteredCommands.value.length)
         return;
       if (e.key === "ArrowDown") {
@@ -139,6 +221,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
               class: "tx-command-palette__overlay",
+              style: vue.normalizeStyle({ zIndex: zIndex.value }),
               role: "dialog",
               "aria-modal": "true",
               onClick: vue.withModifiers(close, ["self"])
@@ -148,6 +231,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 style: vue.normalizeStyle({ "--tx-command-palette-max": `${__props.maxHeight}px` })
               }, [
                 vue.createElementVNode("div", _hoisted_1, [
+                  vue.createElementVNode("span", _hoisted_2, [
+                    vue.createVNode(vue.unref(index.TxIcon), {
+                      icon: { type: "builtin", value: "search" },
+                      size: 16
+                    })
+                  ]),
                   vue.createElementVNode("input", {
                     ref_key: "inputRef",
                     ref: inputRef,
@@ -155,10 +244,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     value: query.value,
                     placeholder: __props.placeholder,
                     onInput: _cache[0] || (_cache[0] = (e) => onInput(e.target.value)),
-                    onKeydown
-                  }, null, 40, _hoisted_2)
+                    onKeydown,
+                    onCompositionstart: onCompositionStart,
+                    onCompositionend: onCompositionEnd
+                  }, null, 40, _hoisted_3)
                 ]),
-                vue.createElementVNode("div", _hoisted_3, [
+                vue.createElementVNode("div", _hoisted_4, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filteredCommands.value, (cmd, index$1) => {
                     return vue.openBlock(), vue.createElementBlock("button", {
                       key: cmd.id,
@@ -169,23 +260,39 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       }]),
                       onClick: ($event) => selectItem(cmd)
                     }, [
-                      cmd.icon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5, [
+                      cmd.icon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, [
                         vue.createVNode(vue.unref(index.TxIcon), {
                           icon: resolveIcon(cmd.icon),
                           size: 16
                         }, null, 8, ["icon"])
                       ])) : vue.createCommentVNode("", true),
-                      vue.createElementVNode("span", _hoisted_6, [
-                        vue.createElementVNode("span", _hoisted_7, vue.toDisplayString(cmd.title), 1),
-                        cmd.description ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8, vue.toDisplayString(cmd.description), 1)) : vue.createCommentVNode("", true)
+                      vue.createElementVNode("span", _hoisted_7, [
+                        vue.createElementVNode("span", _hoisted_8, [
+                          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getHighlightedParts(cmd.title), (part, partIndex) => {
+                            return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+                              key: `${cmd.id}-title-${partIndex}`
+                            }, [
+                              part.highlighted ? (vue.openBlock(), vue.createElementBlock("mark", _hoisted_9, vue.toDisplayString(part.text), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_10, vue.toDisplayString(part.text), 1))
+                            ], 64);
+                          }), 128))
+                        ]),
+                        cmd.description ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_11, [
+                          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getHighlightedParts(cmd.description), (part, partIndex) => {
+                            return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+                              key: `${cmd.id}-desc-${partIndex}`
+                            }, [
+                              part.highlighted ? (vue.openBlock(), vue.createElementBlock("mark", _hoisted_12, vue.toDisplayString(part.text), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_13, vue.toDisplayString(part.text), 1))
+                            ], 64);
+                          }), 128))
+                        ])) : vue.createCommentVNode("", true)
                       ]),
-                      cmd.shortcut ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_9, vue.toDisplayString(cmd.shortcut), 1)) : vue.createCommentVNode("", true)
-                    ], 10, _hoisted_4);
+                      cmd.shortcut ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_14, vue.toDisplayString(cmd.shortcut), 1)) : vue.createCommentVNode("", true)
+                    ], 10, _hoisted_5);
                   }), 128)),
-                  !filteredCommands.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, vue.toDisplayString(__props.emptyText), 1)) : vue.createCommentVNode("", true)
+                  !filteredCommands.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15, vue.toDisplayString(__props.emptyText), 1)) : vue.createCommentVNode("", true)
                 ])
               ], 4)
-            ])) : vue.createCommentVNode("", true)
+            ], 4)) : vue.createCommentVNode("", true)
           ]),
           _: 1
         })