@ajaxjs/ui 1.4.1 → 1.4.3

package/dist/ajaxjs-ui.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),i={},l=(e,t)=>{const r=e.__vccOpts||e;for(const[n,o]of t)r[n]=o;return r};function s(e,t,r,n,o,c){return a.openBlock(),a.createElementBlock("button",null,"hihi")}const u=l(i,[["render",s]]);function p(e,t){const n=(t?parent.location:window.location).search.substring(1).split("&");for(let o=0;o<n.length;o++){const c=n[o].split("=");if(c[0]==e)return c[1]}return null}function d(e){if(navigator.clipboard)navigator.clipboard.writeText(e);else{const t=document.createElement("textarea");document.body.appendChild(t),t.style.position="fixed",t.style.clip="rect(0 0 0 0)",t.style.top="10px",t.value=e,t.select(),document.execCommand("copy",!0),document.body.removeChild(t)}}exports.MyButton=u;exports.copyToClipboard=d;exports.getQueryParam=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),C={},c=(e,t)=>{const l=e.__vccOpts||e;for(const[r,n]of t)l[r]=n;return l};function y(e,t,l,r,n,s){return o.openBlock(),o.createElementBlock("button",null,"hihi")}const p=c(C,[["render",y]]);function g(e,t){const r=(t?parent.location:window.location).search.substring(1).split("&");for(let n=0;n<r.length;n++){const s=r[n].split("=");if(s[0]==e)return s[1]}return null}const k=o.defineComponent({name:"HtmlEditor",props:{modelValue:String,uploadImageActionUrl:String,isIonicons:Boolean},emits:["update:modelValue","onchange"],data(){return{isShowCode:!1,iframeEl:null,sourceEditor:null}},mounted(){this.iframeEl=this.$el.querySelector("iframe"),this.sourceEditor=this.$el.querySelector("textarea"),this.iframeEl.contentWindow.onload=e=>{this.iframeDoc=this.iframeEl.contentWindow.document,this.iframeDoc.designMode="on",this.iframeDoc.addEventListener("paste",E.bind(this)),new MutationObserver((t,l)=>{this.isShowCode||(this.sourceEditor.value=this.iframeDoc.body.innerHTML,this.$emit("onchange",this.sourceEditor.value)),this.$emit("update:modelValue",this.iframeDoc.body.innerHTML)}).observe(this.iframeDoc.body,{attributes:!0,childList:!0,subtree:!0,characterData:!0})},this.sourceEditor.oninput=e=>{this.isShowCode&&this.sourceEditor.value&&(this.setIframeBody(this.sourceEditor.value),this.$emit("onchange",this.sourceEditor.value))}},methods:{setIframeBody(e){this.iframeDoc&&this.iframeDoc.body&&(this.iframeDoc.body.innerHTML=e)},getValue(e,t){let l=this.iframeDoc.body.innerHTML;return e&&(l=h(l)),t&&(l=encodeURIComponent(l)),l},createLink(){const e=prompt("请输入 URL 地址");e&&this.format("createLink",e)},insertImage(){window.isCreate?alert("请保存记录后再上传图片。"):this.uploadImgMgr.show(e=>{e&&e.isOk&&this.format("insertImage",e.fullUrl)})},cleanHTML(){this.setIframeBody(HtmlSanitizer.SanitizeHtml(this.iframeDoc.body.innerHTML))},saveRemoteImage2Local(){const e=this.iframeDoc.querySelectorAll("img"),t=new Array,l=[];for(let r=0,n=e.length;r<n;r++){const s=e[r],i=s.getAttribute("src");i!=null&&/^http/.test(i)&&(t.push(s),l.push(i))}l.length||console.log("未发现有远程图片")},onCmdClk(e){const t=e.target,l=t.className.split(" ").shift();this.format(l)},format(e,t){t?this.iframeDoc.execCommand(e,!1,t):this.iframeDoc.execCommand(e,!1)},onFontsizeChoserClk(e){const t=e.target,l=e.currentTarget.children;let r,n;for(r=0,n=l.length;r<n&&t!=l[r];r++);this.format("fontsize",r+"")},onFontfamilyChoserClk(e){const t=e.target;this.format("fontname",t.innerHTML);const l=t.parentNode;l.style.display="none",setTimeout(()=>l.style.display="",300)},createColorPickerHTML(){const e=["00","33","66","99","CC","FF"];let t,l,r,n;const s=['<div class="colorhead"><span class="colortitle">颜色选择</span></div><div class="colorbody"><table cellspaci="0" cellpadding="0"><tr>'];for(let i=0;i<6;++i){s.push('<td><table class="colorpanel" cellspacing="0" cellpadding="0">');for(let a=0,f=e[i];a<6;++a){s.push("<tr>");for(let d=0,u=e[a];d<6;++d)t=e[d],r=d==5&&i!=2&&i!=5?";border-right:none;":"",n=a==5&&i<3?";border-bottom:none":"",l="#"+f+t+u,s.push('<td unselectable="on" style="background-color: '+l+r+n+'" title="'+l+'"></td>');s.push("</tr>")}s.push("</table></td>"),e[i]=="66"&&s.push("</tr><tr>")}return s.push("</tr></table></div>"),s.join("")}},watch:{modelValue(e,t){t||this.setIframeBody(e)},isShowCode(e){e?(this.iframeEl.classList.add("hide"),this.sourceEditor.classList.add("show"),m.call(this,!0)):(this.iframeEl.classList.remove("hide"),this.sourceEditor.classList.remove("show"),m.call(this,!1))}}});function E(e){if(!this.uploadImageActionUrl){alert("未提供图片上传地址");return}const t=e.clipboardData&&e.clipboardData.items;if(!t||!t.length)return;let l=null;for(let s=0;s<t.length;s++){const i=t[s];if(i.type.indexOf("image")!==-1){l=i.getAsFile();break}}if(!l)return;e.preventDefault();const r=new FormData;r.append("file",l,l.name);const n=new XMLHttpRequest;n.addEventListener("load",s=>{if(n.status>=200&&n.status<300){const i=JSON.parse(n.responseText);console.log("Success:",i),this.format("insertImage",i.data.url)}else console.error("Upload failed with status:",n.status),alert("Upload failed!")}),n.addEventListener("error",function(s){console.error("Network error during upload:",s),alert("Upload failed due to a network error!")}),n.open("POST",this.uploadImageActionUrl),n.send(r)}function m(e){this.$el.querySelectorAll(".toolbar i").forEach(t=>{t.className.indexOf("switchMode")==-1&&(t.style.color=e?"lightgray":"")})}function h(e){return e=e.replace(/<(\/)*(\\?xml:|meta|link|span|font|del|ins|st1:|[ovwxp]:)((.|\s)*?)>/gi,""),e=e.replace(/(class|style|type|start)=("(.*?)"|(\w*))/gi,""),e=e.replace(/<style(.*?)style>/gi,""),e=e.replace(/<script(.*?)script>/gi,""),e=e.replace(/<!--(.*?)-->/gi,""),e}const v={class:"aj-form-html-editor"},N={class:"toolbar"},V={class:"dorpdown"},w={class:"dorpdown"},b={class:"dorpdown"},I=["innerHTML"],L={class:"dorpdown"},A=["innerHTML"];function M(e,t,l,r,n,s){return o.openBlock(),o.createElementBlock("div",v,[o.createElementVNode("ul",N,[o.createElementVNode("li",V,[t[20]||(t[20]=o.createElementVNode("i",{title:"字体",class:"text-icon"},"A",-1)),o.createElementVNode("div",{class:"fontfamilyChoser",onClick:t[0]||(t[0]=(...i)=>e.onFontfamilyChoserClk&&e.onFontfamilyChoserClk(...i))},[...t[19]||(t[19]=[o.createStaticVNode('<a style="font-family:&#39;宋体&#39;;">宋体</a><a style="font-family:&#39;黑体&#39;;">黑体</a><a style="font-family:&#39;楷体&#39;;">楷体</a><a style="font-family:&#39;隶书&#39;;">隶书</a><a style="font-family:&#39;幼圆&#39;;">幼圆</a><a style="font-family:&#39;Microsoft YaHei&#39;;">Microsoft YaHei</a><a style="font-family:Arial;">Arial</a><a style="font-family:&#39;Arial Narrow&#39;;">Arial Narrow</a><a style="font-family:&#39;Arial Black&#39;;">Arial Black</a><a style="font-family:&#39;Comic Sans MS&#39;;">Comic Sans MS</a><a style="font-family:Courier;">Courier</a><a style="font-family:System;">System</a><a style="font-family:&#39;Times New Roman&#39;;">Times New Roman</a><a style="font-family:Verdana;">Verdana</a>',14)])])]),o.createElementVNode("li",w,[t[22]||(t[22]=o.createElementVNode("i",{title:"字号",class:"text-icon"},"H",-1)),o.createElementVNode("div",{class:"fontsizeChoser",onClick:t[1]||(t[1]=(...i)=>e.onFontsizeChoserClk&&e.onFontsizeChoserClk(...i))},[...t[21]||(t[21]=[o.createStaticVNode('<a style="font-size:xx-small;">极小</a><a style="font-size:x-small;">特小</a><a style="font-size:small;">小</a><a style="font-size:medium;">中</a><a style="font-size:large;">大</a><a style="font-size:x-large;">特大</a><a style="font-size:xx-large;line-height:140%;">极大</a>',7)])])]),o.createElementVNode("li",{onClick:t[2]||(t[2]=(...i)=>e.onCmdClk&&e.onCmdClk(...i))},[...t[23]||(t[23]=[o.createElementVNode("i",{title:"加粗",class:"bold text-icon"},"B",-1)])]),o.createElementVNode("li",{onClick:t[3]||(t[3]=(...i)=>e.onCmdClk&&e.onCmdClk(...i))},[...t[24]||(t[24]=[o.createElementVNode("i",{title:"斜体",class:"italic text-icon",style:{"font-style":"italic"}},"I",-1)])]),o.createElementVNode("li",{onClick:t[4]||(t[4]=(...i)=>e.onCmdClk&&e.onCmdClk(...i))},[...t[25]||(t[25]=[o.createElementVNode("i",{title:"下划线",class:"underline text-icon",style:{"text-decoration":"underline"}},"U",-1)])]),o.createElementVNode("li",{onClick:t[5]||(t[5]=(...i)=>e.onCmdClk&&e.onCmdClk(...i))},[o.createElementVNode("i",{title:"左对齐",class:o.normalizeClass("justifyleft   "+(e.isIonicons?"ivu-icon ivu-icon-bingo-menu-fold":"fontAwesome fa-align-left"))},null,2)]),o.createElementVNode("li",{onClick:t[6]||(t[6]=(...i)=>e.onCmdClk&&e.onCmdClk(...i))},[o.createElementVNode("i",{title:"中间对齐",class:o.normalizeClass("justifycenter   "+(e.isIonicons?"ivu-icon ivu-icon-md-menu":"fontAwesome fa-align-center"))},null,2)]),o.createElementVNode("li",{onClick:t[7]||(t[7]=(...i)=>e.onCmdClk&&e.onCmdClk(...i))},[o.createElementVNode("i",{title:"右对齐",class:o.normalizeClass("justifyright   "+(e.isIonicons?"ivu-icon ivu-icon-bingo-menu-unfold":"fontAwesome fa-align-right"))},null,2)]),o.createElementVNode("li",{onClick:t[8]||(t[8]=(...i)=>e.onCmdClk&&e.onCmdClk(...i))},[o.createElementVNode("i",{title:"数字编号",class:o.normalizeClass("insertorderedlist   "+(e.isIonicons?"ivu-icon ivu-icon-md-list":"fontAwesome fa-list-ol"))},null,2)]),o.createElementVNode("li",{onClick:t[9]||(t[9]=(...i)=>e.onCmdClk&&e.onCmdClk(...i))},[o.createElementVNode("i",{title:"项目编号",class:o.normalizeClass("insertunorderedlist "+(e.isIonicons?"ivu-icon ivu-icon-ios-list":"fontAwesome fa-list-ul"))},null,2)]),o.createElementVNode("li",{onClick:t[10]||(t[10]=(...i)=>e.onCmdClk&&e.onCmdClk(...i))},[o.createElementVNode("i",{title:"增加缩进",class:o.normalizeClass("outdent "+(e.isIonicons?"ivu-icon ivu-icon-ios-return-left":"fontAwesome fa-outdent"))},null,2)]),o.createElementVNode("li",{onClick:t[11]||(t[11]=(...i)=>e.onCmdClk&&e.onCmdClk(...i))},[o.createElementVNode("i",{title:"减少缩进",class:o.normalizeClass("indent  "+(e.isIonicons?"ivu-icon ivu-icon-ios-return-right":"fontAwesome fa-indent"))},null,2)]),o.createElementVNode("li",b,[o.createElementVNode("i",{title:"字体颜色",class:o.normalizeClass(e.isIonicons?"ivu-icon ivu-icon-md-brush":"fontAwesome fa-paint-brush")},null,2),o.createElementVNode("div",{class:"colorPicker",innerHTML:e.createColorPickerHTML(),onClick:t[12]||(t[12]=i=>e.format("foreColor",i.target.title))},null,8,I)]),o.createElementVNode("li",L,[o.createElementVNode("i",{title:"背景颜色",class:o.normalizeClass(e.isIonicons?"ivu-icon ivu-icon-ios-brush-outline":"fontAwesome fa-pencil")},null,2),o.createElementVNode("div",{class:"colorPicker",innerHTML:e.createColorPickerHTML(),onClick:t[13]||(t[13]=i=>e.format("backColor",i.target.title))},null,8,A)]),o.createElementVNode("li",{onClick:t[14]||(t[14]=(...i)=>e.createLink&&e.createLink(...i))},[o.createElementVNode("i",{title:"增加链接",class:o.normalizeClass(e.isIonicons?"ivu-icon ivu-icon-ios-link":"fontAwesome fa-link")},null,2)]),o.createElementVNode("li",{onClick:t[15]||(t[15]=(...i)=>e.insertImage&&e.insertImage(...i))},[o.createElementVNode("i",{title:"增加图片",class:o.normalizeClass(e.isIonicons?"ivu-icon ivu-icon-md-images":"fontAwesome fa-regular fa-image")},null,2)]),o.createElementVNode("li",{onClick:t[16]||(t[16]=(...i)=>e.saveRemoteImage2Local&&e.saveRemoteImage2Local(...i))},[o.createElementVNode("i",{title:"一键存图",class:o.normalizeClass(e.isIonicons?"ivu-icon ivu-icon-md-photos":"fontAwesome fa-camera")},null,2)]),o.createElementVNode("li",{onClick:t[17]||(t[17]=(...i)=>e.cleanHTML&&e.cleanHTML(...i))},[o.createElementVNode("i",{title:"清理 HTML",class:o.normalizeClass(e.isIonicons?"ivu-icon ivu-icon-md-done-all":"fontAwesome fa-eraser")},null,2)]),o.createElementVNode("li",{onClick:t[18]||(t[18]=i=>e.isShowCode=!e.isShowCode)},[o.createElementVNode("i",{title:"切换到代码",class:o.normalizeClass((e.isIonicons?"ivu-icon ivu-icon-md-code":"fontAwesome fa-code")+" switchMode")},null,2)])]),t[26]||(t[26]=o.createElementVNode("div",{class:"editorBody"},[o.createElementVNode("iframe",{srcdoc:"<html><body></body></html>"}),o.createElementVNode("textarea")],-1))])}const z=c(k,[["render",M]]);exports.HtmlEditor=z;exports.MyButton=p;exports.getQueryParam=g;

