iking-web-ui-pro 0.3.3 → 0.3.5

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

@@ -1 +1 @@
-.row-title[data-v-6889f3aa]{display:flex}.ik-svg-icon.ik-icon-span[data-v-6889f3aa]:not(:first-child){margin-left:var(--ik-margin-s-8)}.ik-schedule[data-v-e308f501]{width:100%;height:100%;display:flex}.ik-schedule__left[data-v-e308f501]{height:100%;display:flex;flex-direction:column;flex-grow:1;flex-shrink:0}.ik-schedule__header[data-v-e308f501]{flex-shrink:0;flex-grow:0;text-align:left;display:flex}.ik-schedule__title[data-v-e308f501]{font-family:Arial-BoldMT,Arial Bold,Arial,sans-serif;font-weight:700;flex-shrink:0}.ik-schedule__body[data-v-e308f501]{flex-grow:1;margin-top:16px;height:calc(100% - 56px)}.ik-schedule__header-right[data-v-e308f501]{display:flex;justify-content:space-between;flex-grow:1}.ik-schedule__header-right-item[data-v-e308f501]{border-left:4px solid;line-height:32px}.ik-schedule__right-title[data-v-e308f501]{text-align:left;line-height:32px}
+.row-title[data-v-2648e369]{display:flex}.ik-svg-icon.ik-icon-span[data-v-2648e369]:not(:first-child){margin-left:var(--ik-margin-s-8)}.ik-schedule[data-v-e308f501]{width:100%;height:100%;display:flex}.ik-schedule__left[data-v-e308f501]{height:100%;display:flex;flex-direction:column;flex-grow:1;flex-shrink:0}.ik-schedule__header[data-v-e308f501]{flex-shrink:0;flex-grow:0;text-align:left;display:flex}.ik-schedule__title[data-v-e308f501]{font-family:Arial-BoldMT,Arial Bold,Arial,sans-serif;font-weight:700;flex-shrink:0}.ik-schedule__body[data-v-e308f501]{flex-grow:1;margin-top:16px;height:calc(100% - 56px)}.ik-schedule__header-right[data-v-e308f501]{display:flex;justify-content:space-between;flex-grow:1}.ik-schedule__header-right-item[data-v-e308f501]{border-left:4px solid;line-height:32px}.ik-schedule__right-title[data-v-e308f501]{text-align:left;line-height:32px}

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

@@ -1,14 +1,14 @@
-import { inject as k, computed as u, defineComponent as I, resolveComponent as z, openBlock as l, createElementBlock as c, Fragment as $, normalizeClass as m, normalizeStyle as p, createElementVNode as f, createBlock as b, withCtx as _, createTextVNode as T, toDisplayString as w, useCssVars as M, unref as C, ref as E, createCommentVNode as x } from "vue";
+import { inject as y, computed as r, defineComponent as z, resolveComponent as w, openBlock as o, createElementBlock as i, normalizeClass as m, normalizeStyle as S, Fragment as _, createElementVNode as p, createBlock as h, withCtx as I, mergeProps as E, createTextVNode as C, toDisplayString as x, useCssVars as G, unref as T, ref as M, createCommentVNode as b } from "vue";
 import { ikColor as L } from "iking-utils-pro";
