iking-web-ui-pro 1.0.29 → 1.0.32

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

@@ -1 +1 @@
-@charset "UTF-8";.row-title[data-v-d5c74053]{display:flex}.ik-svg-icon.ik-icon-span[data-v-d5c74053]:not(:first-child){margin-left:var(--ik-margin-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-d5c74053]{display:flex}.ik-svg-icon.ik-icon-span[data-v-d5c74053]:not(:first-child){margin-left:var(--ik-margin-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:#0c0c0c}.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%}

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

@@ -1,17 +1,222 @@
-import { defineComponent as i, mergeModels as m, useModel as _, resolveComponent as s, openBlock as n, createBlock as u, mergeProps as f, withCtx as d, createElementBlock as v, Fragment as g, renderList as b, createTextVNode as k, toDisplayString as y } from "vue";
-const V = (e, l) => (e.install = (o) => {
-  for (const t of [e, ...Object.values({})])
-    o.component(t.name, t);
-}, e), x = /* @__PURE__ */ i({
+import { defineComponent as w, computed as h, resolveComponent as p, openBlock as t, createElementBlock as a, normalizeClass as d, normalizeStyle as V, Fragment as v, createElementVNode as b, createBlock as c, withCtx as m, mergeProps as B, createTextVNode as _, toDisplayString as f, mergeModels as M, useModel as T, renderList as j, unref as D } from "vue";
+import { ikColor as L } from "iking-utils-pro";
+const x = (o, u) => (o.install = (i) => {
+  for (const e of [o, ...Object.values({})])
+    i.component(e.name, e);
+}, o), z = (o, u) => {
+  const i = o.__vccOpts || o;
+  for (const [e, n] of u)
+    i[e] = n;
+  return i;
+}, O = {
+  key: 1,
+  class: "h-[1em] w-[1em]",
+  "aria-hidden": "true"
+}, E = ["xlink:href"], G = ["src"], N = {
+  key: 1,
+  class: "h-[1em] w-[1em]",
+  "aria-hidden": "true"
+}, R = ["xlink:href"], W = ["src"], X = /* @__PURE__ */ w({
+  name: "IkSvgIcon",
   __name: "index",
-  props: /* @__PURE__ */ m({
+  props: {
+    active: { type: Boolean, default: !1 },
+    bg: { type: Boolean, default: !1 },
+    color: {},
+    colorLight: {},
+    disabled: { type: Boolean, default: !1 },
+    error: { type: Boolean },
+    flip: {},
+    name: {},
+    notip: { type: Boolean, default: !1 },
+    opacity: { default: 0.5 },
+    padding: { default: "6px" },
+    primary: { type: Boolean },
+    rotate: {},
+    showBg: { type: Boolean, default: !1 },
+    size: { default: "" },
+    success: { type: Boolean },
+    tableIconType: {},
+    title: {},
+    type: { default: "primary" },
+    warning: { type: Boolean },
+    width: {},
+    iconClass: { default: "" }
+  },
+  emits: ["click", "mouseenter", "mouseleave", "dblclick"],
+  setup(o, { emit: u }) {
+    const i = o, e = h(() => i), n = h(() => {
+      const { name: l } = e.value;
+      return /^http?:\/\//.test(l) ? "img" : /i-[^:]+:[^:]+/.test(l) ? "unocss" : l != null && l.startsWith("iksig") ? "iksig" : l != null && l.includes(":") ? "iconify" : l != null && l.startsWith("iksvg") ? "svg" : "i";
+    }), g = h(() => {
+      const l = [];
+      if (e.value.flip)
+        switch (e.value.flip) {
+          case "horizontal":
+            l.push("rotateY(180deg)");
+            break;
+          case "vertical":
+            l.push("rotateX(180deg)");
+            break;
+          case "both":
+            l.push("rotateX(180deg)"), l.push("rotateY(180deg)");
+            break;
+        }
+      e.value.rotate && l.push(`rotate(${e.value.rotate % 360}deg)`);
+      const y = {
+        ...e.value.color && { color: e.value.color },
+        ...e.value.size && { fontSize: typeof e.value.size == "number" ? `${e.value.size}px` : e.value.size },
+        ...l.length && { transform: l.join(" ") },
+        padding: e.value.showBg || e.value.bg ? e.value.padding : 0,
+        ...e.value.color && n.value !== "iksig" ? {
+          "--ik-icon-deep-color": e.value.color,
+          "--ik-icon-shallow-color": e.value.colorLight || L.setOpacity(e.value.color, e.value.opacity)
+        } : {}
+      };
+      return e.value.width && (y.width = y.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), y;
+    }), r = u, s = (l) => {
+      r("click", l);
+    }, k = (l) => {
+      r("mouseenter", l);
+    }, I = (l) => {
+      r("mouseleave", l);
+    }, $ = (l) => {
+      r("dblclick", l);
+    };
+    return (l, y) => {
+      const C = p("el-tooltip"), S = p("el-button");
+      return t(), a(
+        "i",
+        {
+          class: d(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+            [l.iconClass]: !0,
+            [l.name]: n.value === "unocss",
+            "show-bg": e.value.showBg || e.value.bg,
+            default: e.value.size === "default",
+            small: e.value.size === "small",
+            big: e.value.size === "big",
+            warning: e.value.warning || e.value.type === "warning",
+            primary: e.value.primary || e.value.type === "primary",
+            success: l.success || e.value.type === "success",
+            error: e.value.error || e.value.type === "error",
+            active: e.value.active,
+            disabled: e.value.disabled
+          }]),
+          style: V(g.value),
+          onClick: s,
+          onDblclick: $,
+          onMouseenter: k,
+          onMouseleave: I
+        },
+        [
+          e.value.tableIconType === "icon" || !e.value.tableIconType ? (t(), a(
+            v,
+            { key: 0 },
+            [
+              e.value.notip || !e.value.title ? (t(), a(
+                v,
+                { key: 0 },
+                [
+                  n.value === "iksig" ? (t(), a(
+                    "i",
+                    {
+                      key: 0,
+                      class: d(`iksig ${e.value.name}`)
+                    },
+                    null,
+                    2
+                    /* CLASS */
+                  )) : n.value === "svg" ? (t(), a("svg", O, [
+                    b("use", {
+                      "xlink:href": `#${e.value.name}`
+                    }, null, 8, E)
+                  ])) : n.value === "img" ? (t(), a("img", {
+                    key: 2,
+                    src: e.value.name,
+                    class: "h-[1em] w-[1em]"
+                  }, null, 8, G)) : (t(), a(
+                    "i",
+                    {
+                      key: 3,
+                      class: d(e.value.name)
+                    },
+                    null,
+                    2
+                    /* CLASS */
+                  ))
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              )) : (t(), c(C, {
+                key: 1,
+                content: e.value.title,
+                placement: "top",
+                "popper-class": "ik-svg-icon-tooltip",
+                "hide-after": 0
+              }, {
+                default: m(() => [
+                  n.value === "iksig" ? (t(), a(
+                    "i",
+                    {
+                      key: 0,
+                      class: d(`iksig ${e.value.name}`)
+                    },
+                    null,
+                    2
+                    /* CLASS */
+                  )) : n.value === "svg" ? (t(), a("svg", N, [
+                    b("use", {
+                      "xlink:href": `#${e.value.name}`
+                    }, null, 8, R)
+                  ])) : n.value === "img" ? (t(), a("img", {
+                    key: 2,
+                    src: e.value.name,
+                    class: "h-[1em] w-[1em]"
+                  }, null, 8, W)) : (t(), a(
+                    "i",
+                    {
+                      key: 3,
+                      class: d(e.value.name)
+                    },
+                    null,
+                    2
+                    /* CLASS */
+                  ))
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["content"]))
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )) : (t(), c(S, B({ key: 1 }, l.$attrs, {
+            type: ["warning", "error"].includes(e.value.type) ? "danger" : ""
+          }), {
+            default: m(() => [
+              _(
+                f(e.value.title),
+                1
+                /* TEXT */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          }, 16, ["type"]))
+        ],
+        38
+        /* CLASS, STYLE, NEED_HYDRATION */
+      );
+    };
+  }
+}), Y = /* @__PURE__ */ z(X, [["__scopeId", "data-v-d5c74053"]]), A = x(Y), F = { key: 1 }, P = /* @__PURE__ */ w({
+  __name: "index",
+  props: /* @__PURE__ */ M({
     list: {
       type: Array
     },
-    // 是否是按钮模式
-    isButton: {
-      type: Boolean,
-      default: !0
+    type: {
+      type: String,
+      default: "button"
     }
   }, {
     modelValue: {
@@ -21,49 +226,82 @@ const V = (e, l) => (e.install = (o) => {
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(e) {
-    const l = _(e, "modelValue");
-    return (o, t) => {
-      const r = s("el-radio-button"), c = s("el-radio-group");
-      return n(), u(c, f(o.$attrs, {
-        modelValue: l.value,
-        "onUpdate:modelValue": t[0] || (t[0] = (a) => l.value = a),
-        class: "ik-radio-btn"
+  setup(o) {
+    const u = T(o, "modelValue");
+    return (i, e) => {
+      const n = p("el-radio-button"), g = p("el-radio"), r = p("el-radio-group");
+      return t(), c(r, B(i.$attrs, {
+        modelValue: u.value,
+        "onUpdate:modelValue": e[0] || (e[0] = (s) => u.value = s),
+        class: ["ik-radio-btn", { "un-button": o.type !== "button" }]
       }), {
-        default: d(() => [
-          (n(!0), v(
-            g,
+        default: m(() => [
+          (t(!0), a(
+            v,
             null,
-            b(e.list, (a, p) => (n(), u(r, {
-              key: p,
-              label: a.value
-            }, {
-              default: d(() => [
-                k(
-                  y(a.label),
-                  1
-                  /* TEXT */
-                )
-              ]),
-              _: 2
-              /* DYNAMIC */
-            }, 1032, ["label"]))),
+            j(o.list, (s, k) => (t(), a(
+              v,
+              { key: k },
+              [
+                o.type === "button" ? (t(), c(n, {
+                  key: 0,
+                  label: s.value
+                }, {
+                  default: m(() => [
+                    _(
+                      f(s.label),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                }, 1032, ["label"])) : o.type === "icon" ? (t(), a(
+                  v,
+                  { key: 1 },
+                  [
+                    s.icon ? (t(), c(D(A), {
+                      key: 0,
+                      name: s.icon
+                    }, null, 8, ["name"])) : (t(), a(
+                      "span",
+                      F,
+                      f(s.label),
+                      1
+                      /* TEXT */
+                    ))
+                  ],
+                  64
+                  /* STABLE_FRAGMENT */
+                )) : (t(), c(g, {
+                  key: 2,
+                  label: s.value
+                }, {
+                  default: m(() => [
+                    _(
+                      f(s.label),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                }, 1032, ["label"]))
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            ))),
             128
             /* KEYED_FRAGMENT */
           ))
         ]),
         _: 1
         /* STABLE */
-      }, 16, ["modelValue"]);
+      }, 16, ["modelValue", "class"]);
     };
   }
-}), B = (e, l) => {
-  const o = e.__vccOpts || e;
-  for (const [t, r] of l)
-    o[t] = r;
-  return o;
-}, C = /* @__PURE__ */ B(x, [["__scopeId", "data-v-5d00263f"]]), M = V(C);
+}), U = /* @__PURE__ */ z(P, [["__scopeId", "data-v-221e6ffc"]]), J = x(U);
 export {
-  M as IkRadioGroup,
-  M as default
+  J as IkRadioGroup,
+  J as default
 };

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

@@ -1 +1 @@
-.ik-radio-btn[data-v-5d00263f]{padding:4px;background-color:var(--ik-page-main-bg);border-radius:6px}.ik-radio-btn[data-v-5d00263f] .el-radio-button__inner{background:transparent;border:none;border-left:none!important}.ik-radio-btn[data-v-5d00263f] .el-radio-button__original-radio:checked+.el-radio-button__inner{color:var(--el-color-primary);background-color:var(--ik-card-bg);border:none;padding:8px 20px;border-radius:6px;box-shadow:none}.ik-radio-btn[data-v-5d00263f] .el-radio-button:last-child .el-radio-button__inner{border-radius:var(--el-border-radius-base)}
+.row-title[data-v-d5c74053]{display:flex}.ik-svg-icon.ik-icon-span[data-v-d5c74053]:not(:first-child){margin-left:var(--ik-margin-8)}.ik-radio-btn[data-v-221e6ffc]{padding:4px;background-color:var(--ik-page-main-bg);border-radius:6px}.ik-radio-btn.un-button[data-v-221e6ffc]{background-color:transparent}.ik-radio-btn[data-v-221e6ffc] .el-radio-button__inner{background:transparent;border:none;border-left:none!important}.ik-radio-btn[data-v-221e6ffc] .el-radio-button__original-radio:checked+.el-radio-button__inner{color:var(--el-color-primary);background-color:var(--ik-card-bg);border:none;padding:8px 20px;border-radius:6px;box-shadow:none}.ik-radio-btn[data-v-221e6ffc] .el-radio-button:last-child .el-radio-button__inner{border-radius:var(--el-border-radius-base)}