@qynpm/ui 0.0.2 → 1.0.4

package/dist/lib/qy-search-input/index.vue.mjs

@@ -0,0 +1,277 @@
+import { defineComponent as ae, useAttrs as ue, ref as y, computed as b, watch as re, createElementBlock as F, openBlock as V, normalizeClass as se, createVNode as ie, unref as B, mergeProps as M, withKeys as ce, createSlots as de, withCtx as i, renderSlot as d, createElementVNode as E, createCommentVNode as pe, toDisplayString as I, createBlock as fe, createTextVNode as ge } from "vue";
+import { ElAutocomplete as he, ElButton as me } from "element-plus";
+/* empty css            */
+import ve from "../../_virtual/plugin-vue_export-helper.mjs";
+const ye = { class: "qy-search-input__item" }, be = ["innerHTML"], Ve = {
+  key: 0,
+  class: "qy-search-input__item-description"
+}, Be = ae({
+  name: "QySearchInput",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    modelValue: { default: "" },
+    loading: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    placeholder: { default: "请输入搜索内容" },
+    removeSpace: { type: Boolean, default: !1 },
+    trimMode: { default: "none" },
+    clearable: { type: Boolean, default: !0 },
+    buttonText: { default: "搜索" },
+    buttonProps: { default: () => ({}) },
+    suggestions: { default: () => [] },
+    fetchSuggestions: { type: [Function, null], default: null },
+    fetchSuggestionsMethod: { type: [Function, null], default: null },
+    debounce: { default: 300 },
+    minLength: { default: 1 },
+    triggerOnFocus: { type: Boolean, default: !1 },
+    searchOnEnter: { type: Boolean, default: !0 },
+    searchOnSelect: { type: Boolean, default: !1 },
+    highlightKeyword: { type: Boolean, default: !0 },
+    teleported: { type: Boolean, default: !0 },
+    appendTo: { default: "body" },
+    popperClass: { default: "" },
+    fitInputWidth: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue", "search", "clear", "input", "change", "focus", "blur", "enter", "select", "visible-change", "suggestions-change", "error"],
+  setup(L, { expose: T, emit: A }) {
+    const l = L, o = A, O = ue(), r = y(null), c = y(u(l.modelValue)), f = b(() => u(l.modelValue)), _ = b(
+      () => ["qy-search-input__popper", l.popperClass].filter(Boolean).join(" ")
+    ), z = b(() => u(l.modelValue)), g = y("");
+    re(
+      () => l.modelValue,
+      (e) => {
+        c.value = u(e);
+      }
+    );
+    function u(e) {
+      return e == null ? "" : String(e);
+    }
+    function P(e) {
+      return l.removeSpace ? e.replace(/\s+/g, "") : e;
+    }
+    function w(e, t) {
+      return l.trimMode !== t ? e : e.trim();
+    }
+    function h(e) {
+      return P(u(e));
+    }
+    function m(e) {
+      c.value = e, o("update:modelValue", e);
+    }
+    function S(e, t = "") {
+      return {
+        ...e,
+        label: e.label || e.value,
+        value: e.value || e.label,
+        description: e.description || t
+      };
+    }
+    function v(e = []) {
+      return e.flatMap((t) => {
+        if (Array.isArray(t.items)) {
+          const n = t;
+          return n.items.map((a) => S(a, n.groupLabel));
+        }
+        return S(t);
+      });
+    }
+    function K(e) {
+      const t = e.toLowerCase();
+      return (n) => [n.label, n.value, n.description].filter(Boolean).some((a) => String(a).toLowerCase().includes(t));
+    }
+    function R(e) {
+      return e ? e.length >= l.minLength : l.triggerOnFocus;
+    }
+    function s(e) {
+      o("suggestions-change", e), o("visible-change", e.length > 0);
+    }
+    async function D(e) {
+      if (!R(e))
+        return s([]), [];
+      if (l.fetchSuggestionsMethod) {
+        const a = await new Promise((p) => {
+          var $;
+          ($ = l.fetchSuggestionsMethod) == null || $.call(l, e, (oe) => {
+            p(v(oe));
+          });
+        });
+        return s(a), a;
+      }
+      if (l.fetchSuggestions) {
+        const a = await l.fetchSuggestions(e), p = v(Array.isArray(a) ? a : []);
+        return s(p), p;
+      }
+      const t = v(l.suggestions), n = e ? t.filter(K(e)) : t;
+      return s(n), n;
+    }
+    async function H(e, t) {
+      g.value = e;
+      try {
+        const n = await D(e);
+        t(n);
+      } catch (n) {
+        o("error", n), s([]), t([]);
+      }
+    }
+    function N() {
+      var e, t;
+      g.value && ((t = (e = r.value) == null ? void 0 : e.getData) == null || t.call(e, g.value));
+    }
+    function Q(e) {
+      const t = h(e);
+      m(t);
+    }
+    function q(e) {
+      const t = h(e);
+      c.value = t, o("input", t);
+    }
+    function U(e) {
+      const t = w(h(e), "change");
+      t !== u(l.modelValue) && m(t), o("change", t);
+    }
+    function W(e) {
+      o("focus", e);
+    }
+    function j(e) {
+      const t = w(c.value, "blur");
+      t !== u(l.modelValue) && m(t), o("blur", e), o("visible-change", !1);
+    }
+    function x() {
+      c.value = "", o("update:modelValue", ""), o("clear"), s([]);
+    }
+    function G(e) {
+      o("enter", e), l.searchOnEnter && k();
+    }
+    function k() {
+      o("search", u(l.modelValue));
+    }
+    function J(e) {
+      o("select", e), l.searchOnSelect && o("search", e.value);
+    }
+    function C(e) {
+      return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+    }
+    function X(e) {
+      return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    }
+    function Y(e) {
+      const t = C(e || "");
+      if (!l.highlightKeyword || !f.value) return t;
+      const n = X(C(f.value));
+      return n ? t.replace(
+        new RegExp(`(${n})`, "ig"),
+        '<mark class="qy-search-input__mark">$1</mark>'
+      ) : t;
+    }
+    function Z() {
+      var e, t;
+      (t = (e = r.value) == null ? void 0 : e.focus) == null || t.call(e);
+    }
+    function ee() {
+      var e, t;
+      (t = (e = r.value) == null ? void 0 : e.blur) == null || t.call(e);
+    }
+    function te() {
+      var e, t, n;
+      (n = (t = (e = r.value) == null ? void 0 : e.inputRef) == null ? void 0 : t.select) == null || n.call(t);
+    }
+    function ne() {
+      var e, t;
+      (t = (e = r.value) == null ? void 0 : e.clear) == null || t.call(e);
+    }
+    function le() {
+      var e, t;
+      (t = (e = r.value) == null ? void 0 : e.close) == null || t.call(e);
+    }
+    return T({
+      focus: Z,
+      blur: ee,
+      select: te,
+      clear: ne,
+      closePanel: le,
+      retryFetch: N
+    }), (e, t) => (V(), F("div", {
+      class: se(["qy-search-input", { "is-disabled": e.disabled }])
+    }, [
+      ie(B(he), M({
+        ref_key: "autocompleteRef",
+        ref: r
+      }, B(O), {
+        "model-value": z.value,
+        disabled: e.disabled,
+        placeholder: e.placeholder,
+        clearable: e.clearable,
+        debounce: e.debounce,
+        "fetch-suggestions": H,
+        "trigger-on-focus": e.triggerOnFocus,
+        teleported: e.teleported,
+        "fit-input-width": e.fitInputWidth,
+        "popper-class": _.value,
+        "append-to": e.appendTo,
+        "value-key": "value",
+        "onUpdate:modelValue": Q,
+        onInput: q,
+        onChange: U,
+        onFocus: W,
+        onBlur: j,
+        onClear: x,
+        onSelect: J,
+        onKeydown: ce(G, ["enter"])
+      }), de({
+        append: i(() => [
+          e.$slots.append ? d(e.$slots, "append", { key: 0 }, void 0, !0) : (V(), fe(B(me), M({ key: 1 }, e.buttonProps, {
+            loading: e.loading,
+            disabled: e.disabled,
+            onClick: k
+          }), {
+            default: i(() => [
+              ge(I(e.buttonText), 1)
+            ]),
+            _: 1
+          }, 16, ["loading", "disabled"]))
+        ]),
+        default: i(({ item: n }) => [
+          d(e.$slots, "item", {
+            item: n,
+            keyword: f.value
+          }, () => [
+            E("div", ye, [
+              E("div", {
+                class: "qy-search-input__item-label",
+                innerHTML: Y(n.label || n.value || "")
+              }, null, 8, be),
+              n.description ? (V(), F("div", Ve, I(n.description), 1)) : pe("", !0)
+            ])
+          ], !0)
+        ]),
+        _: 2
+      }, [
+        e.$slots.prefix ? {
+          name: "prefix",
+          fn: i(() => [
+            d(e.$slots, "prefix", {}, void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
+        e.$slots.suffix ? {
+          name: "suffix",
+          fn: i(() => [
+            d(e.$slots, "suffix", {}, void 0, !0)
+          ]),
+          key: "1"
+        } : void 0,
+        e.$slots.prepend ? {
+          name: "prepend",
+          fn: i(() => [
+            d(e.$slots, "prepend", {}, void 0, !0)
+          ]),
+          key: "2"
+        } : void 0
+      ]), 1040, ["model-value", "disabled", "placeholder", "clearable", "debounce", "trigger-on-focus", "teleported", "fit-input-width", "popper-class", "append-to"])
+    ], 2));
+  }
+}), $e = /* @__PURE__ */ ve(Be, [["__scopeId", "data-v-47c6430a"]]);
+export {
+  $e as default
+};

package/dist/lib/qy-select/index.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),r=require("element-plus"),$=l.defineComponent({name:"QySelect",inheritAttrs:!1,__name:"index",props:{modelValue:{type:[String,Number,Boolean,Array,null],default:void 0},options:{default:()=>[]},labelKey:{default:"label"},valueKey:{default:"value"},disabledKey:{default:"disabled"},placeholder:{default:"请选择"},disabled:{type:Boolean,default:!1},clearable:{type:Boolean,default:!0},filterable:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},collapseTags:{type:Boolean,default:!1},collapseTagsTooltip:{type:Boolean,default:!1},size:{default:"small"},teleported:{type:Boolean,default:!0},appendTo:{default:"body"},fitInputWidth:{type:Boolean,default:!0},popperClass:{default:""}},emits:["update:modelValue","change","clear","visible-change","focus","blur"],setup(n,{expose:o,emit:f}){const u=n,t=f,i=l.useAttrs(),d=l.ref(null),p=l.computed(()=>["qy-select__popper",u.popperClass].filter(Boolean).join(" ")),c=l.computed(()=>(u.options||[]).map(e=>({raw:e,label:(e==null?void 0:e[u.labelKey])??(e==null?void 0:e.label)??(e==null?void 0:e.value)??"",value:(e==null?void 0:e[u.valueKey])??(e==null?void 0:e.value)??(e==null?void 0:e.label),disabled:!!(e!=null&&e[u.disabledKey])})));function b(e,a){return`${String(e.value??e.label??"")}-${a}`}function m(e){t("update:modelValue",e)}function y(e){t("change",e)}function g(){t("clear")}function h(e){t("visible-change",e)}function v(e){t("focus",e)}function B(e){t("blur",e)}function C(){var e,a;(a=(e=d.value)==null?void 0:e.focus)==null||a.call(e)}function k(){var e,a;(a=(e=d.value)==null?void 0:e.blur)==null||a.call(e)}return o({focus:C,blur:k}),(e,a)=>(l.openBlock(),l.createBlock(l.unref(r.ElSelect),l.mergeProps({ref_key:"selectRef",ref:d},l.unref(i),{"model-value":e.modelValue,placeholder:e.placeholder,disabled:e.disabled,clearable:e.clearable,filterable:e.filterable,multiple:e.multiple,"collapse-tags":e.collapseTags,"collapse-tags-tooltip":e.collapseTagsTooltip,size:e.size,teleported:e.teleported,"fit-input-width":e.fitInputWidth,"popper-class":p.value,"append-to":e.appendTo,"onUpdate:modelValue":m,onChange:y,onClear:g,onVisibleChange:h,onFocus:v,onBlur:B}),l.createSlots({default:l.withCtx(()=>[e.$slots.default?l.renderSlot(e.$slots,"default",{key:0}):(l.openBlock(!0),l.createElementBlock(l.Fragment,{key:1},l.renderList(c.value,(s,S)=>(l.openBlock(),l.createBlock(l.unref(r.ElOption),{key:b(s,S),label:s.label,value:s.value,disabled:s.disabled},null,8,["label","value","disabled"]))),128))]),_:2},[e.$slots.prefix?{name:"prefix",fn:l.withCtx(()=>[l.renderSlot(e.$slots,"prefix")]),key:"0"}:void 0,e.$slots.empty?{name:"empty",fn:l.withCtx(()=>[l.renderSlot(e.$slots,"empty")]),key:"1"}:void 0,e.$slots.loading?{name:"loading",fn:l.withCtx(()=>[l.renderSlot(e.$slots,"loading")]),key:"2"}:void 0,e.$slots.tag?{name:"tag",fn:l.withCtx(s=>[l.renderSlot(e.$slots,"tag",l.normalizeProps(l.guardReactiveProps(s)))]),key:"3"}:void 0]),1040,["model-value","placeholder","disabled","clearable","filterable","multiple","collapse-tags","collapse-tags-tooltip","size","teleported","fit-input-width","popper-class","append-to"]))}});exports.default=$;

package/dist/lib/qy-select/index.vue.mjs

@@ -0,0 +1,137 @@
+import { defineComponent as S, useAttrs as w, ref as E, computed as o, createBlock as p, openBlock as n, unref as f, mergeProps as F, createSlots as P, withCtx as d, renderSlot as u, createElementBlock as A, Fragment as O, renderList as R, normalizeProps as I, guardReactiveProps as U } from "vue";
+import { ElSelect as W, ElOption as j } from "element-plus";
+const M = S({
+  name: "QySelect",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    modelValue: { type: [String, Number, Boolean, Array, null], default: void 0 },
+    options: { default: () => [] },
+    labelKey: { default: "label" },
+    valueKey: { default: "value" },
+    disabledKey: { default: "disabled" },
+    placeholder: { default: "请选择" },
+    disabled: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !0 },
+    filterable: { type: Boolean, default: !1 },
+    multiple: { type: Boolean, default: !1 },
+    collapseTags: { type: Boolean, default: !1 },
+    collapseTagsTooltip: { type: Boolean, default: !1 },
+    size: { default: "small" },
+    teleported: { type: Boolean, default: !0 },
+    appendTo: { default: "body" },
+    fitInputWidth: { type: Boolean, default: !0 },
+    popperClass: { default: "" }
+  },
+  emits: ["update:modelValue", "change", "clear", "visible-change", "focus", "blur"],
+  setup(i, { expose: c, emit: b }) {
+    const t = i, a = b, m = w(), r = E(null), y = o(
+      () => ["qy-select__popper", t.popperClass].filter(Boolean).join(" ")
+    ), g = o(
+      () => (t.options || []).map((e) => ({
+        raw: e,
+        label: (e == null ? void 0 : e[t.labelKey]) ?? (e == null ? void 0 : e.label) ?? (e == null ? void 0 : e.value) ?? "",
+        value: (e == null ? void 0 : e[t.valueKey]) ?? (e == null ? void 0 : e.value) ?? (e == null ? void 0 : e.label),
+        disabled: !!(e != null && e[t.disabledKey])
+      }))
+    );
+    function h(e, l) {
+      return `${String(e.value ?? e.label ?? "")}-${l}`;
+    }
+    function v(e) {
+      a("update:modelValue", e);
+    }
+    function B(e) {
+      a("change", e);
+    }
+    function $() {
+      a("clear");
+    }
+    function k(e) {
+      a("visible-change", e);
+    }
+    function C(e) {
+      a("focus", e);
+    }
+    function T(e) {
+      a("blur", e);
+    }
+    function V() {
+      var e, l;
+      (l = (e = r.value) == null ? void 0 : e.focus) == null || l.call(e);
+    }
+    function K() {
+      var e, l;
+      (l = (e = r.value) == null ? void 0 : e.blur) == null || l.call(e);
+    }
+    return c({
+      focus: V,
+      blur: K
+    }), (e, l) => (n(), p(f(W), F({
+      ref_key: "selectRef",
+      ref: r
+    }, f(m), {
+      "model-value": e.modelValue,
+      placeholder: e.placeholder,
+      disabled: e.disabled,
+      clearable: e.clearable,
+      filterable: e.filterable,
+      multiple: e.multiple,
+      "collapse-tags": e.collapseTags,
+      "collapse-tags-tooltip": e.collapseTagsTooltip,
+      size: e.size,
+      teleported: e.teleported,
+      "fit-input-width": e.fitInputWidth,
+      "popper-class": y.value,
+      "append-to": e.appendTo,
+      "onUpdate:modelValue": v,
+      onChange: B,
+      onClear: $,
+      onVisibleChange: k,
+      onFocus: C,
+      onBlur: T
+    }), P({
+      default: d(() => [
+        e.$slots.default ? u(e.$slots, "default", { key: 0 }) : (n(!0), A(O, { key: 1 }, R(g.value, (s, z) => (n(), p(f(j), {
+          key: h(s, z),
+          label: s.label,
+          value: s.value,
+          disabled: s.disabled
+        }, null, 8, ["label", "value", "disabled"]))), 128))
+      ]),
+      _: 2
+    }, [
+      e.$slots.prefix ? {
+        name: "prefix",
+        fn: d(() => [
+          u(e.$slots, "prefix")
+        ]),
+        key: "0"
+      } : void 0,
+      e.$slots.empty ? {
+        name: "empty",
+        fn: d(() => [
+          u(e.$slots, "empty")
+        ]),
+        key: "1"
+      } : void 0,
+      e.$slots.loading ? {
+        name: "loading",
+        fn: d(() => [
+          u(e.$slots, "loading")
+        ]),
+        key: "2"
+      } : void 0,
+      e.$slots.tag ? {
+        name: "tag",
+        fn: d((s) => [
+          u(e.$slots, "tag", I(U(s)))
+        ]),
+        key: "3"
+      } : void 0
+    ]), 1040, ["model-value", "placeholder", "disabled", "clearable", "filterable", "multiple", "collapse-tags", "collapse-tags-tooltip", "size", "teleported", "fit-input-width", "popper-class", "append-to"]));
+  }
+});
+export {
+  M as default
+};

