@gsc-basic/components 1.1.7 → 1.1.9

package/dist/es/RichTextEditor/src/components/basic/MediaUploadModal.vue.js

@@ -7,8 +7,368 @@ You shall not disclose such Confidential Information and shall use it only in
 accordance with the terms of the license agreement.
 
 --- Build Info ---
-Version: 1.1.6
-Build Time: 2026/3/4 16:49:40
-Build Commit: 63f88fe7a59965e471017742b570179ac37f5591
+Version: 1.1.8
+Build Time: 2026/3/18 18:22:17
+Build Commit: 44c48456c04c14c7d83e532658836e594a224593
 */
-import{ref as e,watch as a,computed as l,openBlock as i,createBlock as t,unref as d,withCtx as u,createVNode as o,createElementVNode as r,toDisplayString as v,withDirectives as s,vModelRadio as m,createElementBlock as c,createTextVNode as n,createCommentVNode as p,vModelText as h,normalizeClass as g}from"vue";import{GscForm as f}from"../../../../Form/index.js";import{GscButton as y}from"../../../../Button/index.js";import{useLocale as x}from"../../../../hooks/useLocale.js";import './MediaUploadModal2.css';import './MediaUploadModal.css';/* empty css                     *//* empty css                     */import T from"../../../../_virtual/_plugin-vue_export-helper.js";import w from"../../../../Overlay/src/Modal.vue.js";const b={class:"gsc-tiptap-media-modal gap-6 grid-cols-1"},k={class:"gsc-form-item gsc-form-item--vertical gap-1 mb-4"},M={class:"gsc-form-label mb-0.5"},U={class:"flex gap-4"},E={class:"inline-flex items-center gap-2"},_=["name"],j={class:"inline-flex items-center gap-2"},R=["name"],V={key:0,class:"gsc-form-item gsc-form-item--vertical gap-1"},A={class:"gsc-form-label mb-0.5"},L=["accept"],H={key:0,class:"media-preview mt-2 border rounded p-2"},W=["src","alt"],C=["src","alt"],P={key:1,class:"gsc-form-item gsc-form-item--vertical gap-1"},N={class:"gsc-form-label mb-0.5"},F=["placeholder"],I={key:0,class:"media-preview mt-2 border rounded p-2"},O=["src","alt"],q=["src","alt"],B={class:"gsc-form-item gsc-form-item--vertical gap-1 mt-4"},D={class:"gsc-form-label mb-0.5"},S={class:"flex items-center gap-2"},$=["placeholder"],K=["placeholder"],z=["title","aria-pressed"],G={class:"flex justify-end gap-2"},J=/* @__PURE__ */T(/* @__PURE__ */Object.assign({name:"MediaUploadModal"},{__name:"MediaUploadModal",props:{visible:{type:Boolean,default:!1},title:{type:String,required:!0},mediaType:{type:String,validator:e=>["image","video"].includes(e),default:"image"},editor:{type:Object,required:!0}},emits:["update:visible","cancel","ok"],setup(T,{emit:J}){const Q=T,X=J,{t:Y}=x(),Z=e(Q.visible),ee=e(null),ae=e(null),le=e(""),ie=e(""),te=e(!0),de=e(null);a(()=>Q.visible,e=>{Z.value=e}),a(Z,e=>{X("update:visible",e)});const ue=e({uploadMethod:"local",mediaUrl:"",width:void 0,height:void 0}),oe=l(()=>"local"===ue.value.uploadMethod),re=l(()=>"network"===ue.value.uploadMethod),ve=l(()=>"image"===Q.mediaType?Y("gsc.richTextEditor.media.mediaType.image"):Y("gsc.richTextEditor.media.mediaType.video")),se=l(()=>Y("gsc.richTextEditor.media.localMediaType",{mediaType:ve.value})),me=l(()=>Y("gsc.richTextEditor.media.selectMediaType",{mediaType:ve.value})),ce=l(()=>Y("gsc.richTextEditor.media.mediaUrlLabel",{mediaType:ve.value})),ne=l(()=>Y("gsc.richTextEditor.media.mediaUrlPlaceholder",{mediaType:ve.value})),pe=l(()=>Y("gsc.richTextEditor.media.mediaDimensions",{mediaType:ve.value})),he=l(()=>"image"===Q.mediaType?"image/*":"video/*"),ge=e(!1),fe=()=>{ue.value={uploadMethod:"local",mediaUrl:"",width:void 0,height:void 0},le.value="",ie.value="",te.value=!0,de.value=null},ye=()=>{ee.value?.click()},xe=e=>{const[a]=e.target.files||[];a&&((e,a)=>{const l=new FileReader;l.onload=e=>{a(e.target?.result||"")},l.readAsDataURL(e)})(a,e=>{le.value=e,ue.value.width=void 0,ue.value.height=void 0,de.value=null}),e.target.value=""},Te=()=>{if("image"===Q.mediaType){const e=ae.value;if(!e||!e.naturalWidth||!e.naturalHeight)return;de.value=e.naturalWidth/e.naturalHeight,ue.value.width=e.naturalWidth,ue.value.height=e.naturalHeight}else{const e=ae.value;if(!e||!e.videoWidth||!e.videoHeight)return;de.value=e.videoWidth/e.videoHeight,ue.value.width=e.videoWidth,ue.value.height=e.videoHeight}},we=e=>{if(null==e||""===e)return;const a=Number(e);return Number.isNaN(a)?void 0:Math.max(1,Math.round(a))},be=e=>{const a={src:e};ue.value.width&&(a.width=ue.value.width),ue.value.height&&(a.height=ue.value.height),Q.editor?.chain().focus()["image"===Q.mediaType?"setImage":"setVideo"](a).run()},ke=()=>{X("update:visible",!1),X("cancel"),fe()},Me=()=>{oe.value&&le.value?(be(le.value),X("update:visible",!1),X("ok",{mediaType:Q.mediaType,url:le.value,...ue.value}),fe()):re.value&&ue.value.mediaUrl&&(be(ue.value.mediaUrl),X("update:visible",!1),X("ok",{mediaType:Q.mediaType,url:ue.value.mediaUrl,...ue.value}),fe())};a(()=>Q.visible,e=>{e||fe()}),a(()=>ue.value.uploadMethod,e=>{ue.value.mediaUrl="",ue.value.width=void 0,ue.value.height=void 0,de.value=null,"local"===e?ie.value="":le.value=""}),a(()=>ue.value.mediaUrl,e=>{re.value&&(ie.value=e||"",ie.value||(de.value=null,ue.value.width=void 0,ue.value.height=void 0))}),a(()=>ue.value.width,e=>{if(ge.value)return;const a=we(e);if(void 0!==a)return a!==e?(ge.value=!0,ue.value.width=a,void(ge.value=!1)):void(te.value&&de.value&&(ge.value=!0,ue.value.height=Math.round(a/de.value),ge.value=!1));te.value&&(ge.value=!0,ue.value.height=void 0,ge.value=!1)}),a(()=>ue.value.height,e=>{if(ge.value)return;const a=we(e);if(void 0!==a)return a!==e?(ge.value=!0,ue.value.height=a,void(ge.value=!1)):void(te.value&&de.value&&(ge.value=!0,ue.value.width=Math.round(a*de.value),ge.value=!1));te.value&&(ge.value=!0,ue.value.width=void 0,ge.value=!1)}),a(te,e=>{if(!e||!de.value)return;const a=we(ue.value.width);void 0!==a&&(ge.value=!0,ue.value.height=Math.round(a/de.value),ge.value=!1)});const Ue=()=>{if(te.value=!te.value,te.value&&de.value){const e=we(ue.value.width);void 0!==e&&(ge.value=!0,ue.value.height=Math.round(e/de.value),ge.value=!1)}};return(e,a)=>(i(),t(d(w),{modelValue:Z.value,"onUpdate:modelValue":a[5]||(a[5]=e=>Z.value=e),title:T.title},{footer:u(()=>[r("div",G,[o(d(y),{variant:"default",onClick:ke},{default:u(()=>[n(v(d(Y)("gsc.richTextEditor.media.cancel")),1)]),_:1}),o(d(y),{variant:"primary",onClick:Me},{default:u(()=>[n(v(d(Y)("gsc.richTextEditor.media.insert")),1)]),_:1})])]),default:u(()=>[o(d(f),{"show-actions":!1},{default:u(()=>[r("div",b,[r("div",k,[r("div",M,v(d(Y)("gsc.richTextEditor.media.uploadMethod")),1),r("div",U,[r("label",E,[s(r("input",{"onUpdate:modelValue":a[0]||(a[0]=e=>ue.value.uploadMethod=e),type:"radio",name:`${T.mediaType}-upload-method`,value:"local"},null,8,_),[[m,ue.value.uploadMethod]]),r("span",null,v(se.value),1)]),r("label",j,[s(r("input",{"onUpdate:modelValue":a[1]||(a[1]=e=>ue.value.uploadMethod=e),type:"radio",name:`${T.mediaType}-upload-method`,value:"network"},null,8,R),[[m,ue.value.uploadMethod]]),r("span",null,v(d(Y)("gsc.richTextEditor.media.networkAddress")),1)])])]),oe.value?(i(),c("div",V,[r("div",A,v(me.value),1),r("div",null,[o(d(y),{variant:"primary",onClick:ye},{default:u(()=>[n(v(d(Y)("gsc.richTextEditor.media.clickToUpload")),1)]),_:1}),r("input",{ref_key:"modalFileInputRef",ref:ee,type:"file",accept:he.value,class:"gsc-tiptap-hidden",onChange:xe},null,40,L)]),le.value?(i(),c("div",H,["image"===T.mediaType?(i(),c("img",{key:0,ref_key:"mediaPreviewRef",ref:ae,src:le.value,alt:d(Y)("gsc.richTextEditor.media.previewAlt"),style:{"max-width":"100%","max-height":"200px"},onLoad:Te},null,40,W)):(i(),c("video",{key:1,ref_key:"mediaPreviewRef",ref:ae,src:le.value,alt:d(Y)("gsc.richTextEditor.media.previewAlt"),style:{"max-width":"100%","max-height":"200px"},onLoadedmetadata:Te},null,40,C))])):p("",!0)])):p("",!0),re.value?(i(),c("div",P,[r("div",N,v(ce.value),1),s(r("input",{"onUpdate:modelValue":a[2]||(a[2]=e=>ue.value.mediaUrl=e),type:"text",class:"gsc-control media-input",placeholder:ne.value},null,8,F),[[h,ue.value.mediaUrl,void 0,{trim:!0}]]),ie.value?(i(),c("div",I,["image"===T.mediaType?(i(),c("img",{key:0,ref_key:"mediaPreviewRef",ref:ae,src:ie.value,alt:d(Y)("gsc.richTextEditor.media.previewAlt"),style:{"max-width":"100%","max-height":"200px"},onLoad:Te},null,40,O)):(i(),c("video",{key:1,ref_key:"mediaPreviewRef",ref:ae,src:ie.value,alt:d(Y)("gsc.richTextEditor.media.previewAlt"),style:{"max-width":"100%","max-height":"200px"},controls:"",onLoadedmetadata:Te},null,40,q))])):p("",!0)])):p("",!0),r("div",B,[r("div",D,v(pe.value),1),r("div",S,[s(r("input",{"onUpdate:modelValue":a[3]||(a[3]=e=>ue.value.width=e),type:"number",min:"1",placeholder:d(Y)("gsc.richTextEditor.media.width"),class:"gsc-control media-input w-32"},null,8,$),[[h,ue.value.width,void 0,{number:!0}]]),a[6]||(a[6]=r("span",{class:"text-gray-500 dark:text-gray-300"},"×",-1)),s(r("input",{"onUpdate:modelValue":a[4]||(a[4]=e=>ue.value.height=e),type:"number",min:"1",placeholder:d(Y)("gsc.richTextEditor.media.height"),class:"gsc-control media-input w-32"},null,8,K),[[h,ue.value.height,void 0,{number:!0}]]),r("button",{type:"button",class:g(["border-none bg-transparent cursor-pointer text-gray-500 dark:text-gray-300",{"text-blue-500 dark:text-blue-400":te.value}]),title:te.value?d(Y)("gsc.richTextEditor.media.keepAspectRatio"):d(Y)("gsc.richTextEditor.media.notKeepAspectRatio"),"aria-pressed":te.value,onClick:Ue},[r("span",{class:g(te.value?"i-simple-line-icons:lock":"i-simple-line-icons:lock-open")},null,2)],10,z)])])])]),_:1})]),_:1},8,["modelValue","title"]))}}),[["__scopeId","data-v-6b367736"]]);export{J as default};
+import { ref as m, watch as g, computed as v, openBlock as h, createBlock as ae, unref as o, withCtx as b, createVNode as L, createElementVNode as i, toDisplayString as p, withDirectives as k, vModelRadio as W, createElementBlock as y, createTextVNode as C, createCommentVNode as V, vModelText as F, normalizeClass as B } from "vue";
+import { GscForm as te } from "../../../../Form/index.js";
+import { GscButton as N } from "../../../../Button/index.js";
+import { useLocale as ie } from "../../../../hooks/useLocale.js";
+import './MediaUploadModal2.css';import './MediaUploadModal.css';/* empty css                      */
+/* empty css                      */
+import le from "../../../../_virtual/_plugin-vue_export-helper.js";
+import de from "../../../../Overlay/src/Modal.vue.js";
+const oe = { class: "gsc-tiptap-media-modal gap-6 grid-cols-1" }, re = { class: "gsc-form-item gsc-form-item--vertical gap-1 mb-4" }, ue = { class: "gsc-form-label mb-0.5" }, ne = { class: "flex gap-4" }, se = { class: "inline-flex items-center gap-2" }, ce = ["name"], me = { class: "inline-flex items-center gap-2" }, ve = ["name"], he = {
+  key: 0,
+  class: "gsc-form-item gsc-form-item--vertical gap-1"
+}, pe = { class: "gsc-form-label mb-0.5" }, fe = ["accept"], ge = {
+  key: 0,
+  class: "media-preview mt-2 border rounded p-2"
+}, ye = ["src", "alt"], xe = ["src", "alt"], _e = {
+  key: 1,
+  class: "gsc-form-item gsc-form-item--vertical gap-1"
+}, Te = { class: "gsc-form-label mb-0.5" }, be = ["placeholder"], we = {
+  key: 0,
+  class: "media-preview mt-2 border rounded p-2"
+}, ke = ["src", "alt"], Me = ["src", "alt"], Ue = { class: "gsc-form-item gsc-form-item--vertical gap-1 mt-4" }, Ee = { class: "gsc-form-label mb-0.5" }, Re = { class: "flex items-center gap-2" }, Le = ["placeholder"], Ve = ["placeholder"], Ae = ["title", "aria-pressed"], Ce = { class: "flex justify-end gap-2" }, Fe = /* @__PURE__ */ Object.assign({
+  name: "MediaUploadModal"
+}, {
+  __name: "MediaUploadModal",
+  props: {
+    visible: {
+      type: Boolean,
+      default: !1
+    },
+    title: {
+      type: String,
+      required: !0
+    },
+    mediaType: {
+      type: String,
+      validator: (f) => ["image", "video"].includes(f),
+      default: "image"
+    },
+    editor: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: [
+    "update:visible",
+    "cancel",
+    "ok"
+  ],
+  setup(f, { emit: S }) {
+    const s = f, x = S, { t: l } = ie(), M = m(s.visible), D = m(null), T = m(null), c = m(""), _ = m(""), n = m(!0), u = m(null);
+    g(() => s.visible, (e) => {
+      M.value = e;
+    }), g(M, (e) => {
+      x("update:visible", e);
+    });
+    const P = () => ({
+      uploadMethod: "local",
+      mediaUrl: "",
+      width: void 0,
+      height: void 0
+    }), a = m(P()), z = v(() => a.value.uploadMethod === "local"), A = v(() => a.value.uploadMethod === "network"), w = v(() => s.mediaType === "image" ? l("gsc.richTextEditor.media.mediaType.image") : l("gsc.richTextEditor.media.mediaType.video")), I = v(() => l("gsc.richTextEditor.media.localMediaType", {
+      mediaType: w.value
+    })), j = v(() => l("gsc.richTextEditor.media.selectMediaType", {
+      mediaType: w.value
+    })), O = v(() => l("gsc.richTextEditor.media.mediaUrlLabel", {
+      mediaType: w.value
+    })), q = v(() => l("gsc.richTextEditor.media.mediaUrlPlaceholder", {
+      mediaType: w.value
+    })), G = v(() => l("gsc.richTextEditor.media.mediaDimensions", {
+      mediaType: w.value
+    })), $ = v(() => s.mediaType === "image" ? "image/*" : "video/*"), d = m(!1), U = () => {
+      a.value = P(), c.value = "", _.value = "", n.value = !0, u.value = null;
+    }, K = () => {
+      D.value?.click();
+    }, J = (e, t) => {
+      const r = new FileReader();
+      r.onload = (ee) => {
+        t(ee.target?.result || "");
+      }, r.readAsDataURL(e);
+    }, Q = (e) => {
+      const [t] = e.target.files || [];
+      t && J(t, (r) => {
+        c.value = r, a.value.width = void 0, a.value.height = void 0, u.value = null;
+      }), e.target.value = "";
+    }, E = () => {
+      if (s.mediaType === "image") {
+        const e = T.value;
+        if (!e || !e.naturalWidth || !e.naturalHeight)
+          return;
+        u.value = e.naturalWidth / e.naturalHeight, a.value.width = e.naturalWidth, a.value.height = e.naturalHeight;
+      } else {
+        const e = T.value;
+        if (!e || !e.videoWidth || !e.videoHeight)
+          return;
+        u.value = e.videoWidth / e.videoHeight, a.value.width = e.videoWidth, a.value.height = e.videoHeight;
+      }
+    }, R = (e) => {
+      if (e == null || e === "")
+        return;
+      const t = Number(e);
+      if (!Number.isNaN(t))
+        return Math.max(1, Math.round(t));
+    }, H = (e) => {
+      const t = { src: e };
+      a.value.width && (t.width = a.value.width), a.value.height && (t.height = a.value.height), s.editor?.chain().focus()[s.mediaType === "image" ? "setImage" : "setVideo"](t).run();
+    }, X = () => {
+      x("update:visible", !1), x("cancel"), U();
+    }, Y = () => {
+      z.value && c.value ? (H(c.value), x("update:visible", !1), x("ok", { mediaType: s.mediaType, url: c.value, ...a.value }), U()) : A.value && a.value.mediaUrl && (H(a.value.mediaUrl), x("update:visible", !1), x("ok", { mediaType: s.mediaType, url: a.value.mediaUrl, ...a.value }), U());
+    };
+    g(() => s.visible, (e) => {
+      e || U();
+    }), g(
+      () => a.value.uploadMethod,
+      (e) => {
+        a.value.mediaUrl = "", a.value.width = void 0, a.value.height = void 0, u.value = null, e === "local" ? _.value = "" : c.value = "";
+      }
+    ), g(
+      () => a.value.mediaUrl,
+      (e) => {
+        A.value && (_.value = e || "", _.value || (u.value = null, a.value.width = void 0, a.value.height = void 0));
+      }
+    ), g(
+      () => a.value.width,
+      (e) => {
+        if (d.value)
+          return;
+        const t = R(e);
+        if (t === void 0) {
+          n.value && (d.value = !0, a.value.height = void 0, d.value = !1);
+          return;
+        }
+        if (t !== e) {
+          d.value = !0, a.value.width = t, d.value = !1;
+          return;
+        }
+        !n.value || !u.value || (d.value = !0, a.value.height = Math.round(t / u.value), d.value = !1);
+      }
+    ), g(
+      () => a.value.height,
+      (e) => {
+        if (d.value)
+          return;
+        const t = R(e);
+        if (t === void 0) {
+          n.value && (d.value = !0, a.value.width = void 0, d.value = !1);
+          return;
+        }
+        if (t !== e) {
+          d.value = !0, a.value.height = t, d.value = !1;
+          return;
+        }
+        !n.value || !u.value || (d.value = !0, a.value.width = Math.round(t * u.value), d.value = !1);
+      }
+    ), g(
+      n,
+      (e) => {
+        if (!e || !u.value)
+          return;
+        const t = R(a.value.width);
+        t !== void 0 && (d.value = !0, a.value.height = Math.round(t / u.value), d.value = !1);
+      }
+    );
+    const Z = () => {
+      if (n.value = !n.value, n.value && u.value) {
+        const e = R(a.value.width);
+        e !== void 0 && (d.value = !0, a.value.height = Math.round(e / u.value), d.value = !1);
+      }
+    };
+    return (e, t) => (h(), ae(o(de), {
+      modelValue: M.value,
+      "onUpdate:modelValue": t[5] || (t[5] = (r) => M.value = r),
+      title: f.title
+    }, {
+      footer: b(() => [
+        i("div", Ce, [
+          L(o(N), {
+            variant: "default",
+            onClick: X
+          }, {
+            default: b(() => [
+              C(p(o(l)("gsc.richTextEditor.media.cancel")), 1)
+            ]),
+            _: 1
+          }),
+          L(o(N), {
+            variant: "primary",
+            onClick: Y
+          }, {
+            default: b(() => [
+              C(p(o(l)("gsc.richTextEditor.media.insert")), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      default: b(() => [
+        L(o(te), { "show-actions": !1 }, {
+          default: b(() => [
+            i("div", oe, [
+              i("div", re, [
+                i("div", ue, p(o(l)("gsc.richTextEditor.media.uploadMethod")), 1),
+                i("div", ne, [
+                  i("label", se, [
+                    k(i("input", {
+                      "onUpdate:modelValue": t[0] || (t[0] = (r) => a.value.uploadMethod = r),
+                      type: "radio",
+                      name: `${f.mediaType}-upload-method`,
+                      value: "local"
+                    }, null, 8, ce), [
+                      [W, a.value.uploadMethod]
+                    ]),
+                    i("span", null, p(I.value), 1)
+                  ]),
+                  i("label", me, [
+                    k(i("input", {
+                      "onUpdate:modelValue": t[1] || (t[1] = (r) => a.value.uploadMethod = r),
+                      type: "radio",
+                      name: `${f.mediaType}-upload-method`,
+                      value: "network"
+                    }, null, 8, ve), [
+                      [W, a.value.uploadMethod]
+                    ]),
+                    i("span", null, p(o(l)("gsc.richTextEditor.media.networkAddress")), 1)
+                  ])
+                ])
+              ]),
+              z.value ? (h(), y("div", he, [
+                i("div", pe, p(j.value), 1),
+                i("div", null, [
+                  L(o(N), {
+                    variant: "primary",
+                    onClick: K
+                  }, {
+                    default: b(() => [
+                      C(p(o(l)("gsc.richTextEditor.media.clickToUpload")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  i("input", {
+                    ref_key: "modalFileInputRef",
+                    ref: D,
+                    type: "file",
+                    accept: $.value,
+                    class: "gsc-tiptap-hidden",
+                    onChange: Q
+                  }, null, 40, fe)
+                ]),
+                c.value ? (h(), y("div", ge, [
+                  f.mediaType === "image" ? (h(), y("img", {
+                    key: 0,
+                    ref_key: "mediaPreviewRef",
+                    ref: T,
+                    src: c.value,
+                    alt: o(l)("gsc.richTextEditor.media.previewAlt"),
+                    style: { "max-width": "100%", "max-height": "200px" },
+                    onLoad: E
+                  }, null, 40, ye)) : (h(), y("video", {
+                    key: 1,
+                    ref_key: "mediaPreviewRef",
+                    ref: T,
+                    src: c.value,
+                    alt: o(l)("gsc.richTextEditor.media.previewAlt"),
+                    style: { "max-width": "100%", "max-height": "200px" },
+                    onLoadedmetadata: E
+                  }, null, 40, xe))
+                ])) : V("", !0)
+              ])) : V("", !0),
+              A.value ? (h(), y("div", _e, [
+                i("div", Te, p(O.value), 1),
+                k(i("input", {
+                  "onUpdate:modelValue": t[2] || (t[2] = (r) => a.value.mediaUrl = r),
+                  type: "text",
+                  class: "gsc-control media-input",
+                  placeholder: q.value
+                }, null, 8, be), [
+                  [
+                    F,
+                    a.value.mediaUrl,
+                    void 0,
+                    { trim: !0 }
+                  ]
+                ]),
+                _.value ? (h(), y("div", we, [
+                  f.mediaType === "image" ? (h(), y("img", {
+                    key: 0,
+                    ref_key: "mediaPreviewRef",
+                    ref: T,
+                    src: _.value,
+                    alt: o(l)("gsc.richTextEditor.media.previewAlt"),
+                    style: { "max-width": "100%", "max-height": "200px" },
+                    onLoad: E
+                  }, null, 40, ke)) : (h(), y("video", {
+                    key: 1,
+                    ref_key: "mediaPreviewRef",
+                    ref: T,
+                    src: _.value,
+                    alt: o(l)("gsc.richTextEditor.media.previewAlt"),
+                    style: { "max-width": "100%", "max-height": "200px" },
+                    controls: "",
+                    onLoadedmetadata: E
+                  }, null, 40, Me))
+                ])) : V("", !0)
+              ])) : V("", !0),
+              i("div", Ue, [
+                i("div", Ee, p(G.value), 1),
+                i("div", Re, [
+                  k(i("input", {
+                    "onUpdate:modelValue": t[3] || (t[3] = (r) => a.value.width = r),
+                    type: "number",
+                    min: "1",
+                    placeholder: o(l)("gsc.richTextEditor.media.width"),
+                    class: "gsc-control media-input w-32"
+                  }, null, 8, Le), [
+                    [
+                      F,
+                      a.value.width,
+                      void 0,
+                      { number: !0 }
+                    ]
+                  ]),
+                  t[6] || (t[6] = i("span", { class: "text-gray-500 dark:text-gray-300" }, "×", -1)),
+                  k(i("input", {
+                    "onUpdate:modelValue": t[4] || (t[4] = (r) => a.value.height = r),
+                    type: "number",
+                    min: "1",
+                    placeholder: o(l)("gsc.richTextEditor.media.height"),
+                    class: "gsc-control media-input w-32"
+                  }, null, 8, Ve), [
+                    [
+                      F,
+                      a.value.height,
+                      void 0,
+                      { number: !0 }
+                    ]
+                  ]),
+                  i("button", {
+                    type: "button",
+                    class: B(["border-none bg-transparent cursor-pointer text-gray-500 dark:text-gray-300", { "text-blue-500 dark:text-blue-400": n.value }]),
+                    title: n.value ? o(l)("gsc.richTextEditor.media.keepAspectRatio") : o(l)("gsc.richTextEditor.media.notKeepAspectRatio"),
+                    "aria-pressed": n.value,
+                    onClick: Z
+                  }, [
+                    i("span", {
+                      class: B(n.value ? "i-simple-line-icons:lock" : "i-simple-line-icons:lock-open")
+                    }, null, 2)
+                  ], 10, Ae)
+                ])
+              ])
+            ])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue", "title"]));
+  }
+}), Ie = /* @__PURE__ */ le(Fe, [["__scopeId", "data-v-6b367736"]]);
+export {
+  Ie as default
+};

package/dist/es/RichTextEditor/src/components/basic/MediaUploadModal2.css

@@ -7,8 +7,8 @@ You shall not disclose such Confidential Information and shall use it only in
 accordance with the terms of the license agreement.
 
 --- Build Info ---
-Version: 1.1.6
-Build Time: 2026/3/4 16:49:40
-Build Commit: 63f88fe7a59965e471017742b570179ac37f5591
+Version: 1.1.8
+Build Time: 2026/3/18 18:22:17
+Build Commit: 44c48456c04c14c7d83e532658836e594a224593
 */
 [data-v-6b367736],[data-v-6b367736]:before,[data-v-6b367736]:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }[data-v-6b367736]::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.i-simple-line-icons\:lock[data-v-6b367736]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 1024 1024' vertical-align='-0.125em' display='inline-block' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M800 384h-32V261.872C768 115.024 661.744 0 510.816 0C359.28 0 256 117.472 256 261.872V384h-32c-70.592 0-128 57.408-128 128v384c0 70.592 57.408 128 128 128h576c70.592 0 128-57.408 128-128V512c0-70.592-57.408-128-128-128M320 261.872C320 152.784 394.56 64 510.816 64C625.872 64 704 150.912 704 261.872V384H320zM864.001 896c0 35.28-28.72 64-64 64h-576c-35.28 0-64-28.72-64-64V512c0-35.28 28.72-64 64-64h576c35.28 0 64 28.72 64 64zm-352-320c-35.344 0-64 28.656-64 64c0 23.632 12.96 44.032 32 55.12V800c0 17.664 14.336 32 32 32s32-14.336 32-32V695.12c19.04-11.088 32-31.504 32-55.12c0-35.344-28.656-64-64-64'/%3E%3C/svg%3E");-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 1024 1024' vertical-align='-0.125em' display='inline-block' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M800 384h-32V261.872C768 115.024 661.744 0 510.816 0C359.28 0 256 117.472 256 261.872V384h-32c-70.592 0-128 57.408-128 128v384c0 70.592 57.408 128 128 128h576c70.592 0 128-57.408 128-128V512c0-70.592-57.408-128-128-128M320 261.872C320 152.784 394.56 64 510.816 64C625.872 64 704 150.912 704 261.872V384H320zM864.001 896c0 35.28-28.72 64-64 64h-576c-35.28 0-64-28.72-64-64V512c0-35.28 28.72-64 64-64h576c35.28 0 64 28.72 64 64zm-352-320c-35.344 0-64 28.656-64 64c0 23.632 12.96 44.032 32 55.12V800c0 17.664 14.336 32 32 32s32-14.336 32-32V695.12c19.04-11.088 32-31.504 32-55.12c0-35.344-28.656-64-64-64'/%3E%3C/svg%3E") no-repeat;mask:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 1024 1024' vertical-align='-0.125em' display='inline-block' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M800 384h-32V261.872C768 115.024 661.744 0 510.816 0C359.28 0 256 117.472 256 261.872V384h-32c-70.592 0-128 57.408-128 128v384c0 70.592 57.408 128 128 128h576c70.592 0 128-57.408 128-128V512c0-70.592-57.408-128-128-128M320 261.872C320 152.784 394.56 64 510.816 64C625.872 64 704 150.912 704 261.872V384H320zM864.001 896c0 35.28-28.72 64-64 64h-576c-35.28 0-64-28.72-64-64V512c0-35.28 28.72-64 64-64h576c35.28 0 64 28.72 64 64zm-352-320c-35.344 0-64 28.656-64 64c0 23.632 12.96 44.032 32 55.12V800c0 17.664 14.336 32 32 32s32-14.336 32-32V695.12c19.04-11.088 32-31.504 32-55.12c0-35.344-28.656-64-64-64'/%3E%3C/svg%3E") no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;vertical-align:-.125em;display:inline-block;width:1em;height:1em}.i-simple-line-icons\:lock-open[data-v-6b367736]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 1024 1024' vertical-align='-0.125em' display='inline-block' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m800 385.104l-456.96.001l-16.56-74.273C298.24 205.456 347.296 100.4 459.568 70.32c111.136-29.776 209.088 33.936 237.824 141.12l13.6 53.967c4.576 17.073 22.112 27.2 39.2 22.624c17.072-4.576 27.2-22.112 22.624-39.184L759.2 194.879C721.216 53.039 588.815-30.561 443.008 8.495C296.64 47.71 227.296 187.919 264.672 327.407l12.864 57.696H224c-70.592 0-128 57.408-128 128v384c0 70.592 57.408 128 128 128h576c70.592 0 128-57.408 128-128v-384c0-70.592-57.408-128-128-128zm64 512c0 35.28-28.72 64-64 64H224c-35.28 0-64-28.72-64-64v-384c0-35.28 28.72-64 64-64h576c35.28 0 64 28.72 64 64zm-352-320c-35.344 0-64 28.656-64 64c0 23.632 12.96 44.032 32 55.12v104.88c0 17.664 14.336 32 32 32s32-14.336 32-32v-104.88c19.04-11.088 32-31.504 32-55.12c0-35.344-28.656-64-64-64'/%3E%3C/svg%3E");-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 1024 1024' vertical-align='-0.125em' display='inline-block' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m800 385.104l-456.96.001l-16.56-74.273C298.24 205.456 347.296 100.4 459.568 70.32c111.136-29.776 209.088 33.936 237.824 141.12l13.6 53.967c4.576 17.073 22.112 27.2 39.2 22.624c17.072-4.576 27.2-22.112 22.624-39.184L759.2 194.879C721.216 53.039 588.815-30.561 443.008 8.495C296.64 47.71 227.296 187.919 264.672 327.407l12.864 57.696H224c-70.592 0-128 57.408-128 128v384c0 70.592 57.408 128 128 128h576c70.592 0 128-57.408 128-128v-384c0-70.592-57.408-128-128-128zm64 512c0 35.28-28.72 64-64 64H224c-35.28 0-64-28.72-64-64v-384c0-35.28 28.72-64 64-64h576c35.28 0 64 28.72 64 64zm-352-320c-35.344 0-64 28.656-64 64c0 23.632 12.96 44.032 32 55.12v104.88c0 17.664 14.336 32 32 32s32-14.336 32-32v-104.88c19.04-11.088 32-31.504 32-55.12c0-35.344-28.656-64-64-64'/%3E%3C/svg%3E") no-repeat;mask:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 1024 1024' vertical-align='-0.125em' display='inline-block' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m800 385.104l-456.96.001l-16.56-74.273C298.24 205.456 347.296 100.4 459.568 70.32c111.136-29.776 209.088 33.936 237.824 141.12l13.6 53.967c4.576 17.073 22.112 27.2 39.2 22.624c17.072-4.576 27.2-22.112 22.624-39.184L759.2 194.879C721.216 53.039 588.815-30.561 443.008 8.495C296.64 47.71 227.296 187.919 264.672 327.407l12.864 57.696H224c-70.592 0-128 57.408-128 128v384c0 70.592 57.408 128 128 128h576c70.592 0 128-57.408 128-128v-384c0-70.592-57.408-128-128-128zm64 512c0 35.28-28.72 64-64 64H224c-35.28 0-64-28.72-64-64v-384c0-35.28 28.72-64 64-64h576c35.28 0 64 28.72 64 64zm-352-320c-35.344 0-64 28.656-64 64c0 23.632 12.96 44.032 32 55.12v104.88c0 17.664 14.336 32 32 32s32-14.336 32-32v-104.88c19.04-11.088 32-31.504 32-55.12c0-35.344-28.656-64-64-64'/%3E%3C/svg%3E") no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;vertical-align:-.125em;display:inline-block;width:1em;height:1em}.visible[data-v-6b367736]{visibility:visible}.grid-cols-1[data-v-6b367736]{grid-template-columns:repeat(1,minmax(0,1fr))}.mb-0\.5[data-v-6b367736]{margin-bottom:.125rem}.mb-4[data-v-6b367736]{margin-bottom:1rem}.mt-2[data-v-6b367736]{margin-top:.5rem}.mt-4[data-v-6b367736]{margin-top:1rem}.w-32[data-v-6b367736]{width:8rem}.flex[data-v-6b367736]{display:flex}.inline-flex[data-v-6b367736]{display:inline-flex}.cursor-pointer[data-v-6b367736]{cursor:pointer}.items-center[data-v-6b367736]{align-items:center}.justify-end[data-v-6b367736]{justify-content:flex-end}.gap-1[data-v-6b367736]{gap:.25rem}.gap-2[data-v-6b367736]{gap:.5rem}.gap-4[data-v-6b367736]{gap:1rem}.gap-6[data-v-6b367736]{gap:1.5rem}.border[data-v-6b367736]{border-width:1px}.rounded[data-v-6b367736]{border-radius:.25rem}.border-none[data-v-6b367736]{border-style:none}.bg-transparent[data-v-6b367736]{background-color:transparent}.p-2[data-v-6b367736]{padding:.5rem}.dark .dark\:text-blue-400[data-v-6b367736]{--un-text-opacity:1;color:#60a5fa}@supports (color: rgb(0 0 0 / 0)){.dark .dark\:text-blue-400[data-v-6b367736]{color:rgb(96 165 250 / var(--un-text-opacity))}}.dark .dark\:text-gray-300[data-v-6b367736]{--un-text-opacity:1;color:#d1d5db}@supports (color: rgb(0 0 0 / 0)){.dark .dark\:text-gray-300[data-v-6b367736]{color:rgb(209 213 219 / var(--un-text-opacity))}}.text-blue-500[data-v-6b367736]{--un-text-opacity:1;color:#3b82f6}@supports (color: rgb(0 0 0 / 0)){.text-blue-500[data-v-6b367736]{color:rgb(59 130 246 / var(--un-text-opacity))}}.text-gray-500[data-v-6b367736]{--un-text-opacity:1;color:#6b7280}@supports (color: rgb(0 0 0 / 0)){.text-gray-500[data-v-6b367736]{color:rgb(107 114 128 / var(--un-text-opacity))}}

package/dist/es/RichTextEditor/src/components/basic/SelectMenu.css

@@ -7,8 +7,8 @@ You shall not disclose such Confidential Information and shall use it only in
 accordance with the terms of the license agreement.
 
 --- Build Info ---
-Version: 1.1.6
-Build Time: 2026/3/4 16:49:40
-Build Commit: 63f88fe7a59965e471017742b570179ac37f5591
+Version: 1.1.8
+Build Time: 2026/3/18 18:22:17
+Build Commit: 44c48456c04c14c7d83e532658836e594a224593
 */
-.select-button[data-v-b1e73b6e]{border-radius:.25rem}
+.select-button[data-v-fe63ff84]{border-radius:.25rem}

package/dist/es/RichTextEditor/src/components/basic/SelectMenu.vue.js

@@ -7,8 +7,141 @@ You shall not disclose such Confidential Information and shall use it only in
 accordance with the terms of the license agreement.
 
 --- Build Info ---
-Version: 1.1.6
-Build Time: 2026/3/4 16:49:40
-Build Commit: 63f88fe7a59965e471017742b570179ac37f5591
+Version: 1.1.8
+Build Time: 2026/3/18 18:22:17
+Build Commit: 44c48456c04c14c7d83e532658836e594a224593
 */
-import{ref as e,computed as t,onMounted as l,onBeforeUnmount as i,openBlock as a,createElementBlock as r,createElementVNode as u,normalizeStyle as o,renderSlot as n,toDisplayString as d,normalizeClass as s,withDirectives as c,Fragment as v,renderList as p,vShow as m,nextTick as g}from"vue";import{useLocale as f}from"../../../../hooks/useLocale.js";import './SelectMenu2.css';import './SelectMenu.css';/* empty css               *//* empty css               */import b from"../../../../_virtual/_plugin-vue_export-helper.js";const y=["disabled","title"],h={class:"text-[14px]"},x=["onClick"],W=/* @__PURE__ */b({__name:"SelectMenu",props:{items:{type:Array,required:!0},disabled:{type:Boolean,default:!1},selectedLabel:{type:String,default:""},selectedValue:{type:[String,Number],default:null},valueKey:{type:String,default:"value"},minWidth:{type:[String,Number],default:120},triggerWidth:{type:[String,Number],default:null}},emits:["select"],setup(b,{emit:W}){const w=b,L=W,{t:S}=f(),k=e(null),_=e(!1),E=e(!1),V=S("gsc.richTextEditor.table.trigger"),K=t(()=>"number"==typeof w.minWidth?`${w.minWidth}px`:w.minWidth||"120px"),C=t(()=>({minWidth:K.value,maxHeight:"240px",overflowY:"auto",left:E.value?"auto":"0",right:E.value?"0":"auto"})),j=t(()=>null===w.triggerWidth||void 0===w.triggerWidth||""===w.triggerWidth?K.value:"number"==typeof w.triggerWidth?`${w.triggerWidth}px`:w.triggerWidth),B=t(()=>({minWidth:j.value})),$=()=>{if(!_.value)return;const e=k.value,t=e?.querySelector(".select-menu");if(!e||!t)return void(E.value=!1);const l=e.closest(".gsc-tiptap-editor");if(!l)return void(E.value=!1);const i=l.getBoundingClientRect(),a=t.getBoundingClientRect();E.value=a.right>i.right},z=()=>{w.disabled||(_.value=!_.value,_.value?g(()=>{$()}):E.value=!1)},A=()=>{_.value=!1,E.value=!1},M=e=>!(e=>"function"!=typeof e?.canExecute||e.canExecute())(e),N=e=>void 0!==e?.name?e.name:void 0!==e?.id?e.id:e&&w.valueKey&&void 0!==e[w.valueKey]?e[w.valueKey]:w.items.indexOf(e),R=e=>e?void 0!==e.title?e.title:void 0!==e.label?e.label:"":"",q=e=>"function"==typeof e?.isActive?e.isActive():null!==w.selectedValue&&void 0!==w.selectedValue?e?.[w.valueKey]===w.selectedValue:void 0!==e?.active?Boolean(e.active):!!w.selectedLabel&&R(e)===w.selectedLabel,H=t(()=>{if(w.selectedLabel)return w.selectedLabel;if(null!==w.selectedValue&&void 0!==w.selectedValue){const e=w.items.find(e=>e?.[w.valueKey]===w.selectedValue);if(e)return R(e)}const e=w.items.find(e=>q(e));return e?R(e):V}),I=e=>{k.value&&!k.value.contains(e.target)&&A()};return l(()=>{document.addEventListener("click",I),window.addEventListener("resize",$)}),i(()=>{document.removeEventListener("click",I),window.removeEventListener("resize",$)}),(e,t)=>(a(),r("div",{ref_key:"dropdownRef",ref:k,class:"relative"},[u("button",{class:"select-button disabled:cursor-not-allowed disabled:opacity-30 relative pr-4 dropdown-trigger",disabled:b.disabled,title:H.value,style:o(B.value),onClick:z},[n(e.$slots,"trigger",{label:H.value},()=>[u("span",h,d(H.value),1)],!0),u("span",{class:s(["absolute right-2 text-[10px] transition-transform duration-150 dropdown-arrow",{"rotate-180":_.value}])}," ▼ ",2)],12,y),c(u("div",{class:"select-menu absolute top-full left-0 mt-1 rounded z-[1000] p-1",style:o(C.value)},[(a(!0),r(v,null,p(b.items,t=>(a(),r("div",{key:N(t),class:s(["dropdown-item flex items-center gap-2 p-2 cursor-pointer transition-colors duration-150 text-[14px]",{active:q(t),"cursor-not-allowed opacity-30":M(t)}]),onClick:e=>!M(t)&&(e=>{L("select",e),A()})(t)},[n(e.$slots,"option",{item:t},()=>[u("span",null,d(R(t)),1)],!0)],10,x))),128))],4),[[m,_.value]])],512))}},[["__scopeId","data-v-b1e73b6e"]]);export{W as default};
+import { ref as p, computed as o, onMounted as M, onBeforeUnmount as N, openBlock as v, createElementBlock as g, createElementVNode as s, normalizeStyle as E, renderSlot as L, toDisplayString as S, normalizeClass as W, withDirectives as O, Fragment as T, renderList as q, vShow as F, nextTick as H } from "vue";
+import { useLocale as P } from "../../../../hooks/useLocale.js";
+import './SelectMenu2.css';import './SelectMenu.css';/* empty css                */
+/* empty css                */
+import U from "../../../../_virtual/_plugin-vue_export-helper.js";
+const Y = ["disabled", "title"], j = { class: "text-[14px]" }, G = ["onClick"], J = {
+  __name: "SelectMenu",
+  props: {
+    items: {
+      type: Array,
+      required: !0
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    selectedLabel: {
+      type: String,
+      default: ""
+    },
+    selectedValue: {
+      type: [String, Number],
+      default: null
+    },
+    valueKey: {
+      type: String,
+      default: "value"
+    },
+    minWidth: {
+      type: [String, Number],
+      default: 130
+    },
+    triggerWidth: {
+      type: [String, Number],
+      default: null
+    }
+  },
+  emits: ["select"],
+  setup(d, { emit: _ }) {
+    const t = d, k = _, { t: C } = P(), u = p(null), l = p(!1), i = p(!1), D = C("gsc.richTextEditor.table.trigger"), m = o(
+      () => typeof t.minWidth == "number" ? `${t.minWidth}px` : t.minWidth || "120px"
+    ), R = o(() => ({
+      minWidth: m.value,
+      maxHeight: "240px",
+      overflowY: "auto",
+      left: i.value ? "auto" : "0",
+      right: i.value ? "0" : "auto"
+    })), V = o(() => t.triggerWidth === null || t.triggerWidth === void 0 || t.triggerWidth === "" ? m.value : typeof t.triggerWidth == "number" ? `${t.triggerWidth}px` : t.triggerWidth), A = o(() => ({
+      minWidth: V.value
+    })), c = () => {
+      if (!l.value)
+        return;
+      const e = u.value, r = e?.querySelector(".select-menu");
+      if (!e || !r) {
+        i.value = !1;
+        return;
+      }
+      const n = e.closest(".gsc-tiptap-editor");
+      if (!n) {
+        i.value = !1;
+        return;
+      }
+      const x = n.getBoundingClientRect(), $ = r.getBoundingClientRect();
+      i.value = $.right > x.right;
+    }, B = () => {
+      t.disabled || (l.value = !l.value, l.value ? H(() => {
+        c();
+      }) : i.value = !1);
+    }, h = () => {
+      l.value = !1, i.value = !1;
+    }, I = (e) => {
+      k("select", e), h();
+    }, K = (e) => typeof e?.canExecute == "function" ? e.canExecute() : !0, y = (e) => !K(e), z = (e) => e?.name !== void 0 ? e.name : e?.id !== void 0 ? e.id : e && t.valueKey && e[t.valueKey] !== void 0 ? e[t.valueKey] : t.items.indexOf(e), a = (e) => e ? e.title !== void 0 ? e.title : e.label !== void 0 ? e.label : "" : "", b = (e) => typeof e?.isActive == "function" ? e.isActive() : t.selectedValue !== null && t.selectedValue !== void 0 ? e?.[t.valueKey] === t.selectedValue : e?.active !== void 0 ? !!e.active : t.selectedLabel ? a(e) === t.selectedLabel : !1, f = o(() => {
+      if (t.selectedLabel)
+        return t.selectedLabel;
+      if (t.selectedValue !== null && t.selectedValue !== void 0) {
+        const r = t.items.find((n) => n?.[t.valueKey] === t.selectedValue);
+        if (r)
+          return a(r);
+      }
+      const e = t.items.find((r) => b(r));
+      return e ? a(e) : D;
+    }), w = (e) => {
+      u.value && !u.value.contains(e.target) && h();
+    };
+    return M(() => {
+      document.addEventListener("click", w), window.addEventListener("resize", c);
+    }), N(() => {
+      document.removeEventListener("click", w), window.removeEventListener("resize", c);
+    }), (e, r) => (v(), g("div", {
+      ref_key: "dropdownRef",
+      ref: u,
+      class: "relative"
+    }, [
+      s("button", {
+        type: "button",
+        class: "select-button disabled:cursor-not-allowed disabled:opacity-30 relative pr-4 dropdown-trigger",
+        disabled: d.disabled,
+        title: f.value,
+        style: E(A.value),
+        onClick: B
+      }, [
+        L(e.$slots, "trigger", { label: f.value }, () => [
+          s("span", j, S(f.value), 1)
+        ], !0),
+        s("span", {
+          class: W(["absolute right-2 text-[10px] transition-transform duration-150 dropdown-arrow", { "rotate-180": l.value }])
+        }, " ▼ ", 2)
+      ], 12, Y),
+      O(s("div", {
+        class: "select-menu absolute top-full left-0 mt-1 rounded z-[1000] p-1",
+        style: E(R.value)
+      }, [
+        (v(!0), g(T, null, q(d.items, (n) => (v(), g("div", {
+          key: z(n),
+          class: W(["dropdown-item flex items-center gap-2 p-2 cursor-pointer transition-colors duration-150 text-[14px]", {
+            active: b(n),
+            "cursor-not-allowed opacity-30": y(n)
+          }]),
+          onClick: (x) => !y(n) && I(n)
+        }, [
+          L(e.$slots, "option", { item: n }, () => [
+            s("span", null, S(a(n)), 1)
+          ], !0)
+        ], 10, G))), 128))
+      ], 4), [
+        [F, l.value]
+      ])
+    ], 512));
+  }
+}, ne = /* @__PURE__ */ U(J, [["__scopeId", "data-v-fe63ff84"]]);
+export {
+  ne as default
+};

package/dist/es/RichTextEditor/src/components/basic/SelectMenu2.css

@@ -7,8 +7,8 @@ You shall not disclose such Confidential Information and shall use it only in
 accordance with the terms of the license agreement.
 
 --- Build Info ---
-Version: 1.1.6
-Build Time: 2026/3/4 16:49:40
-Build Commit: 63f88fe7a59965e471017742b570179ac37f5591
+Version: 1.1.8
+Build Time: 2026/3/18 18:22:17
+Build Commit: 44c48456c04c14c7d83e532658836e594a224593
 */
-[data-v-b1e73b6e],[data-v-b1e73b6e]:before,[data-v-b1e73b6e]:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }[data-v-b1e73b6e]::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.absolute[data-v-b1e73b6e]{position:absolute}.relative[data-v-b1e73b6e]{position:relative}.left-0[data-v-b1e73b6e]{left:0}.right-2[data-v-b1e73b6e]{right:.5rem}.top-full[data-v-b1e73b6e]{top:100%}.z-\[1000\][data-v-b1e73b6e]{z-index:1000}.mt-1[data-v-b1e73b6e]{margin-top:.25rem}.flex[data-v-b1e73b6e]{display:flex}.rotate-180[data-v-b1e73b6e]{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(180deg) rotateX(0) rotateY(0) rotate(0) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer[data-v-b1e73b6e]{cursor:pointer}.cursor-not-allowed[data-v-b1e73b6e]{cursor:not-allowed}.disabled\:cursor-not-allowed[data-v-b1e73b6e]:disabled{cursor:not-allowed}.resize[data-v-b1e73b6e]{resize:both}.items-center[data-v-b1e73b6e]{align-items:center}.gap-2[data-v-b1e73b6e]{gap:.5rem}.rounded[data-v-b1e73b6e]{border-radius:.25rem}.p-1[data-v-b1e73b6e]{padding:.25rem}.p-2[data-v-b1e73b6e]{padding:.5rem}.px[data-v-b1e73b6e]{padding-left:1rem;padding-right:1rem}.pr-4[data-v-b1e73b6e]{padding-right:1rem}.text-\[10px\][data-v-b1e73b6e]{font-size:10px}.text-\[14px\][data-v-b1e73b6e]{font-size:14px}.opacity-30[data-v-b1e73b6e]{opacity:.3}.disabled\:opacity-30[data-v-b1e73b6e]:disabled{opacity:.3}.transition-colors[data-v-b1e73b6e]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform[data-v-b1e73b6e]{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150[data-v-b1e73b6e]{transition-duration:.15s}
+[data-v-fe63ff84],[data-v-fe63ff84]:before,[data-v-fe63ff84]:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }[data-v-fe63ff84]::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.absolute[data-v-fe63ff84]{position:absolute}.relative[data-v-fe63ff84]{position:relative}.left-0[data-v-fe63ff84]{left:0}.right-2[data-v-fe63ff84]{right:.5rem}.top-full[data-v-fe63ff84]{top:100%}.z-\[1000\][data-v-fe63ff84]{z-index:1000}.mt-1[data-v-fe63ff84]{margin-top:.25rem}.flex[data-v-fe63ff84]{display:flex}.rotate-180[data-v-fe63ff84]{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(180deg) rotateX(0) rotateY(0) rotate(0) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer[data-v-fe63ff84]{cursor:pointer}.cursor-not-allowed[data-v-fe63ff84]{cursor:not-allowed}.disabled\:cursor-not-allowed[data-v-fe63ff84]:disabled{cursor:not-allowed}.resize[data-v-fe63ff84]{resize:both}.items-center[data-v-fe63ff84]{align-items:center}.gap-2[data-v-fe63ff84]{gap:.5rem}.rounded[data-v-fe63ff84]{border-radius:.25rem}.p-1[data-v-fe63ff84]{padding:.25rem}.p-2[data-v-fe63ff84]{padding:.5rem}.px[data-v-fe63ff84]{padding-left:1rem;padding-right:1rem}.pr-4[data-v-fe63ff84]{padding-right:1rem}.text-\[10px\][data-v-fe63ff84]{font-size:10px}.text-\[14px\][data-v-fe63ff84]{font-size:14px}.opacity-30[data-v-fe63ff84]{opacity:.3}.disabled\:opacity-30[data-v-fe63ff84]:disabled{opacity:.3}.transition-colors[data-v-fe63ff84]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform[data-v-fe63ff84]{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150[data-v-fe63ff84]{transition-duration:.15s}