iking-web-ui-pro 0.3.2 → 0.3.4

package/dist/IkIconPicker/iking-web-ui-pro.css

@@ -1 +1 @@
-.row-title[data-v-c7804024]{display:flex}.ik-svg-icon.ik-icon-span[data-v-c7804024]:not(:first-child){margin-left:var(--ik-margin-s-8)}.icon-picker-pop .icon-list[data-v-bb8396c3]{display:grid;grid-template-columns:repeat(auto-fill,36px);grid-gap:var(--ik-margin-s-16);justify-content:flex-start;justify-items:flex-end;max-height:400px;margin-top:16px;overflow-y:auto;font-size:25px}.icon-picker-header{position:relative;display:inline-flex;display:flex;align-items:center;justify-content:center;width:var(--ik-base-height);height:var(--ik-base-height);cursor:pointer;border:1px dashed var(--ik-color-divider);border-radius:var(--ik-border-radius-xs);transition:border .25s ease-in-out}.icon-picker-header:hover{border-color:var(--ik-color-primary)}.icon-picker-header .icon-delete{position:absolute;top:-6px;right:-8px;font-size:var(--ik-font-size-t2)}
+.row-title[data-v-64b61696]{display:flex}.ik-svg-icon.ik-icon-span[data-v-64b61696]:not(:first-child){margin-left:var(--ik-margin-s-8)}.icon-picker-pop .icon-list[data-v-6fccdcf9]{display:grid;grid-template-columns:repeat(auto-fill,36px);grid-gap:var(--ik-margin-s-16);justify-content:flex-start;justify-items:flex-end;max-height:400px;margin-top:16px;overflow-y:auto;font-size:25px}.icon-picker-header{position:relative;display:inline-flex;display:flex;align-items:center;justify-content:center;width:var(--ik-base-height);height:var(--ik-base-height);cursor:pointer;border:1px dashed var(--ik-color-divider);border-radius:var(--ik-border-radius-xs);transition:border .25s ease-in-out}.icon-picker-header:hover{border-color:var(--ik-color-primary)}.icon-picker-header .icon-delete{position:absolute;top:-6px;right:-8px;font-size:var(--ik-font-size-t2)}

package/dist/IkMonacoEditor/ik.index.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as Q, computed as $, resolveComponent as P, openBlock as s, createElementBlock as d, Fragment as Z, normalizeClass as m, normalizeStyle as O, createCommentVNode as ee, createElementVNode as b, createBlock as D, withCtx as N, createTextVNode as ce, toDisplayString as se, ref as V, watch as de, onMounted as fe, nextTick as W, onUnmounted as ge, createVNode as x } from "vue";
-import { paramType as _, ikColor as me, buildUUID as ve, _ as pe, ikDom as he } from "iking-utils-pro";
+import { defineComponent as Q, computed as T, resolveComponent as P, openBlock as s, createElementBlock as d, Fragment as Z, normalizeClass as m, normalizeStyle as O, createElementVNode as b, createBlock as D, withCtx as N, createTextVNode as ue, toDisplayString as ce, ref as V, watch as se, onMounted as de, nextTick as W, onUnmounted as fe, createVNode as q, createCommentVNode as ge } from "vue";
+import { paramType as E, ikColor as me, buildUUID as ve, _ as pe, ikDom as he } from "iking-utils-pro";
 import { ElMessage as ye } from "element-plus";
-const te = (e, n) => (e.install = (r) => {
+const ee = (e, n) => (e.install = (r) => {
   for (const t of [e, ...Object.values({})])
     r.component(t.name, t);
 }, e);
@@ -13,7 +13,7 @@ function be(e, n, r) {
     writable: !0
   }) : e[n] = r, e;
 }
