@qynpm/ui 1.0.45 → 1.0.47

package/dist/shared/index-Cqr-L0yd.mjs

@@ -0,0 +1,285 @@
+import { defineComponent as H, useAttrs as J, ref as x, computed as w, watch as D, onMounted as Q, nextTick as X, onBeforeUnmount as Y, openBlock as m, createElementBlock as v, normalizeStyle as Z, normalizeClass as ee, createElementVNode as g, createBlock as I, unref as u, withCtx as _, Fragment as ae, renderList as te, createCommentVNode as R, createVNode as q, mergeProps as le, createTextVNode as re } from "vue";
+import { useFormDisabled as se, ElMessage as S, ElSelect as ne, ElOption as ie, ElInput as ue, ElPopover as oe, ElButton as de, ElUpload as ce } from "element-plus";
+import { a as fe } from "./js.cookie-BA-dL3zT.mjs";
+import { _ as me } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+function A(l) {
+  const n = l == null ? void 0 : l.match(/(\[url\:(.*?)\])(.*)/);
+  return n ? {
+    imageUrl: n[2],
+    text: n[3]
+  } : {
+    imageUrl: "",
+    text: l || ""
+  };
+}
+function pe(l) {
+  const n = String(l || "").match(/(\[url\:.*?\])([\s\S]*)/);
+  return n ? n[2] : l;
+}
+function N(l, n) {
+  return n ? `[url:${n}]${l}` : l;
+}
+const ve = { class: "qy-remark-image__field" }, ge = {
+  key: 1,
+  class: "qy-remark-image__divider"
+}, ye = { class: "qy-remark-image__upload-anchor" }, he = {
+  key: 0,
+  class: "icon-[line-md--loading-twotone-loop]",
+  role: "img",
+  "aria-hidden": "true"
+}, _e = {
+  key: 1,
+  class: "icon-[ion--cloud-upload-outline]",
+  role: "img",
+  "aria-hidden": "true"
+}, be = {
+  key: 2,
+  class: "icon-[ph--images-thin]",
+  role: "img",
+  "aria-hidden": "true"
+}, ke = { class: "qy-remark-image__popover" }, xe = ["src"], we = { class: "qy-remark-image__popover-footer" }, qe = /* @__PURE__ */ H({
+  __name: "index",
+  props: {
+    defaultValue: { default: "" },
+    defaultImage: { default: "" },
+    rows: { default: 6 },
+    width: { default: "" },
+    autosize: { type: [Boolean, Object], default: !1 },
+    disabled: { type: Boolean, default: void 0 },
+    placeholder: { default: "粘贴图片上传" },
+    type: { default: "textarea" },
+    layout: { default: "default" },
+    selectValue: { type: [String, Number, Boolean], default: "" },
+    selectOptions: { default: () => [] },
+    selectDisabled: { type: Boolean, default: !1 },
+    api: { default: "/permission-api/common/uploads" },
+    tokenKey: { default: "Admin-Token" },
+    uploadName: { default: "files" },
+    uploadRequest: {}
+  },
+  emits: ["change", "update:selectValue", "select-change"],
+  setup(l, { expose: n, emit: P }) {
+    const r = l, V = P, L = J(), d = se(), E = x(null), f = x(""), s = x(""), p = x(!1);
+    let y = 0, c;
+    function h() {
+      y++, c == null || c.abort(), c = void 0, p.value = !1;
+    }
+    const b = w(
+      () => r.layout === "select-prefix"
+    ), O = w(() => ({
+      "qy-remark-image--select-prefix": b.value
+    })), T = w(
+      () => b.value || r.type === "text" ? "text" : "textarea"
+    ), F = w(() => {
+      if (r.width)
+        return {
+          width: typeof r.width == "number" ? `${r.width}px` : r.width
+        };
+    });
+    D(
+      () => r.defaultValue,
+      (e) => {
+        const a = A(e || ""), t = a.imageUrl || r.defaultImage || "";
+        (a.text !== f.value || t !== s.value) && h(), f.value = a.text, s.value = t;
+      },
+      { immediate: !0 }
+    ), D(
+      () => r.defaultImage,
+      (e) => {
+        e !== void 0 && !A(r.defaultValue || "").imageUrl && ((e || "") !== s.value && h(), s.value = e || "");
+      },
+      { immediate: !0 }
+    ), Q(() => {
+      X(K);
+    }), Y(() => {
+      h();
+      const e = B();
+      e && e.removeEventListener("paste", U);
+    });
+    function B() {
+      var e, a;
+      return ((e = E.value) == null ? void 0 : e.textarea) || ((a = E.value) == null ? void 0 : a.input) || null;
+    }
+    function K() {
+      const e = B();
+      e && (e.removeEventListener("paste", U), e.addEventListener("paste", U));
+    }
+    function $(e) {
+      d.value || (f.value = pe(e || ""));
+    }
+    function j(e) {
+      d.value || r.selectDisabled || (V("update:selectValue", e), V("select-change", e));
+    }
+    function z() {
+      d.value || (h(), s.value = "", k());
+    }
+    function M() {
+      h(), f.value = "", s.value = "", k();
+    }
+    async function U(e) {
+      var i;
+      if (d.value || p.value) return;
+      const t = Array.from(((i = e.clipboardData) == null ? void 0 : i.files) || []).find((o) => o.type.startsWith("image/"));
+      t && (e.preventDefault(), await C({
+        file: t,
+        onError: () => {
+        },
+        onProgress: () => {
+        },
+        onSuccess: () => {
+        }
+      }));
+    }
+    async function C(e) {
+      var t, i;
+      if (d.value || p.value) return !1;
+      if (e.file.size > 51200 * 1e3)
+        return S.error("图片过大"), !1;
+      p.value = !0;
+      const a = ++y;
+      c = r.uploadRequest ? void 0 : new AbortController();
+      try {
+        const o = await W(e, c == null ? void 0 : c.signal);
+        return a !== y ? !1 : (s.value = G(o), k(), S.success("上传图片成功"), (t = e.onSuccess) == null || t.call(e, o), !0);
+      } catch (o) {
+        return a !== y || ((i = e.onError) == null || i.call(e, o), S.error("上传失败")), !1;
+      } finally {
+        a === y && (p.value = !1, c = void 0);
+      }
+    }
+    async function W(e, a) {
+      const t = new FormData();
+      if (t.append(r.uploadName, e.file), r.uploadRequest)
+        return r.uploadRequest({
+          file: e.file,
+          formData: t,
+          options: e,
+          api: r.api,
+          tokenKey: r.tokenKey
+        });
+      const i = fe.get(r.tokenKey);
+      return (await fetch(r.api, {
+        method: "POST",
+        signal: a,
+        body: t,
+        credentials: "include",
+        headers: i ? { Authorization: `Bearer ${i}` } : void 0
+      })).json();
+    }
+    function G(e) {
+      var i, o;
+      if (typeof e == "string") return e;
+      const a = e, t = (a == null ? void 0 : a.urls) ?? ((i = a == null ? void 0 : a.data) == null ? void 0 : i.urls) ?? ((o = a == null ? void 0 : a.data) == null ? void 0 : o.url) ?? (a == null ? void 0 : a.url) ?? "";
+      return Array.isArray(t) ? t[0] || "" : t || "";
+    }
+    function k() {
+      V(
+        "change",
+        N(f.value || "", s.value || ""),
+        s.value || ""
+      );
+    }
+    return n({
+      deleteImage: z,
+      // 兼容旧 remarkImage，在表单 reset/clearFrom 时清空文字和图片。
+      clearContent: M,
+      // 给表单保存或外部调试读取当前拆分值。
+      getValue: () => ({
+        text: f.value || "",
+        imageUrl: s.value || "",
+        value: N(f.value || "", s.value || "")
+      })
+    }), (e, a) => (m(), v("div", {
+      class: ee(["qy-remark-image", O.value]),
+      style: Z(F.value)
+    }, [
+      g("div", ve, [
+        b.value ? (m(), I(u(ne), {
+          key: 0,
+          class: "qy-remark-image__prefix-select",
+          "model-value": l.selectValue,
+          options: l.selectOptions,
+          disabled: u(d) || l.selectDisabled,
+          size: "small",
+          "onUpdate:modelValue": j
+        }, {
+          default: _(() => [
+            (m(!0), v(ae, null, te(l.selectOptions, (t) => (m(), I(u(ie), {
+              key: String(t.value),
+              label: t.label,
+              value: t.value,
+              disabled: t.disabled
+            }, null, 8, ["label", "value", "disabled"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["model-value", "options", "disabled"])) : R("", !0),
+        b.value ? (m(), v("span", ge)) : R("", !0),
+        q(u(ue), le({
+          ref_key: "inputRef",
+          ref: E,
+          "model-value": f.value,
+          type: T.value,
+          rows: l.rows,
+          autosize: l.autosize,
+          disabled: u(d),
+          placeholder: l.placeholder
+        }, u(L), {
+          "onUpdate:modelValue": $,
+          onBlur: k
+        }), null, 16, ["model-value", "type", "rows", "autosize", "disabled", "placeholder"]),
+        q(u(oe), {
+          placement: "top-start",
+          width: 400,
+          trigger: "hover",
+          disabled: !s.value
+        }, {
+          reference: _(() => [
+            g("div", ye, [
+              q(u(ce), {
+                disabled: p.value || u(d),
+                class: "qy-remark-image__upload",
+                "show-file-list": !1,
+                "http-request": C
+              }, {
+                default: _(() => [
+                  p.value ? (m(), v("span", he)) : s.value ? (m(), v("span", be)) : (m(), v("span", _e))
+                ]),
+                _: 1
+              }, 8, ["disabled"])
+            ])
+          ]),
+          default: _(() => [
+            g("div", ke, [
+              g("img", {
+                src: s.value,
+                class: "qy-remark-image__preview-img"
+              }, null, 8, xe),
+              g("div", we, [
+                a[1] || (a[1] = g("span", { class: "qy-remark-image__popover-tip" }, "再次点击按钮可更换图片", -1)),
+                q(u(de), {
+                  link: "",
+                  size: "small",
+                  type: "danger",
+                  disabled: u(d),
+                  onClick: z
+                }, {
+                  default: _(() => [...a[0] || (a[0] = [
+                    re(" 删除图片 ", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["disabled"])
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["disabled"])
+      ])
+    ], 6));
+  }
+}), Be = /* @__PURE__ */ me(qe, [["__scopeId", "data-v-50037758"]]);
+export {
+  Be as C,
+  N as a,
+  pe as f,
+  A as p
+};

package/dist/shared/{index-CjImIyvI.mjs → index-Cu6yAwdj.mjs}

@@ -1,7 +1,7 @@
 import { defineComponent as $, ref as g, onBeforeUnmount as x, computed as l, watch as P, openBlock as w, createElementBlock as N, normalizeStyle as Q, normalizeClass as V, createBlock as U, unref as i, withCtx as u, renderSlot as d, createElementVNode as m, createVNode as f, createCommentVNode as j } from "vue";
 import { ElImage as D, ElIcon as _ } from "element-plus";
 import { PictureFilled as z } from "@element-plus/icons-vue";
-import { n as I, r as F, o as O } from "./utils-CUXINmHY.mjs";
+import { n as I, r as F, o as O } from "./utils-DpZkMLkb.mjs";
 import { _ as R } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const A = { class: "qy-image__state qy-image__state--error" }, G = { class: "qy-image__state qy-image__state--empty" }, H = /* @__PURE__ */ $({
   name: "QyImage",

package/dist/shared/index-D5HS8M1P.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),r=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),d={class:"qy-form-section__heading"},u={key:0,class:"qy-form-section__title"},m={key:0,class:"qy-form-section__description"},f={class:"qy-form-section__actions"},y=e.defineComponent({name:"QyFormSection",__name:"index",props:{title:{default:""},description:{default:""},tip:{default:""},tipType:{default:"info"},collapsible:{type:Boolean,default:!1},defaultExpanded:{type:Boolean,default:!0},bordered:{type:Boolean,default:!0},background:{default:"white"},bodyClass:{default:""},headerClass:{default:""}},emits:["toggle"],setup(t,{emit:a}){const n=t,s=a,l=e.ref(n.defaultExpanded);e.watch(()=>n.defaultExpanded,o=>{l.value=o});function i(){n.collapsible&&(l.value=!l.value,s("toggle",l.value))}function c(){n.collapsible&&i()}return(o,k)=>(e.openBlock(),e.createElementBlock("section",{class:e.normalizeClass(["qy-form-section",[`is-bg-${t.background}`,{"is-bordered":t.bordered,"is-collapsible":t.collapsible}]])},[e.createElementVNode("header",{class:e.normalizeClass(["qy-form-section__header",t.headerClass]),onClick:c},[e.createElementVNode("div",d,[e.renderSlot(o.$slots,"title",{},()=>[t.title?(e.openBlock(),e.createElementBlock("div",u,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0)],!0),e.renderSlot(o.$slots,"description",{},()=>[t.description?(e.openBlock(),e.createElementBlock("div",m,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0)],!0)]),e.createElementVNode("div",f,[e.renderSlot(o.$slots,"actions",{},void 0,!0),t.collapsible?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"qy-form-section__toggle",onClick:e.withModifiers(i,["stop"])},e.toDisplayString(l.value?"收起":"展开"),1)):e.createCommentVNode("",!0)])],2),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["qy-form-section__body",t.bodyClass])},[e.renderSlot(o.$slots,"tip",{},()=>[t.tip?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["qy-form-section__tip",`is-${t.tipType}`])},e.toDisplayString(t.tip),3)):e.createCommentVNode("",!0)],!0),e.renderSlot(o.$slots,"default",{},void 0,!0)],2),[[e.vShow,l.value]])],2))}}),p=r._export_sfc(y,[["__scopeId","data-v-3b271926"]]);exports.Component=p;

package/dist/shared/index-D6QwZtYV.mjs

@@ -0,0 +1,56 @@
+import { defineComponent as n, computed as i, openBlock as o, createElementBlock as s, normalizeStyle as c, normalizeClass as f, renderSlot as a, createCommentVNode as r } from "vue";
+import { _ as u } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const y = {
+  key: 0,
+  class: "qy-action-bar__left"
+}, m = {
+  key: 1,
+  class: "qy-action-bar__center"
+}, b = {
+  key: 2,
+  class: "qy-action-bar__right"
+}, p = /* @__PURE__ */ n({
+  name: "QyActionBar",
+  __name: "index",
+  props: {
+    sticky: { type: Boolean, default: !0 },
+    offsetBottom: { default: 0 },
+    bordered: { type: Boolean, default: !0 },
+    shadow: { type: Boolean, default: !1 },
+    wrap: { type: Boolean, default: !0 },
+    justify: { default: "between" },
+    background: { default: "#fff" }
+  },
+  setup(e) {
+    const d = e, l = i(() => ({
+      // offsetBottom 只负责业务偏移，安全区补偿由 CSS padding 处理。
+      bottom: `${d.offsetBottom}px`,
+      background: d.background
+    }));
+    return (t, k) => (o(), s("div", {
+      class: f(["qy-action-bar", [
+        `is-justify-${e.justify}`,
+        {
+          "is-sticky": e.sticky,
+          "is-bordered": e.bordered,
+          "is-shadow": e.shadow,
+          "is-wrap": e.wrap
+        }
+      ]]),
+      style: c(l.value)
+    }, [
+      t.$slots.left ? (o(), s("div", y, [
+        a(t.$slots, "left", {}, void 0, !0)
+      ])) : r("", !0),
+      t.$slots.default ? (o(), s("div", m, [
+        a(t.$slots, "default", {}, void 0, !0)
+      ])) : r("", !0),
+      t.$slots.right ? (o(), s("div", b, [
+        a(t.$slots, "right", {}, void 0, !0)
+      ])) : r("", !0)
+    ], 6));
+  }
+}), B = /* @__PURE__ */ u(p, [["__scopeId", "data-v-d1ffc43c"]]);
+export {
+  B as C
+};