package/dist/ajaxjs-ui.es.js

@@ -1,33 +1,398 @@
-import { openBlock as a, createElementBlock as i } from "vue";
-const l = {}, s = (e, t) => {
-  const r = e.__vccOpts || e;
-  for (const [n, o] of t)
-    r[n] = o;
-  return r;
+import { openBlock as c, createElementBlock as C, defineComponent as k, createElementVNode as t, createStaticVNode as m, normalizeClass as a } from "vue";
+const h = {}, y = (i, e) => {
+  const s = i.__vccOpts || i;
+  for (const [r, l] of e)
+    s[r] = l;
+  return s;
 };
-function p(e, t, r, n, o, c) {
-  return a(), i("button", null, "hihi");
+function v(i, e, s, r, l, n) {
+  return c(), C("button", null, "hihi");
 }
-const d = /* @__PURE__ */ s(l, [["render", p]]);
-function m(e, t) {
-  const n = (t ? parent.location : window.location).search.substring(1).split("&");
-  for (let o = 0; o < n.length; o++) {
-    const c = n[o].split("=");
-    if (c[0] == e)
-      return c[1];
+const B = /* @__PURE__ */ y(h, [["render", v]]);
+function N(i, e) {
+  const r = (e ? parent.location : window.location).search.substring(1).split("&");
+  for (let l = 0; l < r.length; l++) {
+    const n = r[l].split("=");
+    if (n[0] == i)
+      return n[1];
   }
   return null;
 }
-function f(e) {
-  if (navigator.clipboard)
-    navigator.clipboard.writeText(e);
-  else {
-    const t = document.createElement("textarea");
-    document.body.appendChild(t), t.style.position = "fixed", t.style.clip = "rect(0 0 0 0)", t.style.top = "10px", t.value = e, t.select(), document.execCommand("copy", !0), document.body.removeChild(t);
+const w = k({
+  name: "HtmlEditor",
+  props: {
+    modelValue: String,
+    // 双向绑定           
+    uploadImageActionUrl: String,
+    // 图片上传路径
+    isIonicons: Boolean
+    // 是否使用 ionicons 图标
+  },
+  emits: ["update:modelValue", "onchange"],
+  data() {
+    return {
+      isShowCode: !1,
+      // 是否显示 HTML 源码
+      iframeEl: null,
+      sourceEditor: null
+    };
+  },
+  mounted() {
+    this.iframeEl = this.$el.querySelector("iframe"), this.sourceEditor = this.$el.querySelector("textarea"), this.iframeEl.contentWindow.onload = (i) => {
+      this.iframeDoc = this.iframeEl.contentWindow.document, this.iframeDoc.designMode = "on", this.iframeDoc.addEventListener("paste", b.bind(this)), new MutationObserver((e, s) => {
+        this.isShowCode || (this.sourceEditor.value = this.iframeDoc.body.innerHTML, this.$emit("onchange", this.sourceEditor.value)), this.$emit("update:modelValue", this.iframeDoc.body.innerHTML);
+      }).observe(this.iframeDoc.body, { attributes: !0, childList: !0, subtree: !0, characterData: !0 });
+    }, this.sourceEditor.oninput = (i) => {
+      this.isShowCode && this.sourceEditor.value && (this.setIframeBody(this.sourceEditor.value), this.$emit("onchange", this.sourceEditor.value));
+    };
+  },
+  methods: {
+    /**
+     * 输入 HTML 内容
+     * 
+     * @param html 
+     */
+    setIframeBody(i) {
+      this.iframeDoc && this.iframeDoc.body && (this.iframeDoc.body.innerHTML = i);
+    },
+    /**
+    * 获取内容的 HTML
+    * 
+    * @param cleanWord  是否清理冗余标签
+    * @param encode     是否 URL 编码
+    */
+    getValue(i, e) {
+      let s = this.iframeDoc.body.innerHTML;
+      return i && (s = I(s)), e && (s = encodeURIComponent(s)), s;
+    },
+    createLink() {
+      const i = prompt("请输入 URL 地址");
+      i && this.format("createLink", i);
+    },
+    insertImage() {
+      window.isCreate ? alert("请保存记录后再上传图片。") : this.uploadImgMgr.show((i) => {
+        i && i.isOk && this.format("insertImage", i.fullUrl);
+      });
+    },
+    /**
+     * 清理冗余 HTML
+     */
+    cleanHTML() {
+      this.setIframeBody(HtmlSanitizer.SanitizeHtml(this.iframeDoc.body.innerHTML));
+    },
+    /**
+     * 一键存图
+     */
+    saveRemoteImage2Local() {
+      const i = this.iframeDoc.querySelectorAll("img"), e = new Array(), s = [];
+      for (let r = 0, l = i.length; r < l; r++) {
+        const n = i[r], o = n.getAttribute("src");
+        o != null && /^http/.test(o) && (e.push(n), s.push(o));
+      }
+      s.length || console.log("未发现有远程图片");
+    },
+    /**
+     * 当工具条点击的时候触发
+     * 
+     * @param ev 
+     */
+    onCmdClk(i) {
+      const e = i.target, s = e.className.split(" ").shift();
+      this.format(s);
+    },
+    /**
+     * 通过 document.execCommand() 来操纵可编辑内容区域的元素
+     * 
+     * @param type 命令的名称
+     * @param para 一些命令（例如 insertImage）需要额外的参数（insertImage 需要提供插入 image 的 url），默认为 null
+     */
+    format(i, e) {
+      e ? this.iframeDoc.execCommand(i, !1, e) : this.iframeDoc.execCommand(i, !1);
+    },
+    /**
+     * 选择字号大小
+     * 
+     * @param ev
+     */
+    onFontsizeChoserClk(i) {
+      const e = i.target, s = i.currentTarget.children;
+      let r, l;
+      for (r = 0, l = s.length; r < l && e != s[r]; r++)
+        ;
+      this.format("fontsize", r + "");
+    },
+    /**
+     * 选择字体
+     * 
+     * @param ev
+     */
+    onFontfamilyChoserClk(i) {
+      const e = i.target;
+      this.format("fontname", e.innerHTML);
+      const s = e.parentNode;
+      s.style.display = "none", setTimeout(() => s.style.display = "", 300);
+    },
+    /**
+     * 创建颜色选择器
+     */
+    createColorPickerHTML() {
+      const i = ["00", "33", "66", "99", "CC", "FF"];
+      let e, s, r, l;
+      const n = ['<div class="colorhead"><span class="colortitle">颜色选择</span></div><div class="colorbody"><table cellspaci="0" cellpadding="0"><tr>'];
+      for (let o = 0; o < 6; ++o) {
+        n.push('<td><table class="colorpanel" cellspacing="0" cellpadding="0">');
+        for (let d = 0, p = i[o]; d < 6; ++d) {
+          n.push("<tr>");
+          for (let f = 0, g = i[d]; f < 6; ++f)
+            e = i[f], r = f == 5 && o != 2 && o != 5 ? ";border-right:none;" : "", l = d == 5 && o < 3 ? ";border-bottom:none" : "", s = "#" + p + e + g, n.push('<td unselectable="on" style="background-color: ' + s + r + l + '" title="' + s + '"></td>');
+          n.push("</tr>");
+        }
+        n.push("</table></td>"), i[o] == "66" && n.push("</tr><tr>");
+      }
+      return n.push("</tr></table></div>"), n.join("");
+    }
+  },
+  watch: {
+    // v(newHtml: string, oldHtml: string): void {
+    //     console.log(newHtml)
+    //     if (!oldHtml) // 当没有值的时候输入，就是在初始化的时候（第一次）
+    //         this.setIframeBody(newHtml);
+    // },
+    modelValue(i, e) {
+      e || this.setIframeBody(i);
+    },
+    /**
+     * 切換 HTML 編輯 or 可視化編輯
+     * 
+     * @param n 
+     */
+    isShowCode(i) {
+      i ? (this.iframeEl.classList.add("hide"), this.sourceEditor.classList.add("show"), u.call(this, !0)) : (this.iframeEl.classList.remove("hide"), this.sourceEditor.classList.remove("show"), u.call(this, !1));
+    }
   }
+});
+function b(i) {
+  if (!this.uploadImageActionUrl) {
+    alert("未提供图片上传地址");
+    return;
+  }
+  const e = i.clipboardData && i.clipboardData.items;
+  if (!e || !e.length)
+    return;
+  let s = null;
+  for (let n = 0; n < e.length; n++) {
+    const o = e[n];
+    if (o.type.indexOf("image") !== -1) {
+      s = o.getAsFile();
+      break;
+    }
+  }
+  if (!s)
+    return;
+  i.preventDefault();
+  const r = new FormData();
+  r.append("file", s, s.name);
+  const l = new XMLHttpRequest();
+  l.addEventListener("load", (n) => {
+    if (l.status >= 200 && l.status < 300) {
+      const o = JSON.parse(l.responseText);
+      console.log("Success:", o), this.format("insertImage", o.data.url);
+    } else
+      console.error("Upload failed with status:", l.status), alert("Upload failed!");
+  }), l.addEventListener("error", function(n) {
+    console.error("Network error during upload:", n), alert("Upload failed due to a network error!");
+  }), l.open("POST", this.uploadImageActionUrl), l.send(r);
+}
+function u(i) {
+  this.$el.querySelectorAll(".toolbar i").forEach((e) => {
+    e.className.indexOf("switchMode") == -1 && (e.style.color = i ? "lightgray" : "");
+  });
+}
+function I(i) {
+  return i = i.replace(/<(\/)*(\\?xml:|meta|link|span|font|del|ins|st1:|[ovwxp]:)((.|\s)*?)>/gi, ""), i = i.replace(/(class|style|type|start)=("(.*?)"|(\w*))/gi, ""), i = i.replace(/<style(.*?)style>/gi, ""), i = i.replace(/<script(.*?)script>/gi, ""), i = i.replace(/<!--(.*?)-->/gi, ""), i;
+}
+const L = { class: "aj-form-html-editor" }, A = { class: "toolbar" }, M = { class: "dorpdown" }, E = { class: "dorpdown" }, H = { class: "dorpdown" }, S = ["innerHTML"], T = { class: "dorpdown" }, D = ["innerHTML"];
+function $(i, e, s, r, l, n) {
+  return c(), C("div", L, [
+    t("ul", A, [
+      t("li", M, [
+        e[20] || (e[20] = t("i", {
+          title: "字体",
+          class: "text-icon"
+        }, "A", -1)),
+        t("div", {
+          class: "fontfamilyChoser",
+          onClick: e[0] || (e[0] = (...o) => i.onFontfamilyChoserClk && i.onFontfamilyChoserClk(...o))
+        }, [...e[19] || (e[19] = [
+          m('<a style="font-family:&#39;宋体&#39;;">宋体</a><a style="font-family:&#39;黑体&#39;;">黑体</a><a style="font-family:&#39;楷体&#39;;">楷体</a><a style="font-family:&#39;隶书&#39;;">隶书</a><a style="font-family:&#39;幼圆&#39;;">幼圆</a><a style="font-family:&#39;Microsoft YaHei&#39;;">Microsoft YaHei</a><a style="font-family:Arial;">Arial</a><a style="font-family:&#39;Arial Narrow&#39;;">Arial Narrow</a><a style="font-family:&#39;Arial Black&#39;;">Arial Black</a><a style="font-family:&#39;Comic Sans MS&#39;;">Comic Sans MS</a><a style="font-family:Courier;">Courier</a><a style="font-family:System;">System</a><a style="font-family:&#39;Times New Roman&#39;;">Times New Roman</a><a style="font-family:Verdana;">Verdana</a>', 14)
+        ])])
+      ]),
+      t("li", E, [
+        e[22] || (e[22] = t("i", {
+          title: "字号",
+          class: "text-icon"
+        }, "H", -1)),
+        t("div", {
+          class: "fontsizeChoser",
+          onClick: e[1] || (e[1] = (...o) => i.onFontsizeChoserClk && i.onFontsizeChoserClk(...o))
+        }, [...e[21] || (e[21] = [
+          m('<a style="font-size:xx-small;">极小</a><a style="font-size:x-small;">特小</a><a style="font-size:small;">小</a><a style="font-size:medium;">中</a><a style="font-size:large;">大</a><a style="font-size:x-large;">特大</a><a style="font-size:xx-large;line-height:140%;">极大</a>', 7)
+        ])])
+      ]),
+      t("li", {
+        onClick: e[2] || (e[2] = (...o) => i.onCmdClk && i.onCmdClk(...o))
+      }, [...e[23] || (e[23] = [
+        t("i", {
+          title: "加粗",
+          class: "bold text-icon"
+        }, "B", -1)
+      ])]),
+      t("li", {
+        onClick: e[3] || (e[3] = (...o) => i.onCmdClk && i.onCmdClk(...o))
+      }, [...e[24] || (e[24] = [
+        t("i", {
+          title: "斜体",
+          class: "italic text-icon",
+          style: { "font-style": "italic" }
+        }, "I", -1)
+      ])]),
+      t("li", {
+        onClick: e[4] || (e[4] = (...o) => i.onCmdClk && i.onCmdClk(...o))
+      }, [...e[25] || (e[25] = [
+        t("i", {
+          title: "下划线",
+          class: "underline text-icon",
+          style: { "text-decoration": "underline" }
+        }, "U", -1)
+      ])]),
+      t("li", {
+        onClick: e[5] || (e[5] = (...o) => i.onCmdClk && i.onCmdClk(...o))
+      }, [
+        t("i", {
+          title: "左对齐",
+          class: a("justifyleft   " + (i.isIonicons ? "ivu-icon ivu-icon-bingo-menu-fold" : "fontAwesome fa-align-left"))
+        }, null, 2)
+      ]),
+      t("li", {
+        onClick: e[6] || (e[6] = (...o) => i.onCmdClk && i.onCmdClk(...o))
+      }, [
+        t("i", {
+          title: "中间对齐",
+          class: a("justifycenter   " + (i.isIonicons ? "ivu-icon ivu-icon-md-menu" : "fontAwesome fa-align-center"))
+        }, null, 2)
+      ]),
+      t("li", {
+        onClick: e[7] || (e[7] = (...o) => i.onCmdClk && i.onCmdClk(...o))
+      }, [
+        t("i", {
+          title: "右对齐",
+          class: a("justifyright   " + (i.isIonicons ? "ivu-icon ivu-icon-bingo-menu-unfold" : "fontAwesome fa-align-right"))
+        }, null, 2)
+      ]),
+      t("li", {
+        onClick: e[8] || (e[8] = (...o) => i.onCmdClk && i.onCmdClk(...o))
+      }, [
+        t("i", {
+          title: "数字编号",
+          class: a("insertorderedlist   " + (i.isIonicons ? "ivu-icon ivu-icon-md-list" : "fontAwesome fa-list-ol"))
+        }, null, 2)
+      ]),
+      t("li", {
+        onClick: e[9] || (e[9] = (...o) => i.onCmdClk && i.onCmdClk(...o))
+      }, [
+        t("i", {
+          title: "项目编号",
+          class: a("insertunorderedlist " + (i.isIonicons ? "ivu-icon ivu-icon-ios-list" : "fontAwesome fa-list-ul"))
+        }, null, 2)
+      ]),
+      t("li", {
+        onClick: e[10] || (e[10] = (...o) => i.onCmdClk && i.onCmdClk(...o))
+      }, [
+        t("i", {
+          title: "增加缩进",
+          class: a("outdent " + (i.isIonicons ? "ivu-icon ivu-icon-ios-return-left" : "fontAwesome fa-outdent"))
+        }, null, 2)
+      ]),
+      t("li", {
+        onClick: e[11] || (e[11] = (...o) => i.onCmdClk && i.onCmdClk(...o))
+      }, [
+        t("i", {
+          title: "减少缩进",
+          class: a("indent  " + (i.isIonicons ? "ivu-icon ivu-icon-ios-return-right" : "fontAwesome fa-indent"))
+        }, null, 2)
+      ]),
+      t("li", H, [
+        t("i", {
+          title: "字体颜色",
+          class: a(i.isIonicons ? "ivu-icon ivu-icon-md-brush" : "fontAwesome fa-paint-brush")
+        }, null, 2),
+        t("div", {
+          class: "colorPicker",
+          innerHTML: i.createColorPickerHTML(),
+          onClick: e[12] || (e[12] = (o) => i.format("foreColor", o.target.title))
+        }, null, 8, S)
+      ]),
+      t("li", T, [
+        t("i", {
+          title: "背景颜色",
+          class: a(i.isIonicons ? "ivu-icon ivu-icon-ios-brush-outline" : "fontAwesome fa-pencil")
+        }, null, 2),
+        t("div", {
+          class: "colorPicker",
+          innerHTML: i.createColorPickerHTML(),
+          onClick: e[13] || (e[13] = (o) => i.format("backColor", o.target.title))
+        }, null, 8, D)
+      ]),
+      t("li", {
+        onClick: e[14] || (e[14] = (...o) => i.createLink && i.createLink(...o))
+      }, [
+        t("i", {
+          title: "增加链接",
+          class: a(i.isIonicons ? "ivu-icon ivu-icon-ios-link" : "fontAwesome fa-link")
+        }, null, 2)
+      ]),
+      t("li", {
+        onClick: e[15] || (e[15] = (...o) => i.insertImage && i.insertImage(...o))
+      }, [
+        t("i", {
+          title: "增加图片",
+          class: a(i.isIonicons ? "ivu-icon ivu-icon-md-images" : "fontAwesome fa-regular fa-image")
+        }, null, 2)
+      ]),
+      t("li", {
+        onClick: e[16] || (e[16] = (...o) => i.saveRemoteImage2Local && i.saveRemoteImage2Local(...o))
+      }, [
+        t("i", {
+          title: "一键存图",
+          class: a(i.isIonicons ? "ivu-icon ivu-icon-md-photos" : "fontAwesome fa-camera")
+        }, null, 2)
+      ]),
+      t("li", {
+        onClick: e[17] || (e[17] = (...o) => i.cleanHTML && i.cleanHTML(...o))
+      }, [
+        t("i", {
+          title: "清理 HTML",
+          class: a(i.isIonicons ? "ivu-icon ivu-icon-md-done-all" : "fontAwesome fa-eraser")
+        }, null, 2)
+      ]),
+      t("li", {
+        onClick: e[18] || (e[18] = (o) => i.isShowCode = !i.isShowCode)
+      }, [
+        t("i", {
+          title: "切换到代码",
+          class: a((i.isIonicons ? "ivu-icon ivu-icon-md-code" : "fontAwesome fa-code") + " switchMode")
+        }, null, 2)
+      ])
+    ]),
+    e[26] || (e[26] = t("div", { class: "editorBody" }, [
+      t("iframe", { srcdoc: "<html><body></body></html>" }),
+      t("textarea")
+    ], -1))
+  ]);
 }
+const P = /* @__PURE__ */ y(w, [["render", $]]);
 export {
-  d as MyButton,
-  f as copyToClipboard,
-  m as getQueryParam
+  P as HtmlEditor,
+  B as MyButton,
+  N as getQueryParam
 };

package/dist/ajaxjs-ui.umd.js

@@ -1 +1 @@
-(function(t,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(t=typeof globalThis<"u"?globalThis:t||self,n(t.ajaxjs_ui={},t.Vue))})(this,(function(t,n){"use strict";const a={},s=(o,e)=>{const c=o.__vccOpts||o;for(const[r,i]of e)c[r]=i;return c};function l(o,e,c,r,i,u){return n.openBlock(),n.createElementBlock("button",null,"hihi")}const d=s(a,[["render",l]]);function p(o,e){const r=(e?parent.location:window.location).search.substring(1).split("&");for(let i=0;i<r.length;i++){const u=r[i].split("=");if(u[0]==o)return u[1]}return null}function f(o){if(navigator.clipboard)navigator.clipboard.writeText(o);else{const e=document.createElement("textarea");document.body.appendChild(e),e.style.position="fixed",e.style.clip="rect(0 0 0 0)",e.style.top="10px",e.value=o,e.select(),document.execCommand("copy",!0),document.body.removeChild(e)}}t.MyButton=d,t.copyToClipboard=f,t.getQueryParam=p,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})}));
+(function(a,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],o):(a=typeof globalThis<"u"?globalThis:a||self,o(a.ajaxjs_ui={},a.Vue))})(this,(function(a,o){"use strict";const u={},f=(e,t)=>{const l=e.__vccOpts||e;for(const[r,n]of t)l[r]=n;return l};function C(e,t,l,r,n,s){return o.openBlock(),o.createElementBlock("button",null,"hihi")}const y=f(u,[["render",C]]);function p(e,t){const r=(t?parent.location:window.location).search.substring(1).split("&");for(let n=0;n<r.length;n++){const s=r[n].split("=");if(s[0]==e)return s[1]}return null}const g=o.defineComponent({name:"HtmlEditor",props:{modelValue:String,uploadImageActionUrl:String,isIonicons:Boolean},emits:["update:modelValue","onchange"],data(){return{isShowCode:!1,iframeEl:null,sourceEditor:null}},mounted(){this.iframeEl=this.$el.querySelector("iframe"),this.sourceEditor=this.$el.querySelector("textarea"),this.iframeEl.contentWindow.onload=e=>{this.iframeDoc=this.iframeEl.contentWindow.document,this.iframeDoc.designMode="on",this.iframeDoc.addEventListener("paste",k.bind(this)),new MutationObserver((t,l)=>{this.isShowCode||(this.sourceEditor.value=this.iframeDoc.body.innerHTML,this.$emit("onchange",this.sourceEditor.value)),this.$emit("update:modelValue",this.iframeDoc.body.innerHTML)}).observe(this.iframeDoc.body,{attributes:!0,childList:!0,subtree:!0,characterData:!0})},this.sourceEditor.oninput=e=>{this.isShowCode&&this.sourceEditor.value&&(this.setIframeBody(this.sourceEditor.value),this.$emit("onchange",this.sourceEditor.value))}},methods:{setIframeBody(e){this.iframeDoc&&this.iframeDoc.body&&(this.iframeDoc.body.innerHTML=e)},getValue(e,t){let l=this.iframeDoc.body.innerHTML;return e&&(l=E(l)),t&&(l=encodeURIComponent(l)),l},createLink(){const e=prompt("请输入 URL 地址");e&&this.format("createLink",e)},insertImage(){window.isCreate?alert("请保存记录后再上传图片。"):this.uploadImgMgr.show(e=>{e&&e.isOk&&this.format("insertImage",e.fullUrl)})},cleanHTML(){this.setIframeBody(HtmlSanitizer.SanitizeHtml(this.iframeDoc.body.innerHTML))},saveRemoteImage2Local(){const e=this.iframeDoc.querySelectorAll("img"),t=new Array,l=[];for(let r=0,n=e.length;r<n;r++){const s=e[r],i=s.getAttribute("src");i!=null&&/^http/.test(i)&&(t.push(s),l.push(i))}l.length||console.log("未发现有远程图片")},onCmdClk(e){const t=e.target,l=t.className.split(" ").shift();this.format(l)},format(e,t){t?this.iframeDoc.execCommand(e,!1,t):this.iframeDoc.execCommand(e,!1)},onFontsizeChoserClk(e){const t=e.target,l=e.currentTarget.children;let r,n;for(r=0,n=l.length;r<n&&t!=l[r];r++);this.format("fontsize",r+"")},onFontfamilyChoserClk(e){const t=e.target;this.format("fontname",t.innerHTML);const l=t.parentNode;l.style.display="none",setTimeout(()=>l.style.display="",300)},createColorPickerHTML(){const e=["00","33","66","99","CC","FF"];let t,l,r,n;const s=['<div class="colorhead"><span class="colortitle">颜色选择</span></div><div class="colorbody"><table cellspaci="0" cellpadding="0"><tr>'];for(let i=0;i<6;++i){s.push('<td><table class="colorpanel" cellspacing="0" cellpadding="0">');for(let d=0,S=e[i];d<6;++d){s.push("<tr>");for(let m=0,H=e[d];m<6;++m)t=e[m],r=m==5&&i!=2&&i!=5?";border-right:none;":"",n=d==5&&i<3?";border-bottom:none":"",l="#"+S+t+H,s.push('<td unselectable="on" style="background-color: '+l+r+n+'" title="'+l+'"></td>');s.push("</tr>")}s.push("</table></td>"),e[i]=="66"&&s.push("</tr><tr>")}return s.push("</tr></table></div>"),s.join("")}},watch:{modelValue(e,t){t||this.setIframeBody(e)},isShowCode(e){e?(this.iframeEl.classList.add("hide"),this.sourceEditor.classList.add("show"),c.call(this,!0)):(this.iframeEl.classList.remove("hide"),this.sourceEditor.classList.remove("show"),c.call(this,!1))}}});function k(e){if(!this.uploadImageActionUrl){alert("未提供图片上传地址");return}const t=e.clipboardData&&e.clipboardData.items;if(!t||!t.length)return;let l=null;for(let s=0;s<t.length;s++){const i=t[s];if(i.type.indexOf("image")!==-1){l=i.getAsFile();break}}if(!l)return;e.preventDefault();const r=new FormData;r.append("file",l,l.name);const n=new XMLHttpRequest;n.addEventListener("load",s=>{if(n.status>=200&&n.status<300){const i=JSON.parse(n.responseText);console.log("Success:",i),this.format("insertImage",i.data.url)}else console.error("Upload failed with status:",n.status),alert("Upload failed!")}),n.addEventListener("error",function(s){console.error("Network error during upload:",s),alert("Upload failed due to a network error!")}),n.open("POST",this.uploadImageActionUrl),n.send(r)}function c(e){this.$el.querySelectorAll(".toolbar i").forEach(t=>{t.className.indexOf("switchMode")==-1&&(t.style.color=e?"lightgray":"")})}function E(e){return e=e.replace(/<(\/)*(\\?xml:|meta|link|span|font|del|ins|st1:|[ovwxp]:)((.|\s)*?)>/gi,""),e=e.replace(/(class|style|type|start)=("(.*?)"|(\w*))/gi,""),e=e.replace(/<style(.*?)style>/gi,""),e=e.replace(/<script(.*?)script>/gi,""),e=e.replace(/<!--(.*?)-->/gi,""),e}const h={class:"aj-form-html-editor"},N={class:"toolbar"},V={class:"dorpdown"},w={class:"dorpdown"},b={class:"dorpdown"},I=["innerHTML"],L={class:"dorpdown"},A=["innerHTML"];function M(e,t,l,r,n,s){return o.openBlock(),o.createElementBlock("div",h,[o.createElementVNode("ul",N,[o.createElementVNode("li",V,[t[20]||(t[20]=o.createElementVNode("i",{title:"字体",class:"text-icon"},"A",-1)),o.createElementVNode("div",{class:"fontfamilyChoser",onClick:t[0]||(t[0]=(...i)=>e.onFontfamilyChoserClk&&e.onFontfamilyChoserClk(...i))},[...t[19]||(t[19]=[o.createStaticVNode('<a style="font-family:&#39;宋体&#39;;">宋体</a><a style="font-family:&#39;黑体&#39;;">黑体</a><a style="font-family:&#39;楷体&#39;;">楷体</a><a style="font-family:&#39;隶书&#39;;">隶书</a><a style="font-family:&#39;幼圆&#39;;">幼圆</a><a style="font-family:&#39;Microsoft YaHei&#39;;">Microsoft YaHei</a><a style="font-family:Arial;">Arial</a><a style="font-family:&#39;Arial Narrow&#39;;">Arial Narrow</a><a style="font-family:&#39;Arial Black&#39;;">Arial Black</a><a style="font-family:&#39;Comic Sans MS&#39;;">Comic Sans MS</a><a style="font-family:Courier;">Courier</a><a style="font-family:System;">System</a><a style="font-family:&#39;Times New Roman&#39;;">Times New Roman</a><a style="font-family:Verdana;">Verdana</a>',14)])])]),o.createElementVNode("li",w,[t[22]||(t[22]=o.createElementVNode("i",{title:"字号",class:"text-icon"},"H",-1)),o.createElementVNode("div",{class:"fontsizeChoser",onClick:t[1]||(t[1]=(...i)=>e.onFontsizeChoserClk&&e.onFontsizeChoserClk(...i))},[...t[21]||(t[21]=[o.createStaticVNode('<a style="font-size:xx-small;">极小</a><a style="font-size:x-small;">特小</a><a style="font-size:small;">小</a><a style="font-size:medium;">中</a><a style="font-size:large;">大</a><a style="font-size:x-large;">特大</a><a style="font-size:xx-large;line-height:140%;">极大</a>',7)])])]),o.createElementVNode("li",{onClick:t[2]||(t[2]=(...i)=>e.onCmdClk&&e.onCmdClk(...i))},[...t[23]||(t[23]=[o.createElementVNode("i",{title:"加粗",class:"bold text-icon"},"B",-1)])]),o.createElementVNode("li",{onClick:t[3]||(t[3]=(...i)=>e.onCmdClk&&e.onCmdClk(...i))},[...t[24]||(t[24]=[o.createElementVNode("i",{title:"斜体",class:"italic text-icon",style:{"font-style":"italic"}},"I",-1)])]),o.createElementVNode("li",{onClick:t[4]||(t[4]=(...i)=>e.onCmdClk&&e.onCmdClk(...i))},[...t[25]||(t[25]=[o.createElementVNode("i",{title:"下划线",class:"underline text-icon",style:{"text-decoration":"underline"}},"U",-1)])]),o.createElementVNode("li",{onClick:t[5]||(t[5]=(...i)=>e.onCmdClk&&e.onCmdClk(...i))},[o.createElementVNode("i",{title:"左对齐",class:o.normalizeClass("justifyleft   "+(e.isIonicons?"ivu-icon ivu-icon-bingo-menu-fold":"fontAwesome fa-align-left"))},null,2)]),o.createElementVNode("li",{onClick:t[6]||(t[6]=(...i)=>e.onCmdClk&&e.onCmdClk(...i))},[o.createElementVNode("i",{title:"中间对齐",class:o.normalizeClass("justifycenter   "+(e.isIonicons?"ivu-icon ivu-icon-md-menu":"fontAwesome fa-align-center"))},null,2)]),o.createElementVNode("li",{onClick:t[7]||(t[7]=(...i)=>e.onCmdClk&&e.onCmdClk(...i))},[o.createElementVNode("i",{title:"右对齐",class:o.normalizeClass("justifyright   "+(e.isIonicons?"ivu-icon ivu-icon-bingo-menu-unfold":"fontAwesome fa-align-right"))},null,2)]),o.createElementVNode("li",{onClick:t[8]||(t[8]=(...i)=>e.onCmdClk&&e.onCmdClk(...i))},[o.createElementVNode("i",{title:"数字编号",class:o.normalizeClass("insertorderedlist   "+(e.isIonicons?"ivu-icon ivu-icon-md-list":"fontAwesome fa-list-ol"))},null,2)]),o.createElementVNode("li",{onClick:t[9]||(t[9]=(...i)=>e.onCmdClk&&e.onCmdClk(...i))},[o.createElementVNode("i",{title:"项目编号",class:o.normalizeClass("insertunorderedlist "+(e.isIonicons?"ivu-icon ivu-icon-ios-list":"fontAwesome fa-list-ul"))},null,2)]),o.createElementVNode("li",{onClick:t[10]||(t[10]=(...i)=>e.onCmdClk&&e.onCmdClk(...i))},[o.createElementVNode("i",{title:"增加缩进",class:o.normalizeClass("outdent "+(e.isIonicons?"ivu-icon ivu-icon-ios-return-left":"fontAwesome fa-outdent"))},null,2)]),o.createElementVNode("li",{onClick:t[11]||(t[11]=(...i)=>e.onCmdClk&&e.onCmdClk(...i))},[o.createElementVNode("i",{title:"减少缩进",class:o.normalizeClass("indent  "+(e.isIonicons?"ivu-icon ivu-icon-ios-return-right":"fontAwesome fa-indent"))},null,2)]),o.createElementVNode("li",b,[o.createElementVNode("i",{title:"字体颜色",class:o.normalizeClass(e.isIonicons?"ivu-icon ivu-icon-md-brush":"fontAwesome fa-paint-brush")},null,2),o.createElementVNode("div",{class:"colorPicker",innerHTML:e.createColorPickerHTML(),onClick:t[12]||(t[12]=i=>e.format("foreColor",i.target.title))},null,8,I)]),o.createElementVNode("li",L,[o.createElementVNode("i",{title:"背景颜色",class:o.normalizeClass(e.isIonicons?"ivu-icon ivu-icon-ios-brush-outline":"fontAwesome fa-pencil")},null,2),o.createElementVNode("div",{class:"colorPicker",innerHTML:e.createColorPickerHTML(),onClick:t[13]||(t[13]=i=>e.format("backColor",i.target.title))},null,8,A)]),o.createElementVNode("li",{onClick:t[14]||(t[14]=(...i)=>e.createLink&&e.createLink(...i))},[o.createElementVNode("i",{title:"增加链接",class:o.normalizeClass(e.isIonicons?"ivu-icon ivu-icon-ios-link":"fontAwesome fa-link")},null,2)]),o.createElementVNode("li",{onClick:t[15]||(t[15]=(...i)=>e.insertImage&&e.insertImage(...i))},[o.createElementVNode("i",{title:"增加图片",class:o.normalizeClass(e.isIonicons?"ivu-icon ivu-icon-md-images":"fontAwesome fa-regular fa-image")},null,2)]),o.createElementVNode("li",{onClick:t[16]||(t[16]=(...i)=>e.saveRemoteImage2Local&&e.saveRemoteImage2Local(...i))},[o.createElementVNode("i",{title:"一键存图",class:o.normalizeClass(e.isIonicons?"ivu-icon ivu-icon-md-photos":"fontAwesome fa-camera")},null,2)]),o.createElementVNode("li",{onClick:t[17]||(t[17]=(...i)=>e.cleanHTML&&e.cleanHTML(...i))},[o.createElementVNode("i",{title:"清理 HTML",class:o.normalizeClass(e.isIonicons?"ivu-icon ivu-icon-md-done-all":"fontAwesome fa-eraser")},null,2)]),o.createElementVNode("li",{onClick:t[18]||(t[18]=i=>e.isShowCode=!e.isShowCode)},[o.createElementVNode("i",{title:"切换到代码",class:o.normalizeClass((e.isIonicons?"ivu-icon ivu-icon-md-code":"fontAwesome fa-code")+" switchMode")},null,2)])]),t[26]||(t[26]=o.createElementVNode("div",{class:"editorBody"},[o.createElementVNode("iframe",{srcdoc:"<html><body></body></html>"}),o.createElementVNode("textarea")],-1))])}const z=f(g,[["render",M]]);a.HtmlEditor=z,a.MyButton=y,a.getQueryParam=p,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})}));

