sun-card-design 1.1.37 → 1.1.38

package/dist/sun-card-designer.es92.js

@@ -1,199 +0,0 @@
-import { ref, computed, onMounted, watch, createElementBlock, openBlock, createElementVNode, normalizeStyle } from "vue";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _hoisted_1 = { class: "edit-input" };
-const TOKEN_TEXT = "{哈哈哈}";
-const _sfc_main = {
-  __name: "editInput",
-  props: {
-    filed: { type: String, default: "defaultValue" },
-    record: { type: Object },
-    minRows: { type: Number, default: 1 },
-    maxRows: { type: Number, default: 10 }
-  },
-  setup(__props, { expose: __expose }) {
-    const editableRef = ref(null);
-    const TOKEN_REGEX = /\{[^{}]+\}/g;
-    const props = __props;
-    const lineHeightPx = ref(22);
-    const editableStyle = computed(() => {
-      const minRows = Math.max(0, Number(props.minRows || 0));
-      const maxRows = Math.max(minRows, Number(props.maxRows || minRows));
-      const verticalPadding = 16;
-      const minH = minRows * lineHeightPx.value + verticalPadding;
-      const maxH = maxRows * lineHeightPx.value + verticalPadding;
-      return {
-        minHeight: `${minH}px`,
-        maxHeight: `${maxH}px`,
-        overflowY: "auto"
-      };
-    });
-    const insertToken = (tokenText) => {
-      if (!editableRef.value) return;
-      insertTokenAtCursor(editableRef.value, tokenText || TOKEN_TEXT);
-      emitCurrentValue();
-    };
-    const onInput = () => {
-      emitCurrentValue();
-    };
-    const ensureCaret = () => {
-      requestAnimationFrame(() => {
-        const el = editableRef.value;
-        if (!el) return;
-        const sel = window.getSelection();
-        if (!sel || sel.rangeCount === 0) {
-          placeCaretAtEnd(el);
-        }
-      });
-    };
-    function renderFromModelValue(value) {
-      const el = editableRef.value;
-      if (!el) return;
-      el.innerHTML = "";
-      if (!value) return;
-      const text = String(value);
-      let lastIndex = 0;
-      let match;
-      while ((match = TOKEN_REGEX.exec(text)) !== null) {
-        const before = text.slice(lastIndex, match.index);
-        if (before) el.appendChild(document.createTextNode(before));
-        const chip = createTokenSpan(match[0]);
-        el.appendChild(chip);
-        lastIndex = match.index + match[0].length;
-      }
-      const tail = text.slice(lastIndex);
-      if (tail) el.appendChild(document.createTextNode(tail));
-    }
-    function emitCurrentValue() {
-      const el = editableRef.value;
-      if (!el) return;
-      const val = getValueFromContainer(el);
-      if (val !== props.record[props.filed]) {
-        props.record[props.filed] = val;
-      }
-    }
-    function getValueFromContainer(container) {
-      let out = "";
-      container.childNodes.forEach((node) => {
-        if (node.nodeType === Node.ELEMENT_NODE) {
-          const el = node;
-          if (el.classList && el.classList.contains("token-chip")) {
-            out += el.textContent || "";
-          } else {
-            out += el.textContent || "";
-          }
-        } else if (node.nodeType === Node.TEXT_NODE) {
-          out += node.nodeValue || "";
-        }
-      });
-      return out;
-    }
-    onMounted(() => {
-      renderFromModelValue(props.record[props.filed]);
-      if (editableRef.value) {
-        placeCaretAtEnd(editableRef.value);
-        const cs = window.getComputedStyle(editableRef.value);
-        let lh = parseFloat(cs.lineHeight);
-        if (!lh || Number.isNaN(lh)) {
-          const fs = parseFloat(cs.fontSize) || 14;
-          lh = fs * 1.6;
-        }
-        lineHeightPx.value = lh;
-      }
-    });
-    watch(
-      () => props.record[props.filed],
-      (val) => {
-        const current = editableRef.value ? getValueFromContainer(editableRef.value) : "";
-        if (val !== current) {
-          renderFromModelValue(val);
-        }
-      }
-    );
-    function createTokenSpan(text) {
-      const span = document.createElement("span");
-      span.textContent = text;
-      span.contentEditable = "false";
-      span.className = "token-chip";
-      span.setAttribute("data-token", text);
-      span.style.display = "inline-block";
-      span.style.background = "#e6f4ff";
-      span.style.color = "#1677ff";
-      span.style.fontSize = "12px";
-      span.style.borderRadius = "6px";
-      span.style.padding = "0";
-      span.style.margin = "0";
-      span.style.cursor = "default";
-      span.style.userSelect = "none";
-      span.style.whiteSpace = "nowrap";
-      return span;
-    }
-    function insertTokenAtCursor(container, text) {
-      const token = createTokenSpan(text);
-      const selection = window.getSelection();
-      if (!selection || selection.rangeCount === 0 || !isSelectionInside(container, selection)) {
-        container.appendChild(token);
-        placeCaretAfterNode(container, token);
-        return;
-      }
-      const range = selection.getRangeAt(0);
-      if (!isRangeInside(container, range)) {
-        container.appendChild(token);
-        placeCaretAfterNode(container, token);
-        return;
-      }
-      range.deleteContents();
-      range.insertNode(token);
-      const newRange = document.createRange();
-      newRange.setStartAfter(token);
-      newRange.collapse(true);
-      selection.removeAllRanges();
-      selection.addRange(newRange);
-    }
-    function isSelectionInside(container, selection) {
-      const node = selection.anchorNode;
-      return container.contains(node);
-    }
-    function isRangeInside(container, range) {
-      const { startContainer, endContainer } = range;
-      return container.contains(startContainer) && container.contains(endContainer);
-    }
-    function placeCaretAtEnd(el) {
-      el.focus();
-      const selection = window.getSelection();
-      const range = document.createRange();
-      range.selectNodeContents(el);
-      range.collapse(false);
-      selection.removeAllRanges();
-      selection.addRange(range);
-    }
-    function placeCaretAfterNode(container, node) {
-      container.focus();
-      const selection = window.getSelection();
-      const range = document.createRange();
-      range.setStartAfter(node);
-      range.collapse(true);
-      selection.removeAllRanges();
-      selection.addRange(range);
-    }
-    __expose({ insertToken });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", {
-          ref_key: "editableRef",
-          ref: editableRef,
-          class: "editable",
-          contenteditable: "true",
-          spellcheck: "false",
-          onClick: ensureCaret,
-          onInput,
-          style: normalizeStyle(editableStyle.value)
-        }, null, 36)
-      ]);
-    };
-  }
-};
-const EditInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5fde2c14"]]);
-export {
-  EditInput as default
-};