package/dist/lib/remark-image/index.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("element-plus"),N=require("../../node_modules/.pnpm/js-cookie@3.0.1/node_modules/js-cookie/dist/js.cookie.cjs"),d=require("./utils.cjs");;/* empty css             */const A=require("../../_virtual/plugin-vue_export-helper.cjs"),C={class:"qy-remark-image__field"},z={class:"qy-remark-image__upload-anchor"},P={key:0,class:"icon-[line-md--loading-twotone-loop]",role:"img","aria-hidden":"true"},R={key:1,class:"icon-[ion--cloud-upload-outline]",role:"img","aria-hidden":"true"},D={key:2,class:"icon-[ph--images-thin]",role:"img","aria-hidden":"true"},S={class:"qy-remark-image__popover"},U=["src"],M={class:"qy-remark-image__popover-footer"},j=e.defineComponent({__name:"index",props:{defaultValue:{default:""},defaultImage:{default:""},rows:{default:6},width:{default:""},autosize:{type:[Boolean,Object],default:!1},disabled:{type:Boolean,default:!1},placeholder:{default:"粘贴图片上传"},type:{default:"textarea"},api:{default:"/permission-api/common/uploads"},tokenKey:{default:"Admin-Token"}},emits:["change"],setup(w,{expose:b,emit:x}){const l=w,V=x,B=e.useAttrs(),p=e.ref(null),n=e.ref(""),u=e.ref(""),c=e.ref(!1),q=e.computed(()=>l.type==="text"?"text":"textarea"),F=e.computed(()=>{if(l.width)return{width:typeof l.width=="number"?`${l.width}px`:l.width}});e.watch(()=>l.defaultValue,a=>{const t=d.parseRemarkText(a||"");n.value=t.text,u.value=t.imageUrl||l.defaultImage||""},{immediate:!0}),e.watch(()=>l.defaultImage,a=>{a!==void 0&&!d.parseRemarkText(l.defaultValue||"").imageUrl&&(u.value=a||"")},{immediate:!0}),e.onMounted(()=>{e.nextTick(T)}),e.onUnmounted(()=>{const a=_();a&&a.removeEventListener("paste",v)});function _(){var a,t;return((a=p.value)==null?void 0:a.textarea)||((t=p.value)==null?void 0:t.input)||null}function T(){const a=_();a&&(a.removeEventListener("paste",v),a.addEventListener("paste",v))}function I(a){n.value=d.formatRemarkText(a||"")}function y(){u.value="",g()}async function v(a){var i;const s=Array.from(((i=a.clipboardData)==null?void 0:i.files)||[]).find(m=>m.type.startsWith("image/"));s&&(a.preventDefault(),await k({file:s,onError:()=>{},onProgress:()=>{},onSuccess:()=>{}}))}async function k(a){var t,s,i,m;if(a.file.size>51200*1e3)return o.ElMessage.error("图片过大"),!1;c.value=!0;try{const f=new FormData;f.append("files",a.file);const E=N.default.get(l.tokenKey),r=await(await fetch(l.api,{method:"POST",body:f,credentials:"include",headers:E?{Authorization:`Bearer ${E}`}:void 0})).json(),h=(r==null?void 0:r.urls)??((t=r==null?void 0:r.data)==null?void 0:t.urls)??((s=r==null?void 0:r.data)==null?void 0:s.url)??(r==null?void 0:r.url)??"";return u.value=Array.isArray(h)?h[0]:h,g(),o.ElMessage.success("上传图片成功"),(i=a.onSuccess)==null||i.call(a,r),!0}catch(f){return(m=a.onError)==null||m.call(a,f),o.ElMessage.error("上传失败"),!1}finally{c.value=!1}}function g(){V("change",d.parseRemarkWithImage(n.value||"",u.value||""),u.value||"")}return b({deleteImage:y,getValue:()=>({text:n.value||"",imageUrl:u.value||"",value:d.parseRemarkWithImage(n.value||"",u.value||"")})}),(a,t)=>(e.openBlock(),e.createElementBlock("div",{class:"qy-remark-image",style:e.normalizeStyle(F.value)},[e.createElementVNode("div",C,[e.createVNode(e.unref(o.ElInput),e.mergeProps({ref_key:"inputRef",ref:p,"model-value":n.value,type:q.value,rows:a.rows,autosize:a.autosize,disabled:a.disabled,placeholder:a.placeholder},e.unref(B),{"onUpdate:modelValue":I,onBlur:g}),null,16,["model-value","type","rows","autosize","disabled","placeholder"]),e.createVNode(e.unref(o.ElPopover),{placement:"top-start",width:400,trigger:"hover",disabled:!u.value},{reference:e.withCtx(()=>[e.createElementVNode("div",z,[e.createVNode(e.unref(o.ElUpload),{disabled:c.value||a.disabled,class:"qy-remark-image__upload","show-file-list":!1,"http-request":k},{default:e.withCtx(()=>[c.value?(e.openBlock(),e.createElementBlock("span",P)):u.value?(e.openBlock(),e.createElementBlock("span",D)):(e.openBlock(),e.createElementBlock("span",R))]),_:1},8,["disabled"])])]),default:e.withCtx(()=>[e.createElementVNode("div",S,[e.createElementVNode("img",{src:u.value,class:"qy-remark-image__preview-img"},null,8,U),e.createElementVNode("div",M,[t[1]||(t[1]=e.createElementVNode("span",{class:"qy-remark-image__popover-tip"},"再次点击按钮可更换图片",-1)),e.createVNode(e.unref(o.ElButton),{link:"",size:"small",type:"danger",disabled:a.disabled,onClick:y},{default:e.withCtx(()=>t[0]||(t[0]=[e.createTextVNode(" 删除图片 ",-1)])),_:1,__:[0]},8,["disabled"])])])]),_:1},8,["disabled"])])],4))}}),L=A.default(j,[["__scopeId","data-v-3b943ab8"]]);exports.default=L;