package/dist/components/html-editor/HtmlEditor.d.ts

@@ -0,0 +1,68 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: StringConstructor;
+    uploadImageActionUrl: StringConstructor;
+    isIonicons: BooleanConstructor;
+}>, {}, any, {}, {
+    /**
+     * 输入 HTML 内容
+     *
+     * @param html
+     */
+    setIframeBody(html: string): void;
+    /**
+    * 获取内容的 HTML
+    *
+    * @param cleanWord  是否清理冗余标签
+    * @param encode     是否 URL 编码
+    */
+    getValue(cleanWord: boolean, encode: boolean): string;
+    createLink(): void;
+    insertImage(): void;
+    /**
+     * 清理冗余 HTML
+     */
+    cleanHTML(): void;
+    /**
+     * 一键存图
+     */
+    saveRemoteImage2Local(): void;
+    /**
+     * 当工具条点击的时候触发
+     *
+     * @param ev
+     */
+    onCmdClk(ev: Event): void;
+    /**
+     * 通过 document.execCommand() 来操纵可编辑内容区域的元素
+     *
+     * @param type 命令的名称
+     * @param para 一些命令（例如 insertImage）需要额外的参数（insertImage 需要提供插入 image 的 url），默认为 null
+     */
+    format(type: string, para?: string): void;
+    /**
+     * 选择字号大小
+     *
+     * @param ev
+     */
+    onFontsizeChoserClk(ev: Event): void;
+    /**
+     * 选择字体
+     *
+     * @param ev
+     */
+    onFontfamilyChoserClk(ev: Event): void;
+    /**
+     * 创建颜色选择器
+     */
+    createColorPickerHTML(): string;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "onchange")[], "update:modelValue" | "onchange", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: StringConstructor;
+    uploadImageActionUrl: StringConstructor;
+    isIonicons: BooleanConstructor;
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onOnchange?: ((...args: any[]) => any) | undefined;
+}>, {
+    isIonicons: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/ui.css

@@ -0,0 +1 @@
+.aj-form-html-editor ul.toolbar{border:1px solid #C5C5C5;border-radius:4px 4px 0 0;border-bottom:0;background-color:#e8e7e4;width:100%;min-height:30px;margin:0;box-sizing:border-box;padding:3px 4px}.aj-form-html-editor ul.toolbar>li{list-style:none;float:left;cursor:pointer}.aj-form-html-editor ul.toolbar>li>i{border:1px solid transparent;min-width:25px;height:20px;line-height:20px;text-align:center;display:block}.aj-form-html-editor ul.toolbar>li>i.text-icon{font-family:Times New Roman;font-weight:700;font-style:normal}.aj-form-html-editor ul.toolbar>li>i.fontAwesome{padding-top:2px;font: 18px/1 FontAwesome}.aj-form-html-editor ul.toolbar>li>i:hover{border-right-color:#aaa;border-bottom-color:#aaa;border-top-color:#fff;border-left-color:#fff}.aj-form-html-editor ul.toolbar>li>i:active{border-right-color:#f3f8fc;border-bottom-color:#f3f8fc;border-top-color:#ccc;border-left-color:#ccc}.aj-form-html-editor ul.toolbar>li ul li{padding:3px;cursor:pointer}.aj-form-html-editor ul.toolbar>li ul li:hover{background-color:#d3d3d3}.aj-form-html-editor ul.toolbar>li .cleanHTML{background-size:16px 16px}.aj-form-html-editor ul.toolbar>li .noBg{background-image:none}.aj-form-html-editor .editorBody iframe,.aj-form-html-editor .editorBody textarea{border:1px solid #C5C5C5;border-radius:0 0 4px 4px;border-top-width:0;box-sizing:border-box;background-color:#fff;min-height:300px;width:100%}.aj-form-html-editor .editorBody iframe.hide{display:none}.aj-form-html-editor .editorBody textarea{resize:none;display:none}.aj-form-html-editor .editorBody textarea.show{display:block}.aj-form-html-editor .colorPicker{width:210px;border:1px solid #D3D3D3;position:absolute}.aj-form-html-editor .colorPicker table{border-collapse:collapse}.aj-form-html-editor .colorPicker .colorhead{height:23px;line-height:23px;font-weight:700;width:100%}.aj-form-html-editor .colorPicker .colortitle{margin-left:6px;font-size:12px}.aj-form-html-editor .colorPicker .colorpanel td{border:1px solid #000;height:10px;width:10px;overflow:hidden;font-size:1px;cursor:pointer}.aj-form-html-editor .fontfamilyChoser a,.aj-form-html-editor .fontsizeChoser a{display:block;padding:2px;color:#000;line-height:120%;text-decoration:none}.aj-form-html-editor .fontfamilyChoser a:hover,.aj-form-html-editor .fontsizeChoser a:hover{background:#e5e5e5}.aj-form-html-editor .dorpdown{position:relative}.aj-form-html-editor .dorpdown:hover .fontfamilyChoser,.aj-form-html-editor .dorpdown .fontfamilyChoser:hover,.aj-form-html-editor .dorpdown:hover .fontsizeChoser,.aj-form-html-editor .dorpdown .fontsizeChoser:hover,.aj-form-html-editor .dorpdown:hover .colorPicker,.aj-form-html-editor .dorpdown .colorPicker:hover{display:block}.aj-form-html-editor .dorpdown>div{display:none;position:absolute;top:22px;left:0;background-color:#f5f5f5;border:1px solid lightgray;border-top:0;padding:5px;width:230px}.aj-form-html-editor .dorpdown .fontsizeChoser{top:inherit;right:0}

package/dist/utils/utils.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Gets a query parameter value from the URL search string.
+ *
+ * @param variable - The name of the query parameter to retrieve.
+ * @param isParent - Whether to get the parameter from the parent window's URL (true) or current window's URL (false).
+ * @returns The value of the query parameter if found, otherwise null.
+ */
+export declare function getQueryParam(variable: string, isParent: boolean): string | null;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ajaxjs/ui",
-    "version": "1.4.1",
+    "version": "1.4.3",
     "private": false,
     "publishConfig": {
         "access": "public"
@@ -39,7 +39,7 @@
         "preview": "vite preview"
     },
     "dependencies": {
-        "@ajaxjs/util": "^1.2.1",
+        "@ajaxjs/util": "^1.2.3",
         "vue": "^3.5.18"
     },
     "devDependencies": {

package/dist/utils.d.ts

@@ -1,36 +0,0 @@
-/**
- * Gets a query parameter value from the URL search string.
- *
- * @param variable - The name of the query parameter to retrieve.
- * @param isParent - Whether to get the parameter from the parent window's URL (true) or current window's URL (false).
- * @returns The value of the query parameter if found, otherwise null.
- */
-export declare function getQueryParam(variable: string, isParent: boolean): string | null;
-/**
- * Copies text to the clipboard using the modern Clipboard API if available, or a fallback method.
- *
- * @param text - The text to copy to the clipboard.
- * @returns void
- * @description Uses navigator.clipboard.writeText() for modern browsers, and falls back to creating a temporary textarea element
- * for older browsers that don't support the Clipboard API.
- */
-export declare function copyToClipboard(text: string): void;
-/**
- * 通用的打开下载对话框方法，没有测试过具体兼容性
- * https://www.cnblogs.com/liuxianan/p/js-download.html
- *
- * ref 这应该是你见过的最全前端下载总结 https://juejin.cn/post/6844903763359039501
- *
- * @param url 下载地址，也可以是一个blob对象，必选
- * @param saveName 保存文件名，可选
- */
-export declare function openDownloadDialog(url: string | Blob, saveName: string): void;
-/**
- * Processes elements with the "w3-include-html" attribute by fetching and including the specified HTML content.
- * This function recursively processes elements to handle any newly added content that also has the attribute.
- *
- * @description Iterates through all elements in the document, finds those with the "w3-include-html" attribute,
- * fetches the HTML content from the specified file using a synchronous XMLHttpRequest, replaces the element with
- * the fetched content, and then calls itself recursively to process any new elements that might have been added.
- */
-export declare function myHTMLInclude(): void;