package/dist/sun-card-designer.es95.js

@@ -1,180 +0,0 @@
-import { ref, onUnmounted, watch, resolveComponent, createElementBlock, openBlock, createVNode, withCtx, createElementVNode } from "vue";
-const _hoisted_1 = ["innerHTML"];
-const _sfc_main = {
-  __name: "qflowComp",
-  emits: ["confirm"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const emit = __emit;
-    const open = ref(false);
-    const expandedKeys = ref([]);
-    const selectedKeys = ref([]);
-    const searchValue = ref("");
-    const autoExpandParent = ref(true);
-    const treeData = ref([]);
-    const selectedItem = ref(null);
-    const flatList = ref([]);
-    const valueToParent = /* @__PURE__ */ new Map();
-    const valueToNode = /* @__PURE__ */ new Map();
-    const pendingDefault = ref(null);
-    let searchTimeout = null;
-    onUnmounted(() => {
-      if (searchTimeout) {
-        clearTimeout(searchTimeout);
-        searchTimeout = null;
-      }
-      valueToParent.clear();
-      valueToNode.clear();
-      flatList.value = [];
-    });
-    const onOpen = (defaultSelected) => {
-      open.value = true;
-      expandedKeys.value = [];
-      selectedKeys.value = [];
-      autoExpandParent.value = true;
-      selectedItem.value = null;
-      flatList.value = [];
-      valueToParent.clear();
-      valueToNode.clear();
-      if (defaultSelected && defaultSelected.value !== null) {
-        pendingDefault.value = defaultSelected;
-        searchValue.value = defaultSelected.label || "";
-      } else {
-        pendingDefault.value = null;
-        searchValue.value = "";
-      }
-    };
-    const onExpand = (keys) => {
-      expandedKeys.value = keys;
-      autoExpandParent.value = false;
-    };
-    const onSelect = (keys, info) => {
-      if (info?.node && info.node.selectable === false) {
-        return;
-      }
-      selectedKeys.value = keys;
-      const label = info?.node?.label || info?.node?.title || "";
-      const value = info?.node?.value;
-      if (label && value !== null) {
-        selectedItem.value = { label, value };
-        searchValue.value = label;
-      }
-    };
-    const handleOk = () => {
-      if (selectedItem.value) {
-        emit("confirm", { ...selectedItem.value });
-      }
-      open.value = false;
-    };
-    watch(searchValue, (val) => {
-      if (searchTimeout) {
-        clearTimeout(searchTimeout);
-      }
-      searchTimeout = setTimeout(() => {
-        try {
-          if (!val) {
-            expandedKeys.value = [];
-            autoExpandParent.value = false;
-            return;
-          }
-          const lower = String(val).toLowerCase();
-          const matched = flatList.value.filter(
-            (item) => String(item.label || "").toLowerCase().includes(lower)
-          );
-          if (matched.length > 1e3) {
-            console.warn("搜索结果过多，可能影响性能");
-          }
-          const parents = /* @__PURE__ */ new Set();
-          const visitedParents = /* @__PURE__ */ new Set();
-          matched.forEach((item) => {
-            let p = valueToParent.get(item.value);
-            let maxIterations = 100;
-            while (p !== null && p !== void 0 && !visitedParents.has(p) && maxIterations > 0) {
-              visitedParents.add(p);
-              parents.add(p);
-              p = valueToParent.get(p);
-              maxIterations--;
-            }
-          });
-          expandedKeys.value = Array.from(parents);
-          autoExpandParent.value = true;
-        } catch (error) {
-          console.error("搜索处理时出错:", error);
-        }
-      }, 300);
-    });
-    function highlight(text) {
-      try {
-        const raw = String(text === null ? "" : text);
-        const key = String(searchValue.value || "");
-        if (!key) return escapeHtml(raw);
-        const i = raw.toLowerCase().indexOf(key.toLowerCase());
-        if (i === -1) return escapeHtml(raw);
-        const before = raw.slice(0, i);
-        const match = raw.slice(i, i + key.length);
-        const after = raw.slice(i + key.length);
-        return `${escapeHtml(before)}<span style="color:#1677ff">${escapeHtml(
-          match
-        )}</span>${escapeHtml(after)}`;
-      } catch (error) {
-        console.error("高亮处理时出错:", error);
-        return escapeHtml(String(text === null ? "" : text));
-      }
-    }
-    function escapeHtml(str) {
-      return String(str).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
-    }
-    __expose({
-      onOpen
-    });
-    return (_ctx, _cache) => {
-      const _component_a_input_search = resolveComponent("a-input-search");
-      const _component_a_tree = resolveComponent("a-tree");
-      const _component_a_modal = resolveComponent("a-modal");
-      return openBlock(), createElementBlock("div", null, [
-        createVNode(_component_a_modal, {
-          open: open.value,
-          "onUpdate:open": _cache[3] || (_cache[3] = ($event) => open.value = $event),
-          title: "选择工作流",
-          onOk: handleOk,
-          bodyStyle: { maxHeight: "65vh", overflowY: "auto" }
-        }, {
-          default: withCtx(() => [
-            createVNode(_component_a_input_search, {
-              value: searchValue.value,
-              "onUpdate:value": _cache[0] || (_cache[0] = ($event) => searchValue.value = $event),
-              style: { "margin-bottom": "8px" },
-              placeholder: "请搜索"
-            }, null, 8, ["value"]),
-            createVNode(_component_a_tree, {
-              expandedKeys: expandedKeys.value,
-              "onUpdate:expandedKeys": _cache[1] || (_cache[1] = ($event) => expandedKeys.value = $event),
-              selectedKeys: selectedKeys.value,
-              "onUpdate:selectedKeys": _cache[2] || (_cache[2] = ($event) => selectedKeys.value = $event),
-              "auto-expand-parent": autoExpandParent.value,
-              "tree-data": treeData.value,
-              fieldNames: {
-                children: "children",
-                title: "label",
-                key: "value"
-              },
-              selectable: true,
-              onExpand,
-              onSelect
-            }, {
-              title: withCtx(({ label }) => [
-                createElementVNode("span", {
-                  innerHTML: highlight(label)
-                }, null, 8, _hoisted_1)
-              ]),
-              _: 1
-            }, 8, ["expandedKeys", "selectedKeys", "auto-expand-parent", "tree-data"])
-          ]),
-          _: 1
-        }, 8, ["open"])
-      ]);
-    };
-  }
-};
-export {
-  _sfc_main as default
-};