package/dist/lib/remark-image/index.vue.mjs

@@ -0,0 +1,198 @@
+import { defineComponent as N, useAttrs as j, ref as f, computed as B, watch as I, onMounted as K, nextTick as M, onUnmounted as O, createElementBlock as p, openBlock as v, normalizeStyle as W, createElementVNode as u, createVNode as g, unref as n, mergeProps as $, withCtx as h, createTextVNode as Q } from "vue";
+import { ElMessage as w, ElInput as G, ElPopover as H, ElButton as J, ElUpload as X } from "element-plus";
+import Y from "../../node_modules/.pnpm/js-cookie@3.0.1/node_modules/js-cookie/dist/js.cookie.mjs";
+import { parseRemarkText as T, parseRemarkWithImage as q, formatRemarkText as Z } from "./utils.mjs";
+/* empty css            */
+import ee from "../../_virtual/plugin-vue_export-helper.mjs";
+const ae = { class: "qy-remark-image__field" }, te = { class: "qy-remark-image__upload-anchor" }, re = {
+  key: 0,
+  class: "icon-[line-md--loading-twotone-loop]",
+  role: "img",
+  "aria-hidden": "true"
+}, le = {
+  key: 1,
+  class: "icon-[ion--cloud-upload-outline]",
+  role: "img",
+  "aria-hidden": "true"
+}, oe = {
+  key: 2,
+  class: "icon-[ph--images-thin]",
+  role: "img",
+  "aria-hidden": "true"
+}, ue = { class: "qy-remark-image__popover" }, ie = ["src"], se = { class: "qy-remark-image__popover-footer" }, ne = N({
+  __name: "index",
+  props: {
+    defaultValue: { default: "" },
+    defaultImage: { default: "" },
+    rows: { default: 6 },
+    width: { default: "" },
+    autosize: { type: [Boolean, Object], default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    placeholder: { default: "粘贴图片上传" },
+    type: { default: "textarea" },
+    api: { default: "/permission-api/common/uploads" },
+    tokenKey: { default: "Admin-Token" }
+  },
+  emits: ["change"],
+  setup(z, { expose: V, emit: C }) {
+    const r = z, D = C, U = j(), y = f(null), o = f(""), l = f(""), d = f(!1), P = B(
+      () => r.type === "text" ? "text" : "textarea"
+    ), R = B(() => {
+      if (r.width)
+        return {
+          width: typeof r.width == "number" ? `${r.width}px` : r.width
+        };
+    });
+    I(
+      () => r.defaultValue,
+      (e) => {
+        const a = T(e || "");
+        o.value = a.text, l.value = a.imageUrl || r.defaultImage || "";
+      },
+      { immediate: !0 }
+    ), I(
+      () => r.defaultImage,
+      (e) => {
+        e !== void 0 && !T(r.defaultValue || "").imageUrl && (l.value = e || "");
+      },
+      { immediate: !0 }
+    ), K(() => {
+      M(S);
+    }), O(() => {
+      const e = b();
+      e && e.removeEventListener("paste", _);
+    });
+    function b() {
+      var e, a;
+      return ((e = y.value) == null ? void 0 : e.textarea) || ((a = y.value) == null ? void 0 : a.input) || null;
+    }
+    function S() {
+      const e = b();
+      e && (e.removeEventListener("paste", _), e.addEventListener("paste", _));
+    }
+    function L(e) {
+      o.value = Z(e || "");
+    }
+    function x() {
+      l.value = "", k();
+    }
+    async function _(e) {
+      var s;
+      const i = Array.from(((s = e.clipboardData) == null ? void 0 : s.files) || []).find((m) => m.type.startsWith("image/"));
+      i && (e.preventDefault(), await F({
+        file: i,
+        onError: () => {
+        },
+        onProgress: () => {
+        },
+        onSuccess: () => {
+        }
+      }));
+    }
+    async function F(e) {
+      var a, i, s, m;
+      if (e.file.size > 51200 * 1e3)
+        return w.error("图片过大"), !1;
+      d.value = !0;
+      try {
+        const c = new FormData();
+        c.append("files", e.file);
+        const A = Y.get(r.tokenKey), t = await (await fetch(r.api, {
+          method: "POST",
+          body: c,
+          credentials: "include",
+          headers: A ? { Authorization: `Bearer ${A}` } : void 0
+        })).json(), E = (t == null ? void 0 : t.urls) ?? ((a = t == null ? void 0 : t.data) == null ? void 0 : a.urls) ?? ((i = t == null ? void 0 : t.data) == null ? void 0 : i.url) ?? (t == null ? void 0 : t.url) ?? "";
+        return l.value = Array.isArray(E) ? E[0] : E, k(), w.success("上传图片成功"), (s = e.onSuccess) == null || s.call(e, t), !0;
+      } catch (c) {
+        return (m = e.onError) == null || m.call(e, c), w.error("上传失败"), !1;
+      } finally {
+        d.value = !1;
+      }
+    }
+    function k() {
+      D(
+        "change",
+        q(o.value || "", l.value || ""),
+        l.value || ""
+      );
+    }
+    return V({
+      deleteImage: x,
+      getValue: () => ({
+        text: o.value || "",
+        imageUrl: l.value || "",
+        value: q(o.value || "", l.value || "")
+      })
+    }), (e, a) => (v(), p("div", {
+      class: "qy-remark-image",
+      style: W(R.value)
+    }, [
+      u("div", ae, [
+        g(n(G), $({
+          ref_key: "inputRef",
+          ref: y,
+          "model-value": o.value,
+          type: P.value,
+          rows: e.rows,
+          autosize: e.autosize,
+          disabled: e.disabled,
+          placeholder: e.placeholder
+        }, n(U), {
+          "onUpdate:modelValue": L,
+          onBlur: k
+        }), null, 16, ["model-value", "type", "rows", "autosize", "disabled", "placeholder"]),
+        g(n(H), {
+          placement: "top-start",
+          width: 400,
+          trigger: "hover",
+          disabled: !l.value
+        }, {
+          reference: h(() => [
+            u("div", te, [
+              g(n(X), {
+                disabled: d.value || e.disabled,
+                class: "qy-remark-image__upload",
+                "show-file-list": !1,
+                "http-request": F
+              }, {
+                default: h(() => [
+                  d.value ? (v(), p("span", re)) : l.value ? (v(), p("span", oe)) : (v(), p("span", le))
+                ]),
+                _: 1
+              }, 8, ["disabled"])
+            ])
+          ]),
+          default: h(() => [
+            u("div", ue, [
+              u("img", {
+                src: l.value,
+                class: "qy-remark-image__preview-img"
+              }, null, 8, ie),
+              u("div", se, [
+                a[1] || (a[1] = u("span", { class: "qy-remark-image__popover-tip" }, "再次点击按钮可更换图片", -1)),
+                g(n(J), {
+                  link: "",
+                  size: "small",
+                  type: "danger",
+                  disabled: e.disabled,
+                  onClick: x
+                }, {
+                  default: h(() => a[0] || (a[0] = [
+                    Q(" 删除图片 ", -1)
+                  ])),
+                  _: 1,
+                  __: [0]
+                }, 8, ["disabled"])
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["disabled"])
+      ])
+    ], 4));
+  }
+}), he = /* @__PURE__ */ ee(ne, [["__scopeId", "data-v-3b943ab8"]]);
+export {
+  he as default
+};

package/dist/lib/remark-image/utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function e(t){const r=t==null?void 0:t.match(/(\[url\:(.*?)\])(.*)/);return r?{imageUrl:r[2],text:r[3]}:{imageUrl:"",text:t||""}}function a(t){const r=String(t||"").match(/(\[url\:.*?\])([\s\S]*)/);return r?r[2]:t}function n(t,r){return r?`[url:${r}]${t}`:t}exports.formatRemarkText=a;exports.parseRemarkText=e;exports.parseRemarkWithImage=n;

package/dist/lib/remark-image/utils.mjs

@@ -0,0 +1,22 @@
+function r(t) {
+  const n = t == null ? void 0 : t.match(/(\[url\:(.*?)\])(.*)/);
+  return n ? {
+    imageUrl: n[2],
+    text: n[3]
+  } : {
+    imageUrl: "",
+    text: t || ""
+  };
+}
+function u(t) {
+  const n = String(t || "").match(/(\[url\:.*?\])([\s\S]*)/);
+  return n ? n[2] : t;
+}
+function c(t, n) {
+  return n ? `[url:${n}]${t}` : t;
+}
+export {
+  u as formatRemarkText,
+  r as parseRemarkText,
+  c as parseRemarkWithImage
+};