-const U = (t, o) => (t.install = (s) => {
+const U = (t, l) => (t.install = (n) => {
   for (const e of [t, ...Object.values({})])
-    s.component(e.name, e);
-}, t), B = (t, o) => {
-  const s = t.__vccOpts || t;
-  for (const [e, n] of o)
-    s[e] = n;
-  return s;
-}, S = [
+    n.component(e.name, e);
+}, t), $ = (t, l) => {
+  const n = t.__vccOpts || t;
+  for (const [e, s] of l)
+    n[e] = s;
+  return n;
+}, B = [
   "csv",
   "djvu",
   "doc",
@@ -63,25 +63,25 @@ const U = (t, o) => (t.install = (s) => {
   "mp4",
   "flv",
   "tls"
-], D = (t) => {
-  const o = k("loadUrl"), s = u(() => t.loadUrl || t.fileUrl || (o == null ? void 0 : o.value)), e = k("uploadUrl"), n = u(() => t.action || t.uploadUrl || (e == null ? void 0 : e.value)), i = k("token"), v = u(() => t.token || (i == null ? void 0 : i.value)), r = k("onlyofficeConfig"), h = u(() => t.onlyofficeConfig || (r == null ? void 0 : r.value)), d = k("userInfo"), g = u(() => t.userInfo || (d == null ? void 0 : d.value)), a = [...S, ...S.map((y) => y.toLocaleUpperCase())];
+], O = (t) => {
+  const l = y("loadUrl"), n = r(() => t.loadUrl || t.fileUrl || (l == null ? void 0 : l.value)), e = y("uploadUrl"), s = r(() => t.action || t.uploadUrl || (e == null ? void 0 : e.value)), u = y("token"), d = r(() => t.token || (u == null ? void 0 : u.value)), c = y("onlyofficeConfig"), k = r(() => t.onlyofficeConfig || (c == null ? void 0 : c.value)), v = y("userInfo"), f = r(() => t.userInfo || (v == null ? void 0 : v.value)), a = [...B, ...B.map((g) => g.toLocaleUpperCase())];
   return {
-    cLoadUrl: s,
-    cUploadUrl: n,
-    cToken: v,
-    cOnlyofficeConfig: h,
-    cUserInfo: g,
+    cLoadUrl: n,
+    cUploadUrl: s,
+    cToken: d,
+    cOnlyofficeConfig: k,
+    cUserInfo: f,
     cOnlyofficePreviewType: a
   };
-}, G = {
+}, V = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, O = ["xlink:href"], V = ["src"], W = {
+}, D = ["xlink:href"], P = ["src"], W = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, F = ["xlink:href"], P = ["src"], X = /* @__PURE__ */ I({
+}, F = ["xlink:href"], X = ["src"], Y = /* @__PURE__ */ z({
   name: "IkSvgIcon",
   __name: "index",
   props: {
@@ -105,14 +105,15 @@ const U = (t, o) => (t.install = (s) => {
     title: {},
     type: { default: "primary" },
     warning: { type: Boolean },
-    width: {}
+    width: {},
+    iconClass: { default: "" }
   },
   emits: ["click", "mouseenter", "mouseleave", "dblclick"],
-  setup(t, { emit: o }) {
-    const s = t, e = u(() => s), n = u(() => {
+  setup(t, { emit: l }) {
+    const n = t, e = r(() => n), s = r(() => {
       const { name: a } = e.value;
       return /^http?:\/\//.test(a) ? "img" : /i-[^:]+:[^:]+/.test(a) ? "unocss" : a != null && a.startsWith("iksig") ? "iksig" : a != null && a.includes(":") ? "iconify" : a != null && a.startsWith("iksvg") ? "svg" : "i";
-    }), i = u(() => {
+    }), u = r(() => {
       const a = [];
       if (e.value.flip)
         switch (e.value.flip) {
@@ -127,182 +128,157 @@ const U = (t, o) => (t.install = (s) => {
             break;
         }
       e.value.rotate && a.push(`rotate(${e.value.rotate % 360}deg)`);
-      const y = {
-        pointerEvents: e.value.disabled ? "none" : "auto",
+      const g = {
         ...e.value.color && { color: e.value.color },
         ...e.value.size && { fontSize: typeof e.value.size == "number" ? `${e.value.size}px` : e.value.size },
         ...a.length && { transform: a.join(" ") },
         padding: e.value.showBg || e.value.bg ? e.value.padding : 0,
-        ...e.value.color && n.value !== "iksig" ? {
+        ...e.value.color && s.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;
-    }), v = o, r = (a) => {
-      v("click", a);
-    }, h = (a) => {
-      v("mouseenter", a);
-    }, d = (a) => {
-      v("mouseleave", a);
-    }, g = (a) => {
-      v("dblclick", a);
+      return e.value.width && (g.width = g.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), g;
+    }), d = l, c = (a) => {
+      d("click", a);
+    }, k = (a) => {
+      d("mouseenter", a);
+    }, v = (a) => {
+      d("mouseleave", a);
+    }, f = (a) => {
+      d("dblclick", a);
     };
-    return (a, y) => {
-      const j = z("el-tooltip"), N = z("el-button");
-      return e.value.tableIconType === "icon" || !e.value.tableIconType ? (l(), c(
-        $,
-        { key: 0 },
+    return (a, g) => {
+      const j = w("el-tooltip"), N = w("el-button");
+      return o(), i(
+        "i",
+        {
+          class: m(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+            [a.iconClass]: !0,
+            [a.name]: s.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: a.success || e.value.type === "success",
+            error: e.value.error || e.value.type === "error",
+            active: e.value.active,
+            disabled: e.value.disabled
+          }]),
+          style: S(u.value),
+          onClick: c,
+          onDblclick: f,
+          onMouseenter: k,
+          onMouseleave: v
+        },
         [
-          e.value.notip || !e.value.title ? (l(), c(
-            "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", {
-                [a.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: a.success || e.value.type === "success",
-                error: e.value.error || e.value.type === "error",
-                active: e.value.active,
-                disabled: e.value.disabled
-              }]),
-              style: p(i.value),
-              onClick: r,
-              onDblclick: g,
-              onMouseenter: h,
-              onMouseleave: d
-            },
+          e.value.tableIconType === "icon" || !e.value.tableIconType ? (o(), i(
+            _,
+            { key: 0 },
             [
-              n.value === "iksig" ? (l(), c(
-                "i",
-                {
-                  key: 0,
-                  class: m(`iksig ${e.value.name}`),
-                  style: p(i.value)
-                },
-                null,
-                6
-                /* CLASS, STYLE */
-              )) : n.value === "svg" ? (l(), c("svg", G, [
-                f("use", {
-                  "xlink:href": `#${e.value.name}`
-                }, null, 8, O)
-              ])) : n.value === "img" ? (l(), c("img", {
-                key: 2,
-                src: e.value.name,
-                class: "h-[1em] w-[1em]"
-              }, null, 8, V)) : (l(), c(
-                "i",
-                {
-                  key: 3,
-                  class: m(e.value.name),
-                  style: p(i.value)
-                },
-                null,
-                6
-                /* CLASS, STYLE */
-              ))
-            ],
-            38
-            /* CLASS, STYLE, NEED_HYDRATION */
-          )) : (l(), b(j, {
-            key: 1,
-            content: e.value.title,
-            placement: "top",
-            "popper-class": "ik-svg-icon-tooltip",
-            "hide-after": 0
-          }, {
-            default: _(() => [
-              f(
-                "i",
-                {
-                  class: m(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
-                    [a.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: a.primary || e.value.type === "primary",
-                    success: a.success || e.value.type === "success",
-                    error: e.value.error || e.value.type === "error",
-                    active: e.value.active,
-                    disabled: e.value.disabled
-                  }]),
-                  style: p(i.value),
-                  onClick: r,
-                  onDblclick: g,
-                  onMouseenter: h,
-                  onMouseleave: d
-                },
+              e.value.notip || !e.value.title ? (o(), i(
+                _,
+                { key: 0 },
                 [
-                  n.value === "iksig" ? (l(), c(
+                  s.value === "iksig" ? (o(), i(
                     "i",
                     {
                       key: 0,
-                      class: m(`iksig ${e.value.name}`),
-                      style: p(i.value)
+                      class: m(`iksig ${e.value.name}`)
                     },
                     null,
-                    6
-                    /* CLASS, STYLE */
-                  )) : n.value === "svg" ? (l(), c("svg", W, [
-                    f("use", {
+                    2
+                    /* CLASS */
+                  )) : s.value === "svg" ? (o(), i("svg", V, [
+                    p("use", {
                       "xlink:href": `#${e.value.name}`
-                    }, null, 8, F)
-                  ])) : n.value === "img" ? (l(), c("img", {
+                    }, null, 8, D)
+                  ])) : s.value === "img" ? (o(), i("img", {
                     key: 2,
                     src: e.value.name,
                     class: "h-[1em] w-[1em]"
-                  }, null, 8, P)) : (l(), c(
+                  }, null, 8, P)) : (o(), i(
                     "i",
                     {
                       key: 3,
-                      class: m(e.value.name),
-                      style: p(i.value)
+                      class: m(e.value.name)
                     },
                     null,
-                    6
-                    /* CLASS, STYLE */
+                    2
+                    /* CLASS */
                   ))
                 ],
-                38
-                /* CLASS, STYLE, NEED_HYDRATION */
+                64
+                /* STABLE_FRAGMENT */
+              )) : (o(), h(j, {
+                key: 1,
+                content: e.value.title,
+                placement: "top",
+                "popper-class": "ik-svg-icon-tooltip",
+                "hide-after": 0
+              }, {
+                default: I(() => [
+                  s.value === "iksig" ? (o(), i(
+                    "i",
+                    {
+                      key: 0,
+                      class: m(`iksig ${e.value.name}`)
+                    },
+                    null,
+                    2
+                    /* CLASS */
+                  )) : s.value === "svg" ? (o(), i("svg", W, [
+                    p("use", {
+                      "xlink:href": `#${e.value.name}`
+                    }, null, 8, F)
+                  ])) : s.value === "img" ? (o(), i("img", {
+                    key: 2,
+                    src: e.value.name,
+                    class: "h-[1em] w-[1em]"
+                  }, null, 8, X)) : (o(), i(
+                    "i",
+                    {
+                      key: 3,
+                      class: m(e.value.name)
+                    },
+                    null,
+                    2
+                    /* CLASS */
+                  ))
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["content"]))
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )) : (o(), h(N, E({ key: 1 }, a.$attrs, {
+            type: ["warning", "error"].includes(e.value.type) ? "danger" : ""
+          }), {
+            default: I(() => [
+              C(
+                x(e.value.title),
+                1
+                /* TEXT */
               )
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["content"]))
+          }, 16, ["type"]))
         ],
-        64
-        /* STABLE_FRAGMENT */
-      )) : (l(), b(N, {
-        key: 1,
-        type: ["warning", "error"].includes(e.value.type) ? "danger" : ""
-      }, {
-        default: _(() => [
-          T(
-            w(e.value.title),
-            1
-            /* TEXT */
-          )
-        ]),
-        _: 1
-        /* STABLE */
-      }, 8, ["type"]));
+        38
+        /* CLASS, STYLE, NEED_HYDRATION */
+      );
     };
   }
-}), Y = /* @__PURE__ */ B(X, [["__scopeId", "data-v-6889f3aa"]]), q = U(Y), R = () => ({
-  getLinearGradient: (o) => {
-    const s = L.hexToRGB(o).replace(/[^\d,]/g, "").split(",").map(Number);
-    return `linear-gradient(to top, ${o} 4%, rgb(${s[0]},${s[1] + 50},${s[2]}) 88%)`;
+}), q = /* @__PURE__ */ $(Y, [["__scopeId", "data-v-2648e369"]]), R = U(q), A = () => ({
+  getLinearGradient: (l) => {
+    const n = L.hexToRGB(l).replace(/[^\d,]/g, "").split(",").map(Number);
+    return `linear-gradient(to top, ${l} 4%, rgb(${n[0]},${n[1] + 50},${n[2]}) 88%)`;
   }
-}), A = /* @__PURE__ */ I({
+}), H = /* @__PURE__ */ z({
   __name: "IkLinearIcon",
   props: {
     icon: {
@@ -319,18 +295,18 @@ const U = (t, o) => (t.install = (s) => {
     }
   },
   setup(t) {
-    M((n) => ({
+    G((s) => ({
       "435077c3": e.value
     }));
-    const o = t, { getLinearGradient: s } = R(), e = u(() => `${o.size}px`);
-    return (n, i) => (l(), c(
+    const l = t, { getLinearGradient: n } = A(), e = r(() => `${l.size}px`);
+    return (s, u) => (o(), i(
       "div",
       {
         class: "form-icon",
-        style: p({ backgroundImage: C(s)(t.backgroundColor || "#28b8a4") })
+        style: S({ backgroundImage: T(n)(t.backgroundColor || "#28b8a4") })
       },
       [
-        f(
+        p(
           "i",
           {
             class: m(`ikflow ${t.icon}`)
@@ -344,7 +320,7 @@ const U = (t, o) => (t.install = (s) => {
       /* STYLE */
     ));
   }
-}), H = /* @__PURE__ */ B(A, [["__scopeId", "data-v-0bc5a180"]]), J = { class: "side-text items-center" }, K = { class: "side-left flex items-center" }, Q = { class: "side-right" }, Z = { class: "text-over-line" }, ee = { class: "text-over-line sub-title" }, te = /* @__PURE__ */ I({
+}), J = /* @__PURE__ */ $(H, [["__scopeId", "data-v-0bc5a180"]]), K = { class: "side-text items-center" }, Q = { class: "side-left flex items-center" }, Z = { class: "side-right" }, ee = { class: "text-over-line" }, te = { class: "text-over-line sub-title" }, ae = /* @__PURE__ */ z({
   __name: "IkSideText",
   props: {
     // 名称
@@ -390,7 +366,7 @@ const U = (t, o) => (t.install = (s) => {
     },
     size: {
       type: Number,
-      default: 50
+      default: 40
     },
     iconSize: {
       type: String || Number,
@@ -402,30 +378,30 @@ const U = (t, o) => (t.install = (s) => {
     }
   },
   setup(t) {
-    const o = t, { cLoadUrl: s } = D(o), e = (r) => r ? r.startsWith("http") ? r : `${s.value}${r}` : "", n = u(() => e(o.avatar)), i = E(!!o.avatar), v = () => {
-      i.value = !1;
+    const l = t, { cLoadUrl: n } = O(l), e = (c) => c ? c.startsWith("http") ? c : `${n.value}${c}` : "", s = r(() => e(l.avatar)), u = M(!!l.avatar), d = () => {
+      u.value = !1;
     };
-    return (r, h) => {
-      var g;
-      const d = z("el-avatar");
-      return l(), c("div", J, [
-        f("div", K, [
-          t.avatarType === "url" ? (l(), b(d, {
+    return (c, k) => {
+      var f;
+      const v = w("el-avatar");
+      return o(), i("div", K, [
+        p("div", Q, [
+          t.avatarType === "url" ? (o(), h(v, {
             key: 0,
             style: { "--el-avatar-bg-color": "var(--ik-color-primary)" },
             size: t.size,
             shape: t.shape,
-            src: n.value,
+            src: s.value,
             fit: "contain",
-            onError: v
+            onError: d
           }, {
-            default: _(() => [
-              i.value ? x("v-if", !0) : (l(), c(
-                $,
+            default: I(() => [
+              u.value ? b("v-if", !0) : (o(), i(
+                _,
                 { key: 0 },
                 [
-                  T(
-                    w(t.name.slice(-2)),
+                  C(
+                    x(t.name.slice(-2)),
                     1
                     /* TEXT */
                   )
@@ -436,33 +412,33 @@ const U = (t, o) => (t.install = (s) => {
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["size", "shape", "src"])) : x("v-if", !0),
-          t.avatarType === "icon" ? (l(), b(C(q), {
+          }, 8, ["size", "shape", "src"])) : b("v-if", !0),
+          t.avatarType === "icon" ? (o(), h(T(R), {
             key: 1,
-            name: `iksvg_${(g = t.avatar) == null ? void 0 : g.replace("iksvg_", "")}`,
+            name: `iksvg_${(f = t.avatar) == null ? void 0 : f.replace("iksvg_", "")}`,
             "show-bg": t.showIconBg,
             type: t.iconType,
-            style: p({ fontSize: t.showIconBg ? "34px" : "50px" }),
+            style: S({ fontSize: t.showIconBg ? "34px" : "40px" }),
             size: t.iconSize
-          }, null, 8, ["name", "show-bg", "type", "style", "size"])) : x("v-if", !0),
-          t.avatarType === "linearIcon" ? (l(), b(H, {
+          }, null, 8, ["name", "show-bg", "type", "style", "size"])) : b("v-if", !0),
+          t.avatarType === "linearIcon" ? (o(), h(J, {
             key: 2,
             icon: t.avatar,
             "background-color": t.iconBackgroundColor
-          }, null, 8, ["icon", "background-color"])) : x("v-if", !0)
+          }, null, 8, ["icon", "background-color"])) : b("v-if", !0)
         ]),
-        f("div", Q, [
-          f(
+        p("div", Z, [
+          p(
             "p",
-            Z,
-            w(t.text),
+            ee,
+            x(t.text),
             1
             /* TEXT */
           ),
-          f(
+          p(
             "p",
-            ee,
-            w(t.subText),
+            te,
+            x(t.subText),
             1
             /* TEXT */
           )
@@ -470,8 +446,8 @@ const U = (t, o) => (t.install = (s) => {
       ]);
     };
   }
-}), ae = /* @__PURE__ */ B(te, [["__scopeId", "data-v-c5366627"]]), ne = U(ae);
+}), oe = /* @__PURE__ */ $(ae, [["__scopeId", "data-v-000efb31"]]), se = U(oe);
 export {
-  ne as IkSideText,
-  ne as default
+  se as IkSideText,
+  se as default
 };

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

@@ -1 +1 @@
-.row-title[data-v-6889f3aa]{display:flex}.ik-svg-icon.ik-icon-span[data-v-6889f3aa]:not(:first-child){margin-left:var(--ik-margin-s-8)}.form-icon[data-v-0bc5a180]{--ik-color-white: #fff;display:flex;align-items:center;justify-content:center;width:var(--435077c3);height:var(--435077c3);border-radius:4px}.form-icon i[data-v-0bc5a180]{font-size:27px;color:var(--ik-color-white)}.side-text[data-v-c5366627]{display:flex}.side-text .side-left[data-v-c5366627]{margin-right:12px}.side-text .side-right[data-v-c5366627]{display:inline-flex;flex-direction:column;justify-content:center;overflow:hidden;text-overflow:ellipsis}.side-text .side-right p[data-v-c5366627]{overflow:hidden;text-overflow:ellipsis;line-height:1}.side-text .side-right p[data-v-c5366627]:first-child{padding-bottom:7px}.side-text .side-right p[data-v-c5366627]:last-child{color:var(--ik-color-font-secondary, #b5b5c3);font-size:13px}
+.row-title[data-v-2648e369]{display:flex}.ik-svg-icon.ik-icon-span[data-v-2648e369]:not(:first-child){margin-left:var(--ik-margin-s-8)}.form-icon[data-v-0bc5a180]{--ik-color-white: #fff;display:flex;align-items:center;justify-content:center;width:var(--435077c3);height:var(--435077c3);border-radius:4px}.form-icon i[data-v-0bc5a180]{font-size:27px;color:var(--ik-color-white)}.side-text[data-v-000efb31]{display:flex}.side-text .side-left[data-v-000efb31]{margin-right:12px}.side-text .side-right[data-v-000efb31]{display:inline-flex;flex-direction:column;justify-content:center;overflow:hidden;text-overflow:ellipsis}.side-text .side-right p[data-v-000efb31]{overflow:hidden;text-overflow:ellipsis;line-height:1}.side-text .side-right p[data-v-000efb31]:first-child{padding-bottom:7px}.side-text .side-right p[data-v-000efb31]:last-child{color:var(--ik-color-font-secondary, #b5b5c3);font-size:13px}