@ikas/core 1.0.1 → 1.0.4

package/dist/index105.js

@@ -1,165 +1,101 @@
-var G = Object.defineProperty;
-var H = (i, e, t) => e in i ? G(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var V = (i, e, t) => H(i, typeof e != "symbol" ? e + "" : e, t);
-import { jsx as g, jsxs as k } from "react/jsx-runtime";
-import J from "react";
-import { observer as K } from "mobx-react";
-import { makeObservable as Q, action as w, observable as W } from "mobx";
-import { Modal as X, Input as Y } from "@ikas/ui";
-import { coreTranslations as p } from "./index5.js";
-import { ModalContainer as ee, Title as te, Label as T } from "./index100.js";
-var oe = Object.defineProperty, re = Object.getOwnPropertyDescriptor, d = (i, e, t, a) => {
-  for (var n = a > 1 ? void 0 : a ? re(e, t) : e, s = i.length - 1, m; s >= 0; s--)
-    (m = i[s]) && (n = (a ? m(e, t, n) : m(n)) || n);
-  return a && n && oe(e, t, n), n;
+var d = Object.defineProperty;
+var u = (s, e, o) => e in s ? d(s, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : s[e] = o;
+var l = (s, e, o) => u(s, typeof e != "symbol" ? e + "" : e, o);
+import { jsx as g } from "react/jsx-runtime";
+import f from "react";
+import { observer as b } from "mobx-react";
+import { makeObservable as C, action as p, observable as c } from "mobx";
+import { Modal as I } from "@ikas/ui";
+import { ImageSelect as v } from "./index38.js";
+import { coreTranslations as h } from "./index5.js";
+var U = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, n = (s, e, o, t) => {
+  for (var r = t > 1 ? void 0 : t ? _(e, o) : e, a = s.length - 1, m; a >= 0; a--)
+    (m = s[a]) && (r = (t ? m(e, o, r) : m(r)) || r);
+  return t && r && U(e, o, r), r;
 };
-let l = class extends J.Component {
+let i = class extends f.Component {
   constructor(e) {
     super(e);
-    V(this, "url", "");
-    Q(this);
+    l(this, "image", null);
+    l(this, "isUploading", !1);
+    C(this);
   }
   onClose() {
-    this.url = "", this.props.onClose();
+    this.image = null, this.props.onClose();
   }
-  insertVideo() {
+  insertImage() {
+    var o;
     const { summernoteObj: e } = this.props;
     try {
-      e.summernote("editor.saveRange"), e.summernote("editor.restoreRange");
-      const t = this.createVideoNode();
-      t && e.summernote("editor.insertNode", t), this.onClose();
+      e.summernote("editor.focus"), e.summernote("editor.saveRange"), e.summernote("editor.restoreRange"), e.summernote("editor.insertImage", (o = this.image) == null ? void 0 : o.src), this.onClose();
     } catch (t) {
-      e.summernote("editor.restoreRange"), console.log("video insert error", t);
+      e.summernote("editor.restoreRange"), console.log("image insert error", t);
     }
   }
-  createVideoNode() {
-    const e = this.url;
-    if (!e) return null;
-    const t = /(?:youtu\.be\/|youtube\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|\S*?[?&]v=))([^&\n?]+)(?:.*[?&]t=(\d+))?.*/, a = e.match(t), n = /(?:\.|\/\/)drive\.google\.com\/file\/d\/(.[a-zA-Z0-9_-]*)\/view/, s = e.match(n), m = /(?:www\.|\/\/)instagram\.com\/p\/(.[a-zA-Z0-9_-]*)/, b = e.match(m), N = /\/\/vine\.co\/v\/([a-zA-Z0-9]+)/, v = e.match(N), z = /\/\/(player\.)?vimeo\.com\/([a-z]*\/)*(\d+)[?]?.*/, x = e.match(z), L = /.+dailymotion.com\/(video|hub)\/([^_]+)[^#]*(#video=([^_&]+))?/, y = e.match(L), O = /\/\/v\.youku\.com\/v_show\/id_(\w+)=*\.html/, R = e.match(O), j = /\/\/(.*)\/videos\/watch\/([^?]*)(?:\?(?:start=(\w*))?(?:&stop=(\w*))?(?:&loop=([10]))?(?:&autoplay=([10]))?(?:&muted=([10]))?)?/, o = e.match(j), I = /\/\/v\.qq\.com.*?vid=(.+)/, h = e.match(I), P = /\/\/v\.qq\.com\/x?\/?(page|cover).*?\/([^\/]+)\.html\??.*/, u = e.match(P), U = /^.+.(mp4|m4v)$/, A = e.match(U), D = /^.+.(ogg|ogv)$/, Z = e.match(D), S = /^.+.(webm)$/, B = e.match(S), F = /(?:www\.|\/\/)facebook\.com\/([^\/]+)\/videos\/([0-9]+)/, M = e.match(F);
-    let r, f = 0;
-    if (a && a[1].length === 11) {
-      const c = a[1];
-      typeof a[2] < "u" && (f = parseInt(a[2], 10)), r = $("<iframe>").attr("frameborder", 0).attr(
-        "src",
-        "//www.youtube.com/embed/" + c + (f > 0 ? "?start=" + f : "")
-      ).attr("width", "640").attr("height", "360");
-    } else if (s && s[0].length)
-      r = $("<iframe>").attr("frameborder", 0).attr(
-        "src",
-        "https://drive.google.com/file/d/" + s[1] + "/preview"
-      ).attr("width", "640").attr("height", "480");
-    else if (b && b[0].length)
-      r = $("<iframe>").attr("frameborder", 0).attr("src", "https://instagram.com/p/" + b[1] + "/embed/").attr("width", "612").attr("height", "710").attr("scrolling", "no").attr("allowtransparency", "true");
-    else if (v && v[0].length)
-      r = $("<iframe>").attr("frameborder", 0).attr("src", v[0] + "/embed/simple").attr("width", "600").attr("height", "600").attr("class", "vine-embed");
-    else if (x && x[3].length)
-      r = $(
-        "<iframe webkitallowfullscreen mozallowfullscreen allowfullscreen>"
-      ).attr("frameborder", 0).attr("src", "//player.vimeo.com/video/" + x[3]).attr("width", "640").attr("height", "360");
-    else if (y && y[2].length)
-      r = $("<iframe>").attr("frameborder", 0).attr("src", "//www.dailymotion.com/embed/video/" + y[2]).attr("width", "640").attr("height", "360");
-    else if (R && R[1].length)
-      r = $(
-        "<iframe webkitallowfullscreen mozallowfullscreen allowfullscreen>"
-      ).attr("frameborder", 0).attr("height", "498").attr("width", "510").attr("src", "//player.youku.com/embed/" + R[1]);
-    else if (o && o[0].length) {
-      let c = 0;
-      o[2] !== "undefined" && (c = Number(o[2]));
-      let C = 0;
-      o[3] !== "undefined" && (C = Number(o[3]));
-      let _ = 0;
-      o[4] !== "undefined" && (_ = Number(o[4]));
-      let q = 0;
-      o[5] !== "undefined" && (q = Number(o[5]));
-      let E = 0;
-      o[6] !== "undefined" && (E = Number(o[6])), r = $(
-        '<iframe allowfullscreen sandbox="allow-same-origin allow-scripts allow-popups">'
-      ).attr("frameborder", 0).attr(
-        "src",
-        "//" + o[1] + "/videos/embed/" + o[2] + "?loop=" + _ + "&autoplay=" + q + "&muted=" + E + (c > 0 ? "&start=" + c : "") + (C > 0 ? "&end=" + f : "")
-      ).attr("width", "560").attr("height", "315");
-    } else if (h && h[1].length || u && u[2].length) {
-      const c = h && h[1].length ? h[1] : u ? u[2] : "";
-      r = $(
-        "<iframe webkitallowfullscreen mozallowfullscreen allowfullscreen>"
-      ).attr("frameborder", 0).attr("height", "310").attr("width", "500").attr(
-        "src",
-        "https://v.qq.com/txp/iframe/player.html?vid=" + c + "&amp;auto=0"
-      );
-    } else if (A || Z || B)
-      r = $("<video controls>").attr("src", e).attr("width", "640").attr("height", "360");
-    else if (M && M[0].length)
-      r = $("<iframe>").attr("frameborder", 0).attr(
-        "src",
-        "https://www.facebook.com/plugins/video.php?href=" + encodeURIComponent(M[0]) + "&show_text=0&width=560"
-      ).attr("width", "560").attr("height", "301").attr("scrolling", "no").attr("allowtransparency", "true");
-    else
-      return !1;
-    return r.addClass("note-video-clip"), r[0];
-  }
-  onVideoLinkChange(e) {
-    this.url = e.target.value;
+  async onImageChange(e) {
+    const { onImageUpload: o } = this.props;
+    if (this.isUploading = !0, e.length) {
+      const t = e[0];
+      if (!!t.file || !!t.base64 || !t.src) {
+        const a = await o(t);
+        if (a) {
+          const m = {
+            src: a
+          };
+          this.image = m;
+        } else
+          this.image = null;
+      } else
+        this.image = null;
+    } else
+      this.image = null;
+    this.isUploading = !1;
   }
   render() {
+    var o, t;
     const { open: e } = this.props;
     return /* @__PURE__ */ g(
-      X,
+      I,
       {
         open: e,
         onCancel: this.onClose,
-        onOk: this.insertVideo,
-        okText: p.richText.addVideo,
-        title: p.richText.video,
+        onOk: this.insertImage,
+        okText: h.richText.addImage,
+        title: h.richText.image,
         okButtonProps: {
-          disabled: !this.url.length
+          disabled: !((t = (o = this.image) == null ? void 0 : o.src) != null && t.length) || this.isUploading
         },
-        children: /* @__PURE__ */ k(ee, { children: [
-          /* @__PURE__ */ k(
-            te,
-            {
-              style: {
-                flexDirection: "column",
-                alignItems: "flex-start",
-                gap: 4
-              },
-              children: [
-                /* @__PURE__ */ g(T, { children: p.richText.addVideoLink }),
-                /* @__PURE__ */ g(T, { children: p.richText.suppoertedVideoLinks })
-              ]
-            }
-          ),
-          /* @__PURE__ */ g(
-            Y,
-            {
-              value: this.url,
-              onChange: this.onVideoLinkChange,
-              placeholder: p.richText.enterURL
-            }
-          )
-        ] })
+        children: /* @__PURE__ */ g(
+          v,
+          {
+            images: this.image ? [this.image] : [],
+            imageLimit: 1,
+            onChange: this.onImageChange
+          }
+        )
       }
     );
   }
 };
-d([
-  W
-], l.prototype, "url", 2);
-d([
-  w.bound
-], l.prototype, "onClose", 1);
-d([
-  w.bound
-], l.prototype, "insertVideo", 1);
-d([
-  w.bound
-], l.prototype, "createVideoNode", 1);
-d([
-  w.bound
-], l.prototype, "onVideoLinkChange", 1);
-l = d([
-  K
-], l);
-const he = l;
+n([
+  c
+], i.prototype, "image", 2);
+n([
+  c
+], i.prototype, "isUploading", 2);
+n([
+  p.bound
+], i.prototype, "onClose", 1);
+n([
+  p.bound
+], i.prototype, "insertImage", 1);
+n([
+  p.bound
+], i.prototype, "onImageChange", 1);
+i = n([
+  b
+], i);
+const M = i;
 export {
-  he as default
+  M as default
 };

package/dist/index106.cjs

@@ -1 +1 @@
-"use strict";var g=Object.defineProperty;var x=(i,t,e)=>t in i?g(i,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[t]=e;var k=(i,t,e)=>x(i,typeof t!="symbol"?t+"":t,e);const h=require("react/jsx-runtime"),C=require("react"),w=require("mobx-react"),a=require("mobx"),d=require("@ikas/ui"),p=require("./index5.cjs"),u=require("./index100.cjs");var b=Object.defineProperty,f=Object.getOwnPropertyDescriptor,c=(i,t,e,n)=>{for(var o=n>1?void 0:n?f(t,e):t,r=i.length-1,l;r>=0;r--)(l=i[r])&&(o=(n?l(t,e,o):l(o))||o);return n&&o&&b(t,e,o),o};let s=class extends C.Component{constructor(e){super(e);k(this,"linkInfo",null);a.makeObservable(this)}componentDidUpdate(e,n,o){this.props.open&&!e.open&&this.init()}init(){var n,o;const{summernoteObj:e}=this.props;try{const r=(n=e.summernote)==null?void 0:n.call(e,"editor.createRange"),l=(o=e.summernote)==null?void 0:o.call(e,"editor.getLinkInfo",r);this.linkInfo=l}catch(r){console.log("video insert error",r)}}onClose(){this.linkInfo=null,this.props.onClose()}insertLink(){const{summernoteObj:e}=this.props;try{e.summernote("editor.saveRange"),e.summernote("editor.restoreRange");const n=this.linkInfo;e.summernote("editor.createLink",{url:n==null?void 0:n.url,range:n==null?void 0:n.range,text:n==null?void 0:n.text,isNewWindow:n==null?void 0:n.isNewWindow,checkProtocol:!0}),this.onClose()}catch(n){e.summernote("editor.restoreRange"),console.log("video insert error",n)}}onLinkChange(e){this.linkInfo&&(this.linkInfo.url=e.target.value)}onNewWindowChange(e){this.linkInfo&&(this.linkInfo.isNewWindow=e)}render(){var n,o,r,l;const{open:e}=this.props;return h.jsx(d.Modal,{open:e,onCancel:this.onClose,onOk:this.insertLink,okText:p.coreTranslations.richText.addLink,title:p.coreTranslations.richText.link,okButtonProps:{disabled:!((o=(n=this.linkInfo)==null?void 0:n.url)!=null&&o.length)},children:h.jsxs(u.ModalContainer,{children:[h.jsx(u.Title,{children:h.jsx(u.Label,{children:p.coreTranslations.richText.linkUrl})}),h.jsx(d.Input,{value:(r=this.linkInfo)==null?void 0:r.url,onChange:this.onLinkChange,placeholder:p.coreTranslations.richText.enterURL}),h.jsx(d.Checkbox,{checked:(l=this.linkInfo)==null?void 0:l.isNewWindow,onCheckedChange:this.onNewWindowChange,label:p.coreTranslations.richText.openInNewWindow})]})})}};c([a.observable],s.prototype,"linkInfo",2);c([a.action.bound],s.prototype,"init",1);c([a.action.bound],s.prototype,"onClose",1);c([a.action.bound],s.prototype,"insertLink",1);c([a.action.bound],s.prototype,"onLinkChange",1);c([a.action.bound],s.prototype,"onNewWindowChange",1);s=c([w.observer],s);const v=s;module.exports=v;
+"use strict";var H=Object.defineProperty;var J=(i,o,e)=>o in i?H(i,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[o]=e;var k=(i,o,e)=>J(i,typeof o!="symbol"?o+"":o,e);const d=require("react/jsx-runtime"),K=require("react"),Q=require("mobx-react"),h=require("mobx"),_=require("@ikas/ui"),f=require("./index5.cjs"),w=require("./index101.cjs");var W=Object.defineProperty,X=Object.getOwnPropertyDescriptor,m=(i,o,e,s)=>{for(var r=s>1?void 0:s?X(o,e):o,u=i.length-1,l;u>=0;u--)(l=i[u])&&(r=(s?l(o,e,r):l(r))||r);return s&&r&&W(o,e,r),r};let n=class extends K.Component{constructor(e){super(e);k(this,"url","");h.makeObservable(this)}onClose(){this.url="",this.props.onClose()}insertVideo(){const{summernoteObj:e}=this.props;try{e.summernote("editor.saveRange"),e.summernote("editor.restoreRange");const s=this.createVideoNode();s&&e.summernote("editor.insertNode",s),this.onClose()}catch(s){e.summernote("editor.restoreRange"),console.log("video insert error",s)}}createVideoNode(){const e=this.url;if(!e)return null;const s=/(?:youtu\.be\/|youtube\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|\S*?[?&]v=))([^&\n?]+)(?:.*[?&]t=(\d+))?.*/,r=e.match(s),u=/(?:\.|\/\/)drive\.google\.com\/file\/d\/(.[a-zA-Z0-9_-]*)\/view/,l=e.match(u),j=/(?:www\.|\/\/)instagram\.com\/p\/(.[a-zA-Z0-9_-]*)/,v=e.match(j),N=/\/\/vine\.co\/v\/([a-zA-Z0-9]+)/,x=e.match(N),L=/\/\/(player\.)?vimeo\.com\/([a-z]*\/)*(\d+)[?]?.*/,y=e.match(L),z=/.+dailymotion.com\/(video|hub)\/([^_]+)[^#]*(#video=([^_&]+))?/,R=e.match(z),O=/\/\/v\.youku\.com\/v_show\/id_(\w+)=*\.html/,q=e.match(O),I=/\/\/(.*)\/videos\/watch\/([^?]*)(?:\?(?:start=(\w*))?(?:&stop=(\w*))?(?:&loop=([10]))?(?:&autoplay=([10]))?(?:&muted=([10]))?)?/,t=e.match(I),P=/\/\/v\.qq\.com.*?vid=(.+)/,p=e.match(P),U=/\/\/v\.qq\.com\/x?\/?(page|cover).*?\/([^\/]+)\.html\??.*/,g=e.match(U),A=/^.+.(mp4|m4v)$/,D=e.match(A),Z=/^.+.(ogg|ogv)$/,S=e.match(Z),B=/^.+.(webm)$/,F=e.match(B),G=/(?:www\.|\/\/)facebook\.com\/([^\/]+)\/videos\/([0-9]+)/,M=e.match(G);let a,b=0;if(r&&r[1].length===11){const c=r[1];typeof r[2]<"u"&&(b=parseInt(r[2],10)),a=$("<iframe>").attr("frameborder",0).attr("src","//www.youtube.com/embed/"+c+(b>0?"?start="+b:"")).attr("width","640").attr("height","360")}else if(l&&l[0].length)a=$("<iframe>").attr("frameborder",0).attr("src","https://drive.google.com/file/d/"+l[1]+"/preview").attr("width","640").attr("height","480");else if(v&&v[0].length)a=$("<iframe>").attr("frameborder",0).attr("src","https://instagram.com/p/"+v[1]+"/embed/").attr("width","612").attr("height","710").attr("scrolling","no").attr("allowtransparency","true");else if(x&&x[0].length)a=$("<iframe>").attr("frameborder",0).attr("src",x[0]+"/embed/simple").attr("width","600").attr("height","600").attr("class","vine-embed");else if(y&&y[3].length)a=$("<iframe webkitallowfullscreen mozallowfullscreen allowfullscreen>").attr("frameborder",0).attr("src","//player.vimeo.com/video/"+y[3]).attr("width","640").attr("height","360");else if(R&&R[2].length)a=$("<iframe>").attr("frameborder",0).attr("src","//www.dailymotion.com/embed/video/"+R[2]).attr("width","640").attr("height","360");else if(q&&q[1].length)a=$("<iframe webkitallowfullscreen mozallowfullscreen allowfullscreen>").attr("frameborder",0).attr("height","498").attr("width","510").attr("src","//player.youku.com/embed/"+q[1]);else if(t&&t[0].length){let c=0;t[2]!=="undefined"&&(c=Number(t[2]));let C=0;t[3]!=="undefined"&&(C=Number(t[3]));let V=0;t[4]!=="undefined"&&(V=Number(t[4]));let E=0;t[5]!=="undefined"&&(E=Number(t[5]));let T=0;t[6]!=="undefined"&&(T=Number(t[6])),a=$('<iframe allowfullscreen sandbox="allow-same-origin allow-scripts allow-popups">').attr("frameborder",0).attr("src","//"+t[1]+"/videos/embed/"+t[2]+"?loop="+V+"&autoplay="+E+"&muted="+T+(c>0?"&start="+c:"")+(C>0?"&end="+b:"")).attr("width","560").attr("height","315")}else if(p&&p[1].length||g&&g[2].length){const c=p&&p[1].length?p[1]:g?g[2]:"";a=$("<iframe webkitallowfullscreen mozallowfullscreen allowfullscreen>").attr("frameborder",0).attr("height","310").attr("width","500").attr("src","https://v.qq.com/txp/iframe/player.html?vid="+c+"&amp;auto=0")}else if(D||S||F)a=$("<video controls>").attr("src",e).attr("width","640").attr("height","360");else if(M&&M[0].length)a=$("<iframe>").attr("frameborder",0).attr("src","https://www.facebook.com/plugins/video.php?href="+encodeURIComponent(M[0])+"&show_text=0&width=560").attr("width","560").attr("height","301").attr("scrolling","no").attr("allowtransparency","true");else return!1;return a.addClass("note-video-clip"),a[0]}onVideoLinkChange(e){this.url=e.target.value}render(){const{open:e}=this.props;return d.jsx(_.Modal,{open:e,onCancel:this.onClose,onOk:this.insertVideo,okText:f.coreTranslations.richText.addVideo,title:f.coreTranslations.richText.video,okButtonProps:{disabled:!this.url.length},children:d.jsxs(w.ModalContainer,{children:[d.jsxs(w.Title,{style:{flexDirection:"column",alignItems:"flex-start",gap:4},children:[d.jsx(w.Label,{children:f.coreTranslations.richText.addVideoLink}),d.jsx(w.Label,{children:f.coreTranslations.richText.suppoertedVideoLinks})]}),d.jsx(_.Input,{value:this.url,onChange:this.onVideoLinkChange,placeholder:f.coreTranslations.richText.enterURL})]})})}};m([h.observable],n.prototype,"url",2);m([h.action.bound],n.prototype,"onClose",1);m([h.action.bound],n.prototype,"insertVideo",1);m([h.action.bound],n.prototype,"createVideoNode",1);m([h.action.bound],n.prototype,"onVideoLinkChange",1);n=m([Q.observer],n);const Y=n;module.exports=Y;

package/dist/index106.js

@@ -1,92 +1,139 @@
-var u = Object.defineProperty;
-var m = (r, e, o) => e in r ? u(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o;
-var d = (r, e, o) => m(r, typeof e != "symbol" ? e + "" : e, o);
-import { jsx as a, jsxs as f } from "react/jsx-runtime";
-import k from "react";
-import { observer as g } from "mobx-react";
-import { makeObservable as C, action as p, observable as w } from "mobx";
-import { Modal as v, Input as b, Checkbox as x } from "@ikas/ui";
-import { coreTranslations as h } from "./index5.js";
-import { ModalContainer as L, Title as I, Label as y } from "./index100.js";
-var N = Object.defineProperty, T = Object.getOwnPropertyDescriptor, l = (r, e, o, t) => {
-  for (var n = t > 1 ? void 0 : t ? T(e, o) : e, s = r.length - 1, c; s >= 0; s--)
-    (c = r[s]) && (n = (t ? c(e, o, n) : c(n)) || n);
-  return t && n && N(e, o, n), n;
+var G = Object.defineProperty;
+var H = (i, e, t) => e in i ? G(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var V = (i, e, t) => H(i, typeof e != "symbol" ? e + "" : e, t);
+import { jsx as g, jsxs as k } from "react/jsx-runtime";
+import J from "react";
+import { observer as K } from "mobx-react";
+import { makeObservable as Q, action as w, observable as W } from "mobx";
+import { Modal as X, Input as Y } from "@ikas/ui";
+import { coreTranslations as p } from "./index5.js";
+import { ModalContainer as ee, Title as te, Label as T } from "./index101.js";
+var oe = Object.defineProperty, re = Object.getOwnPropertyDescriptor, d = (i, e, t, a) => {
+  for (var n = a > 1 ? void 0 : a ? re(e, t) : e, s = i.length - 1, m; s >= 0; s--)
+    (m = i[s]) && (n = (a ? m(e, t, n) : m(n)) || n);
+  return a && n && oe(e, t, n), n;
 };
-let i = class extends k.Component {
+let l = class extends J.Component {
   constructor(e) {
     super(e);
-    d(this, "linkInfo", null);
-    C(this);
-  }
-  componentDidUpdate(e, o, t) {
-    this.props.open && !e.open && this.init();
-  }
-  init() {
-    var o, t;
-    const { summernoteObj: e } = this.props;
-    try {
-      const n = (o = e.summernote) == null ? void 0 : o.call(e, "editor.createRange"), s = (t = e.summernote) == null ? void 0 : t.call(e, "editor.getLinkInfo", n);
-      this.linkInfo = s;
-    } catch (n) {
-      console.log("video insert error", n);
-    }
+    V(this, "url", "");
+    Q(this);
   }
   onClose() {
-    this.linkInfo = null, this.props.onClose();
+    this.url = "", this.props.onClose();
   }
-  insertLink() {
+  insertVideo() {
     const { summernoteObj: e } = this.props;
     try {
       e.summernote("editor.saveRange"), e.summernote("editor.restoreRange");
-      const o = this.linkInfo;
-      e.summernote("editor.createLink", {
-        url: o == null ? void 0 : o.url,
-        range: o == null ? void 0 : o.range,
-        text: o == null ? void 0 : o.text,
-        isNewWindow: o == null ? void 0 : o.isNewWindow,
-        checkProtocol: !0
-      }), this.onClose();
-    } catch (o) {
-      e.summernote("editor.restoreRange"), console.log("video insert error", o);
+      const t = this.createVideoNode();
+      t && e.summernote("editor.insertNode", t), this.onClose();
+    } catch (t) {
+      e.summernote("editor.restoreRange"), console.log("video insert error", t);
     }
   }
-  onLinkChange(e) {
-    this.linkInfo && (this.linkInfo.url = e.target.value);
+  createVideoNode() {
+    const e = this.url;
+    if (!e) return null;
+    const t = /(?:youtu\.be\/|youtube\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|\S*?[?&]v=))([^&\n?]+)(?:.*[?&]t=(\d+))?.*/, a = e.match(t), n = /(?:\.|\/\/)drive\.google\.com\/file\/d\/(.[a-zA-Z0-9_-]*)\/view/, s = e.match(n), m = /(?:www\.|\/\/)instagram\.com\/p\/(.[a-zA-Z0-9_-]*)/, b = e.match(m), N = /\/\/vine\.co\/v\/([a-zA-Z0-9]+)/, v = e.match(N), z = /\/\/(player\.)?vimeo\.com\/([a-z]*\/)*(\d+)[?]?.*/, x = e.match(z), L = /.+dailymotion.com\/(video|hub)\/([^_]+)[^#]*(#video=([^_&]+))?/, y = e.match(L), O = /\/\/v\.youku\.com\/v_show\/id_(\w+)=*\.html/, R = e.match(O), j = /\/\/(.*)\/videos\/watch\/([^?]*)(?:\?(?:start=(\w*))?(?:&stop=(\w*))?(?:&loop=([10]))?(?:&autoplay=([10]))?(?:&muted=([10]))?)?/, o = e.match(j), I = /\/\/v\.qq\.com.*?vid=(.+)/, h = e.match(I), P = /\/\/v\.qq\.com\/x?\/?(page|cover).*?\/([^\/]+)\.html\??.*/, u = e.match(P), U = /^.+.(mp4|m4v)$/, A = e.match(U), D = /^.+.(ogg|ogv)$/, Z = e.match(D), S = /^.+.(webm)$/, B = e.match(S), F = /(?:www\.|\/\/)facebook\.com\/([^\/]+)\/videos\/([0-9]+)/, M = e.match(F);
+    let r, f = 0;
+    if (a && a[1].length === 11) {
+      const c = a[1];
+      typeof a[2] < "u" && (f = parseInt(a[2], 10)), r = $("<iframe>").attr("frameborder", 0).attr(
+        "src",
+        "//www.youtube.com/embed/" + c + (f > 0 ? "?start=" + f : "")
+      ).attr("width", "640").attr("height", "360");
+    } else if (s && s[0].length)
+      r = $("<iframe>").attr("frameborder", 0).attr(
+        "src",
+        "https://drive.google.com/file/d/" + s[1] + "/preview"
+      ).attr("width", "640").attr("height", "480");
+    else if (b && b[0].length)
+      r = $("<iframe>").attr("frameborder", 0).attr("src", "https://instagram.com/p/" + b[1] + "/embed/").attr("width", "612").attr("height", "710").attr("scrolling", "no").attr("allowtransparency", "true");
+    else if (v && v[0].length)
+      r = $("<iframe>").attr("frameborder", 0).attr("src", v[0] + "/embed/simple").attr("width", "600").attr("height", "600").attr("class", "vine-embed");
+    else if (x && x[3].length)
+      r = $(
+        "<iframe webkitallowfullscreen mozallowfullscreen allowfullscreen>"
+      ).attr("frameborder", 0).attr("src", "//player.vimeo.com/video/" + x[3]).attr("width", "640").attr("height", "360");
+    else if (y && y[2].length)
+      r = $("<iframe>").attr("frameborder", 0).attr("src", "//www.dailymotion.com/embed/video/" + y[2]).attr("width", "640").attr("height", "360");
+    else if (R && R[1].length)
+      r = $(
+        "<iframe webkitallowfullscreen mozallowfullscreen allowfullscreen>"
+      ).attr("frameborder", 0).attr("height", "498").attr("width", "510").attr("src", "//player.youku.com/embed/" + R[1]);
+    else if (o && o[0].length) {
+      let c = 0;
+      o[2] !== "undefined" && (c = Number(o[2]));
+      let C = 0;
+      o[3] !== "undefined" && (C = Number(o[3]));
+      let _ = 0;
+      o[4] !== "undefined" && (_ = Number(o[4]));
+      let q = 0;
+      o[5] !== "undefined" && (q = Number(o[5]));
+      let E = 0;
+      o[6] !== "undefined" && (E = Number(o[6])), r = $(
+        '<iframe allowfullscreen sandbox="allow-same-origin allow-scripts allow-popups">'
+      ).attr("frameborder", 0).attr(
+        "src",
+        "//" + o[1] + "/videos/embed/" + o[2] + "?loop=" + _ + "&autoplay=" + q + "&muted=" + E + (c > 0 ? "&start=" + c : "") + (C > 0 ? "&end=" + f : "")
+      ).attr("width", "560").attr("height", "315");
+    } else if (h && h[1].length || u && u[2].length) {
+      const c = h && h[1].length ? h[1] : u ? u[2] : "";
+      r = $(
+        "<iframe webkitallowfullscreen mozallowfullscreen allowfullscreen>"
+      ).attr("frameborder", 0).attr("height", "310").attr("width", "500").attr(
+        "src",
+        "https://v.qq.com/txp/iframe/player.html?vid=" + c + "&amp;auto=0"
+      );
+    } else if (A || Z || B)
+      r = $("<video controls>").attr("src", e).attr("width", "640").attr("height", "360");
+    else if (M && M[0].length)
+      r = $("<iframe>").attr("frameborder", 0).attr(
+        "src",
+        "https://www.facebook.com/plugins/video.php?href=" + encodeURIComponent(M[0]) + "&show_text=0&width=560"
+      ).attr("width", "560").attr("height", "301").attr("scrolling", "no").attr("allowtransparency", "true");
+    else
+      return !1;
+    return r.addClass("note-video-clip"), r[0];
   }
-  onNewWindowChange(e) {
-    this.linkInfo && (this.linkInfo.isNewWindow = e);
+  onVideoLinkChange(e) {
+    this.url = e.target.value;
   }
   render() {
-    var o, t, n, s;
     const { open: e } = this.props;
-    return /* @__PURE__ */ a(
-      v,
+    return /* @__PURE__ */ g(
+      X,
       {
         open: e,
         onCancel: this.onClose,
-        onOk: this.insertLink,
-        okText: h.richText.addLink,
-        title: h.richText.link,
+        onOk: this.insertVideo,
+        okText: p.richText.addVideo,
+        title: p.richText.video,
         okButtonProps: {
-          disabled: !((t = (o = this.linkInfo) == null ? void 0 : o.url) != null && t.length)
+          disabled: !this.url.length
         },
-        children: /* @__PURE__ */ f(L, { children: [
-          /* @__PURE__ */ a(I, { children: /* @__PURE__ */ a(y, { children: h.richText.linkUrl }) }),
-          /* @__PURE__ */ a(
-            b,
+        children: /* @__PURE__ */ k(ee, { children: [
+          /* @__PURE__ */ k(
+            te,
             {
-              value: (n = this.linkInfo) == null ? void 0 : n.url,
-              onChange: this.onLinkChange,
-              placeholder: h.richText.enterURL
+              style: {
+                flexDirection: "column",
+                alignItems: "flex-start",
+                gap: 4
+              },
+              children: [
+                /* @__PURE__ */ g(T, { children: p.richText.addVideoLink }),
+                /* @__PURE__ */ g(T, { children: p.richText.suppoertedVideoLinks })
+              ]
             }
           ),
-          /* @__PURE__ */ a(
-            x,
+          /* @__PURE__ */ g(
+            Y,
             {
-              checked: (s = this.linkInfo) == null ? void 0 : s.isNewWindow,
-              onCheckedChange: this.onNewWindowChange,
-              label: h.richText.openInNewWindow
+              value: this.url,
+              onChange: this.onVideoLinkChange,
+              placeholder: p.richText.enterURL
             }
           )
         ] })
@@ -94,28 +141,25 @@ let i = class extends k.Component {
     );
   }
 };
-l([
-  w
-], i.prototype, "linkInfo", 2);
-l([
-  p.bound
-], i.prototype, "init", 1);
-l([
-  p.bound
-], i.prototype, "onClose", 1);
-l([
-  p.bound
-], i.prototype, "insertLink", 1);
-l([
-  p.bound
-], i.prototype, "onLinkChange", 1);
-l([
-  p.bound
-], i.prototype, "onNewWindowChange", 1);
-i = l([
-  g
-], i);
-const j = i;
+d([
+  W
+], l.prototype, "url", 2);
+d([
+  w.bound
+], l.prototype, "onClose", 1);
+d([
+  w.bound
+], l.prototype, "insertVideo", 1);
+d([
+  w.bound
+], l.prototype, "createVideoNode", 1);
+d([
+  w.bound
+], l.prototype, "onVideoLinkChange", 1);
+l = d([
+  K
+], l);
+const he = l;
 export {
-  j as default
+  he as default
 };

package/dist/index107.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),N=require("react-dom"),B=require("mobx");function L({sidebarViewModel:e,onNavigate:M}){const[I,x]=a.useState([]),[K,S]=a.useState([]),[i,g]=a.useState(null),[P,E]=a.useState(!1),f=a.useRef(null),[V,T]=a.useState(!0),[m,k]=a.useState(!0),r=a.useMemo(()=>{const n=t=>{var u;for(let l=0;l<t.length;l++){const o=t[l];if(o.childItems){const d=n(o.childItems);if(d)return d}else if(o.useExactRoute){if(e.currentPath==="/admin"+o.path)return o.uuid}else if((u=e.currentPath)!=null&&u.startsWith("/admin"+(o.path||"")))return o.uuid}},s=[...e.menuItems];return e.footerTopMenu&&s.push(e.footerTopMenu),e.salesChannelMenu&&s.push(e.salesChannelMenu),e.bottomMenuItems&&s.push(...e.bottomMenuItems),n(s)},[e.currentPath,e.menuItems,e.footerTopMenu,e.salesChannelMenu,e.bottomMenuItems]),b=a.useMemo(()=>r?[r]:[],[r]),F=a.useCallback(n=>{const s=u=>{for(let l=0;l<u.length;l++){const o=u[l];if(o.uuid===n)return o;if(o.childItems){const d=s(o.childItems);if(d)return d}}},t=[...e.menuItems];return e.footerTopMenu&&t.push(e.footerTopMenu),e.bottomMenuItems&&t.push(...e.bottomMenuItems),s(t)},[e.menuItems,e.footerTopMenu,e.bottomMenuItems]),c=a.useCallback((n,s=!0)=>{f.current&&clearTimeout(f.current),e.sidebarCollapsed&&s&&e.setSidebarCollapsed(!1),g(n),E(!0)},[e]),h=a.useCallback((n=!1)=>{var t;f.current&&clearTimeout(f.current);const s=()=>{var u;(u=i==null?void 0:i.expandedMenuSettings)!=null&&u.onBackClick&&i.expandedMenuSettings.onBackClick(),g(null)};E(!1),n||(t=i==null?void 0:i.expandedMenuSettings)!=null&&t.closeFast?s():f.current=setTimeout(s,300)},[i]),A=a.useCallback(n=>{if(!e.sidebarCollapsed&&n.length){const s=n[n.length-1];let t=r;e.menuItems.forEach(u=>{var o;((o=u.childItems)==null?void 0:o.find(d=>d.uuid===r))&&(t=u.uuid)}),n.find(u=>u===t)&&t!==s&&(n=[t,s])}x(n.slice(n.length-2,n.length)||[])},[e.sidebarCollapsed,e.menuItems,r]),w=a.useCallback(n=>{e.expandMenuItem&&e.expandMenuItem.path===n.path&&e.expandMenuItem.isExpandableMenu||n.isExpandableMenu||n.path&&(!document.startViewTransition||n.skipViewTransition||e.isExpandedMenu?M(n.path):document.startViewTransition(()=>{N.flushSync(()=>{M(n.path)})}))},[e.expandMenuItem,e.isExpandedMenu,M]),O=a.useCallback(n=>{var s;if(e.expandMenuItem)if(e.expandMenuItem.path===n.path){const t=e.menuItems.find(u=>{var l;return((l=e.expandMenuItem)==null?void 0:l.uuid)===u.uuid})||e.expandMenuItem;c(t,!1);return}else h(!0);n.isExpandableMenu?c(n,!1):(s=n==null?void 0:n.onClick)==null||s.call(n)},[e.expandMenuItem,e.menuItems,c,h]),C=a.useCallback(()=>{b.length&&!I.length&&e.menuItems.forEach(n=>{var t;((t=n.childItems)==null?void 0:t.find(u=>u.uuid===r))&&x([n.uuid])})},[b,I,e.menuItems,r]),y=a.useCallback(n=>{var t,u;if((t=n.childItems)==null?void 0:t.some(l=>l.isExpandableMenu)){const l=(u=n.childItems)==null?void 0:u.find(o=>{var d;return(d=o.childItems)==null?void 0:d.find(D=>D.uuid===r)});l&&c(l)}},[r,c]),p=a.useCallback((n=!0)=>{if(!e.expandMenuItem)return;const s=e.menuItems.find(t=>{var u;return((u=e.expandMenuItem)==null?void 0:u.uuid)===t.uuid})||e.expandMenuItem;c(s,n)},[e.expandMenuItem,e.menuItems,c]),R=a.useMemo(()=>{if(i)return{sidebarCollapsed:e.sidebarCollapsed,menuItems:[i],currentPath:e.currentPath,footerMenu:void 0,isExpandedMenu:!0,setSidebarCollapsed:e.setSidebarCollapsed}},[i,e.sidebarCollapsed,e.currentPath,e.setSidebarCollapsed]),U=a.useCallback(n=>{var s,t;if(n!=null&&n.iconBackgroundColor)return n.iconBackgroundColor;if((s=n==null?void 0:n.expandedMenuSettings)!=null&&s.backgroundColor)return n.expandedMenuSettings.backgroundColor;if((t=n.icon)!=null&&t.displayName){const u=n.icon.displayName;if(u==="world-icon")return"#B2A4FF";if(u==="building-icon")return"#8FCCF8";if(u==="store-icon")return"#9AA4B2"}},[]);a.useEffect(()=>{var n,s;if(e.sidebarCollapsed||C(),e.salesChannelMenu&&S([e.salesChannelMenu.uuid]),p(),I.length||(e.menuItems.forEach(t=>y(t)),e.salesChannelMenu&&y(e.salesChannelMenu)),e.isExpandedMenu&&e.menuItems.length&&((n=e.menuItems[0].childItems)!=null&&n.length)){const t=e.menuItems[0].childItems;!t.slice(1).some(o=>o.uuid===r)&&t[0]&&w(t[0])}(s=e.footerMenu)!=null&&s.thumbnailImageSrc&&T(!1)},[]),a.useEffect(()=>{const n=B.reaction(()=>e.sidebarCollapsed,s=>{s?k(!1):(k(!0),setTimeout(()=>{C(),p()},300))});return()=>n()},[e,C,p]),a.useEffect(()=>{const n=B.reaction(()=>!!e.expandMenuItem,()=>{e.expandMenuItem?p():h()});return()=>n()},[e,p,h]);const q=e.isExpandedMenu&&e.sidebarCollapsed;return{openKeys:I,salesChannelOpenKey:K,selectedExpandedMenu:i,isSelectedExpandedMenuVisible:P,showAvatarBorder:V,showTypographyText:m,selectedItemUUID:r,selectedUUIDList:b,isExpandedFooterVisible:q,salesChannelsSidebarModel:R,setShowAvatarBorder:T,setSalesChannelOpenKey:S,getItem:F,expandMenu:c,clearExpandedMenu:h,onOpenKeysChange:A,onItemClick:w,onLeafClick:O,openExpandedItem:p,getSalesChannelIconBackgroundColor:U}}exports.useNavigation=L;
+"use strict";var g=Object.defineProperty;var x=(i,t,e)=>t in i?g(i,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[t]=e;var k=(i,t,e)=>x(i,typeof t!="symbol"?t+"":t,e);const h=require("react/jsx-runtime"),C=require("react"),w=require("mobx-react"),a=require("mobx"),d=require("@ikas/ui"),p=require("./index5.cjs"),u=require("./index101.cjs");var b=Object.defineProperty,f=Object.getOwnPropertyDescriptor,c=(i,t,e,n)=>{for(var o=n>1?void 0:n?f(t,e):t,r=i.length-1,l;r>=0;r--)(l=i[r])&&(o=(n?l(t,e,o):l(o))||o);return n&&o&&b(t,e,o),o};let s=class extends C.Component{constructor(e){super(e);k(this,"linkInfo",null);a.makeObservable(this)}componentDidUpdate(e,n,o){this.props.open&&!e.open&&this.init()}init(){var n,o;const{summernoteObj:e}=this.props;try{const r=(n=e.summernote)==null?void 0:n.call(e,"editor.createRange"),l=(o=e.summernote)==null?void 0:o.call(e,"editor.getLinkInfo",r);this.linkInfo=l}catch(r){console.log("video insert error",r)}}onClose(){this.linkInfo=null,this.props.onClose()}insertLink(){const{summernoteObj:e}=this.props;try{e.summernote("editor.saveRange"),e.summernote("editor.restoreRange");const n=this.linkInfo;e.summernote("editor.createLink",{url:n==null?void 0:n.url,range:n==null?void 0:n.range,text:n==null?void 0:n.text,isNewWindow:n==null?void 0:n.isNewWindow,checkProtocol:!0}),this.onClose()}catch(n){e.summernote("editor.restoreRange"),console.log("video insert error",n)}}onLinkChange(e){this.linkInfo&&(this.linkInfo.url=e.target.value)}onNewWindowChange(e){this.linkInfo&&(this.linkInfo.isNewWindow=e)}render(){var n,o,r,l;const{open:e}=this.props;return h.jsx(d.Modal,{open:e,onCancel:this.onClose,onOk:this.insertLink,okText:p.coreTranslations.richText.addLink,title:p.coreTranslations.richText.link,okButtonProps:{disabled:!((o=(n=this.linkInfo)==null?void 0:n.url)!=null&&o.length)},children:h.jsxs(u.ModalContainer,{children:[h.jsx(u.Title,{children:h.jsx(u.Label,{children:p.coreTranslations.richText.linkUrl})}),h.jsx(d.Input,{value:(r=this.linkInfo)==null?void 0:r.url,onChange:this.onLinkChange,placeholder:p.coreTranslations.richText.enterURL}),h.jsx(d.Checkbox,{checked:(l=this.linkInfo)==null?void 0:l.isNewWindow,onCheckedChange:this.onNewWindowChange,label:p.coreTranslations.richText.openInNewWindow})]})})}};c([a.observable],s.prototype,"linkInfo",2);c([a.action.bound],s.prototype,"init",1);c([a.action.bound],s.prototype,"onClose",1);c([a.action.bound],s.prototype,"insertLink",1);c([a.action.bound],s.prototype,"onLinkChange",1);c([a.action.bound],s.prototype,"onNewWindowChange",1);s=c([w.observer],s);const v=s;module.exports=v;