-function q(e, n) {
+function x(e, n) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var t = Object.getOwnPropertySymbols(e);
@@ -26,9 +26,9 @@ function q(e, n) {
 function H(e) {
   for (var n = 1; n < arguments.length; n++) {
     var r = arguments[n] != null ? arguments[n] : {};
-    n % 2 ? q(Object(r), !0).forEach(function(t) {
+    n % 2 ? x(Object(r), !0).forEach(function(t) {
       be(e, t, r[t]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : q(Object(r)).forEach(function(t) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : x(Object(r)).forEach(function(t) {
       Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
     });
   }
@@ -92,7 +92,7 @@ function Ie() {
   throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
-function Te(e, n, r) {
+function $e(e, n, r) {
   return n in e ? Object.defineProperty(e, n, {
     value: r,
     enumerable: !0,
@@ -114,14 +114,14 @@ function K(e) {
   for (var n = 1; n < arguments.length; n++) {
     var r = arguments[n] != null ? arguments[n] : {};
     n % 2 ? R(Object(r), !0).forEach(function(t) {
-      Te(e, t, r[t]);
+      $e(e, t, r[t]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : R(Object(r)).forEach(function(t) {
       Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
     });
   }
   return e;
 }
-function $e() {
+function Te() {
   for (var e = arguments.length, n = new Array(e), r = 0; r < e; r++)
     n[r] = arguments[r];
   return function(t) {
@@ -166,13 +166,13 @@ function ze(e) {
     return !j(n);
   }) && v("handlersType");
 }
-function _e(e) {
+function Ee(e) {
   e || v("initialIsRequired"), M(e) || v("initialType"), Pe(e) && v("initialContent");
 }
-function Ee(e, n) {
+function Ae(e, n) {
   throw new Error(e[n] || e.default);
 }
-var Ae = {
+var _e = {
   initialIsRequired: "initial state is required",
   initialType: "initial state should be an object",
   initialContent: "initial state shouldn't be an empty object",
@@ -182,26 +182,26 @@ var Ae = {
   changeType: "provided value of changes should be an object",
   changeField: 'it seams you want to change a field in the state which is not specified in the "initial" state',
   default: "an unknown error accured in `state-local` package"
-}, v = S(Ee)(Ae), T = {
+}, v = S(Ae)(_e), $ = {
   changes: Me,
   selector: Be,
   handler: ze,
-  initial: _e
+  initial: Ee
 };
 function Fe(e) {
   var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-  T.initial(e), T.handler(n);
+  $.initial(e), $.handler(n);
   var r = {
     current: e
-  }, t = S(Ve)(r, n), o = S(Le)(r), a = S(T.changes)(e), l = S(Ne)(r);
+  }, t = S(Ve)(r, n), o = S(Le)(r), a = S($.changes)(e), l = S(Ne)(r);
   function c() {
     var g = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function(w) {
       return w;
     };
-    return T.selector(g), g(r.current);
+    return $.selector(g), g(r.current);
   }
   function u(g) {
-    $e(t, o, a, l)(g);
+    Te(t, o, a, l)(g);
   }
   return [c, u];
 }
@@ -219,12 +219,12 @@ function Ve(e, n, r) {
 }
 var We = {
   create: Fe
-}, xe = {
+}, qe = {
   paths: {
     vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.43.0/min/vs"
   }
 };
-function qe(e) {
+function xe(e) {
   return function n() {
     for (var r = this, t = arguments.length, o = new Array(t), a = 0; a < t; a++)
       o[a] = arguments[a];
@@ -246,12 +246,12 @@ function Ue(e) {
   }) : e;
 }
 function Re() {
-  console.warn(ne.deprecation);
+  console.warn(te.deprecation);
 }
 function Ke(e, n) {
   throw new Error(e[n] || e.default);
 }
-var ne = {
+var te = {
   configIsRequired: "the configuration object is required",
   configType: "the configuration object should be an object",
   default: "an unknown error accured in `@monaco-editor/loader` package",
@@ -265,7 +265,7 @@ var ne = {
 
     For more please check the link https://github.com/suren-atoyan/monaco-loader#config
   `
-}, Y = qe(Ke)(ne), Ye = {
+}, Y = xe(Ke)(te), Ye = {
   config: Ue
 }, Xe = function() {
   for (var n = arguments.length, r = new Array(n), t = 0; t < n; t++)
@@ -276,16 +276,16 @@ var ne = {
     }, o);
   };
 };
-function re(e, n) {
+function ne(e, n) {
   return Object.keys(n).forEach(function(r) {
-    n[r] instanceof Object && e[r] && Object.assign(n[r], re(e[r], n[r]));
+    n[r] instanceof Object && e[r] && Object.assign(n[r], ne(e[r], n[r]));
   }), H(H({}, e), n);
 }
 var Ge = {
   type: "cancelation",
   msg: "operation is manually canceled"
 };
-function E(e) {
+function A(e) {
   var n = !1, r = new Promise(function(t, o) {
     e.then(function(a) {
       return n ? o(Ge) : t(a);
@@ -296,17 +296,17 @@ function E(e) {
   }, r;
 }
 var Je = We.create({
-  config: xe,
+  config: qe,
   isInitialized: !1,
   resolve: null,
   reject: null,
   monaco: null
-}), oe = ke(Je, 2), C = oe[0], B = oe[1];
+}), re = ke(Je, 2), C = re[0], B = re[1];
 function Qe(e) {
   var n = Ye.config(e), r = n.monaco, t = Oe(n, ["monaco"]);
   B(function(o) {
     return {
-      config: re(o.config, t),
+      config: ne(o.config, t),
       monaco: r
     };
   });
@@ -324,12 +324,12 @@ function Ze() {
     if (B({
       isInitialized: !0
     }), e.monaco)
-      return e.resolve(e.monaco), E(A);
+      return e.resolve(e.monaco), A(_);
     if (window.monaco && window.monaco.editor)
-      return ae(window.monaco), e.resolve(window.monaco), E(A);
+      return oe(window.monaco), e.resolve(window.monaco), A(_);
     Xe(et, nt)(rt);
   }
-  return E(A);
+  return A(_);
 }
 function et(e) {
   return document.body.appendChild(e);
@@ -360,12 +360,12 @@ function rt() {
     };
   }), n = window.require;
   n.config(e.config), n(["vs/editor/editor.main"], function(r) {
-    ae(r), e.resolve(r);
+    oe(r), e.resolve(r);
   }, function(r) {
     e.reject(r);
   });
 }
-function ae(e) {
+function oe(e) {
   C().monaco || B({
     monaco: e
   });
@@ -376,7 +376,7 @@ function ot() {
     return n;
   });
 }
-var A = new Promise(function(e, n) {
+var _ = new Promise(function(e, n) {
   return B({
     resolve: e,
     reject: n
@@ -476,10 +476,10 @@ const lt = (e, n) => {
   }
 }, J = (e, n) => {
   let r = n;
-  return (_.isObject(r) || _.isArray(r)) && (r = JSON.stringify(r, null, 2)), _.isString(r) ? r : `${r}`;
+  return (E.isObject(r) || E.isArray(r)) && (r = JSON.stringify(r, null, 2)), E.isString(r) ? r : `${r}`;
 }, F = (e, n) => {
   e.getAction("editor.action.formatDocument").run();
-}, ie = (e, n) => {
+}, ae = (e, n) => {
   const r = e.__vccOpts || e;
   for (const [t, o] of n)
     r[t] = o;
@@ -514,16 +514,17 @@ const lt = (e, n) => {
     success: { type: Boolean },
     tableIconType: {},
     title: {},
-    type: {},
+    type: { default: "primary" },
     warning: { type: Boolean },
-    width: {}
+    width: {},
+    iconClass: { default: "" }
   },
   emits: ["click", "mouseenter", "mouseleave", "dblclick"],
   setup(e, { emit: n }) {
-    const r = e, t = $(() => r), o = $(() => {
+    const r = e, t = T(() => r), o = T(() => {
       const { name: i } = t.value;
       return /^http?:\/\//.test(i) ? "img" : /i-[^:]+:[^:]+/.test(i) ? "unocss" : i != null && i.startsWith("iksig") ? "iksig" : i != null && i.includes(":") ? "iconify" : i != null && i.startsWith("iksvg") ? "svg" : "i";
-    }), a = $(() => {
+    }), a = T(() => {
       const i = [];
       if (t.value.flip)
         switch (t.value.flip) {
@@ -566,10 +567,11 @@ const lt = (e, n) => {
         { key: 0 },
         [
           t.value.notip || !t.value.title ? (s(), d(
-            "span",
+            "i",
             {
               key: 0,
               class: m(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+                [i.iconClass]: !0,
                 [i.name]: o.value === "unocss",
                 "show-bg": t.value.showBg || t.value.bg,
                 default: t.value.size === "default",
@@ -589,7 +591,6 @@ const lt = (e, n) => {
               onMouseleave: g
             },
             [
-              ee(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
               o.value === "iksig" ? (s(), d(
                 "i",
                 {
@@ -626,13 +627,15 @@ const lt = (e, n) => {
             key: 1,
             content: t.value.title,
             placement: "top",
+            "popper-class": "ik-svg-icon-tooltip",
             "hide-after": 0
           }, {
             default: N(() => [
               b(
-                "span",
+                "i",
                 {
                   class: m(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+                    [i.iconClass]: !0,
                     [i.name]: o.value === "unocss",
                     "show-bg": t.value.showBg || t.value.bg,
                     default: t.value.size === "default",
@@ -642,7 +645,9 @@ const lt = (e, n) => {
                     primary: i.primary || t.value.type === "primary",
                     success: i.success || t.value.type === "success",
                     error: t.value.error || t.value.type === "error",
-                    active: t.value.active
+                    active: t.value.active,
+                    disabled: t.value.disabled,
+                    ...i.$attrs.class || {}
                   }]),
                   style: O(a.value),
                   onClick: c,
@@ -696,8 +701,8 @@ const lt = (e, n) => {
         type: ["warning", "error"].includes(t.value.type) ? "danger" : ""
       }, {
         default: N(() => [
-          ce(
-            se(t.value.title),
+          ue(
+            ce(t.value.title),
             1
             /* TEXT */
           )
@@ -707,7 +712,7 @@ const lt = (e, n) => {
       }, 8, ["type"]));
     };
   }
-}), pt = /* @__PURE__ */ ie(vt, [["__scopeId", "data-v-c7804024"]]), ht = te(pt), yt = Q({
+}), pt = /* @__PURE__ */ ae(vt, [["__scopeId", "data-v-64b61696"]]), ht = ee(pt), yt = Q({
   name: "IkMonacoEditor",
   components: {
     IkSvgIcon: ht
@@ -751,7 +756,7 @@ const lt = (e, n) => {
   },
   emits: ["change", "blur"],
   setup(e, n) {
-    const r = V(!1), t = $(() => `datav-editor-${ve()}`);
+    const r = V(!1), t = T(() => `datav-editor-${ve()}`);
     let o = null, a = null, l = null;
     const c = "datav-dark-theme", u = V(!1), g = () => {
       a && he.copyText(a.getValue()).then(() => {
@@ -801,10 +806,10 @@ const lt = (e, n) => {
       u.value = !u.value, u.value && W(() => {
         I();
       });
-    }, le = () => {
+    }, ie = () => {
       l && (a && !e.readOnly && (a.setValue(l.getValue()), a.focus()), l.dispose());
     };
-    return de(
+    return se(
       () => e.code,
       (f) => {
         if (a) {
@@ -812,7 +817,7 @@ const lt = (e, n) => {
           a.setValue(h);
         }
       }
-    ), fe(async () => {
+    ), de(async () => {
       const f = setTimeout(() => {
         r.value = !0;
       }, 200);
@@ -830,10 +835,10 @@ const lt = (e, n) => {
           },
           lineNumbers: e.lineNumbers,
           wordWrap: e.wordWrap
-        }), k = o.editor.create(h, y), ue = J(e.language, e.code);
-        k.setValue(ue), e.autoFormat && F(k, e.language), e.height > 0 && (h.style.height = `${e.height}px`), k.onDidChangeModelContent(() => p()), k.onDidBlurEditorText(() => i()), a = k;
+        }), k = o.editor.create(h, y), le = J(e.language, e.code);
+        k.setValue(le), e.autoFormat && F(k, e.language), e.height > 0 && (h.style.height = `${e.height}px`), k.onDidChangeModelContent(() => p()), k.onDidBlurEditorText(() => i()), a = k;
       }
-    }), ge(() => {
+    }), fe(() => {
       a == null || a.dispose(), l == null || l.dispose();
     }), {
       editorId: t,
@@ -842,7 +847,7 @@ const lt = (e, n) => {
       copyData: g,
       switchFullScreen: z,
       openedFullScreenDialog: I,
-      closedFullScreenDialog: le
+      closedFullScreenDialog: ie
     };
   }
 }), bt = ["id"], wt = {
@@ -864,8 +869,8 @@ function kt(e, n, r, t, o, a) {
           e.editorClass
         ]])
       }, [
-        e.loading ? ee("v-if", !0) : (s(), d("div", wt, [
-          x(l, {
+        e.loading ? ge("v-if", !0) : (s(), d("div", wt, [
+          q(l, {
             name: "iksvg_tongyong4",
             title: "复制",
             pop: "",
@@ -886,7 +891,7 @@ function kt(e, n, r, t, o, a) {
           }, null, 8, ["onClick"]))
         ]))
       ], 10, bt),
-      x(c, {
+      q(c, {
         modelValue: e.isFullScreen,
         "onUpdate:modelValue": n[0] || (n[0] = (u) => e.isFullScreen = u),
         title: `${e.fullScreenTitle}${e.readOnly ? " ( 只读 )" : ""}`,
@@ -930,8 +935,8 @@ function kt(e, n, r, t, o, a) {
     /* STABLE_FRAGMENT */
   );
 }
-const St = /* @__PURE__ */ ie(yt, [["render", kt]]), Tt = te(St);
+const St = /* @__PURE__ */ ae(yt, [["render", kt]]), $t = ee(St);
 export {
-  Tt as IkMonacoEditor,
-  Tt as default
+  $t as IkMonacoEditor,
+  $t as default
 };

package/dist/IkMonacoEditor/iking-web-ui-pro.css

@@ -1 +1 @@
-@charset "UTF-8";.row-title[data-v-c7804024]{display:flex}.ik-svg-icon.ik-icon-span[data-v-c7804024]:not(:first-child){margin-left:var(--ik-margin-s-8)}.monaco-editor .margin-view-overlays .codicon-chevron-right,.monaco-editor .margin-view-overlays .codicon-chevron-down{font-size:100%!important}.monaco-editor .suggest-widget{width:200px}.monaco-editor .monaco-editor-overlaymessage{padding-bottom:8px}.monaco-editor .monaco-editor-overlaymessage.fadeIn{animation:monaco-fade-in .15s ease-out}.monaco-editor .monaco-editor-overlaymessage.fadeOut{animation:monaco-fade-out .1s ease-out}.monaco-editor .monaco-editor-overlaymessage .message{padding:1px 4px}.monaco-editor .monaco-editor-overlaymessage .anchor{position:absolute;z-index:1000;width:0!important;height:0!important;border-color:transparent;border-style:solid;border-width:8px}@keyframes monaco-fade-in{0%{opacity:0}to{opacity:1}}@keyframes monaco-fade-out{0%{opacity:1}to{opacity:0}}.datav-editor{position:relative;width:100%;height:240px;padding:0;overflow:hidden;background:var(--datav-component-bg-1);border:var(--datav-gui-editor-border)}.datav-editor .datav-editor-actions{position:absolute;right:10px;bottom:5px;z-index:1;width:40px;font-size:12px;text-align:right}.datav-editor .datav-editor-actions .action-btn{width:20px;color:var(--el-color-primary);cursor:pointer;transition:color .2s}.datav-editor .datav-editor-actions .action-btn:hover{color:var(--el-color-white)}.datav-editor.--read-only .margin,.datav-editor.--read-only .monaco-editor-background{background-color:var(--el-text-color-disabled)}.datav-fullscreen-editor-dialog{display:flex;flex-direction:column;width:90%;max-width:90%;height:95vh;margin-top:1%;background:var(--ik-page-content-bg)}.datav-fullscreen-editor-dialog.el-dialog .el-dialog__body{max-height:100%;height:100%}.datav-fullscreen-editor-dialog .n-dialog__content{height:100%;padding-bottom:10px;border-bottom:none}.datav-fullscreen-editor-dialog .datav-fullscreen-editor-wp{height:100%}.datav-fullscreen-editor-dialog .datav-fullscreen-editor{width:100%;height:100%}
+@charset "UTF-8";.row-title[data-v-64b61696]{display:flex}.ik-svg-icon.ik-icon-span[data-v-64b61696]:not(:first-child){margin-left:var(--ik-margin-s-8)}.monaco-editor .margin-view-overlays .codicon-chevron-right,.monaco-editor .margin-view-overlays .codicon-chevron-down{font-size:100%!important}.monaco-editor .suggest-widget{width:200px}.monaco-editor .monaco-editor-overlaymessage{padding-bottom:8px}.monaco-editor .monaco-editor-overlaymessage.fadeIn{animation:monaco-fade-in .15s ease-out}.monaco-editor .monaco-editor-overlaymessage.fadeOut{animation:monaco-fade-out .1s ease-out}.monaco-editor .monaco-editor-overlaymessage .message{padding:1px 4px}.monaco-editor .monaco-editor-overlaymessage .anchor{position:absolute;z-index:1000;width:0!important;height:0!important;border-color:transparent;border-style:solid;border-width:8px}@keyframes monaco-fade-in{0%{opacity:0}to{opacity:1}}@keyframes monaco-fade-out{0%{opacity:1}to{opacity:0}}.datav-editor{position:relative;width:100%;height:240px;padding:0;overflow:hidden;background:var(--datav-component-bg-1);border:var(--datav-gui-editor-border)}.datav-editor .datav-editor-actions{position:absolute;right:10px;bottom:5px;z-index:1;width:40px;font-size:12px;text-align:right}.datav-editor .datav-editor-actions .action-btn{width:20px;color:var(--el-color-primary);cursor:pointer;transition:color .2s}.datav-editor .datav-editor-actions .action-btn:hover{color:var(--el-color-white)}.datav-editor.--read-only .margin,.datav-editor.--read-only .monaco-editor-background{background-color:var(--el-text-color-disabled)}.datav-fullscreen-editor-dialog{display:flex;flex-direction:column;width:90%;max-width:90%;height:95vh;margin-top:1%;background:var(--ik-page-content-bg)}.datav-fullscreen-editor-dialog.el-dialog .el-dialog__body{max-height:100%;height:100%}.datav-fullscreen-editor-dialog .n-dialog__content{height:100%;padding-bottom:10px;border-bottom:none}.datav-fullscreen-editor-dialog .datav-fullscreen-editor-wp{height:100%}.datav-fullscreen-editor-dialog .datav-fullscreen-editor{width:100%;height:100%}