china-mobile-international-custom-components 0.0.58 → 0.0.60

package/es/chunks/layout.BSXfM0rC.js

@@ -1,653 +0,0 @@
-import { createElementBlock as y, openBlock as a, createCommentVNode as x, createElementVNode as c, createBlock as m, createVNode as p, unref as u, withCtx as h, resolveDynamicComponent as S, normalizeStyle as L, toDisplayString as g, ref as O, watch as R, nextTick as $, normalizeClass as D, withModifiers as P, Fragment as A, renderList as U, Transition as B, withDirectives as K, vShow as W } from "vue";
-import { ElIcon as N, ElAutoResizer as _, ElTreeV2 as H } from "element-plus";
-import { _ as k } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { IconRenderer as V, iconLibraryMap as Y } from "color-star-custom-components";
-import { IconYou as G } from "color-message-aibox-vue";
-import '../assets/layout2.css';const q = { class: "nav-title overflow-hidden" }, J = {
-  key: 0,
-  class: "title-logo"
-}, Q = /* @__PURE__ */ Object.assign({
-  name: "NavTitle"
-}, {
-  __name: "NavTitle",
-  props: {
-    // 标题文本
-    title: {
-      type: String,
-      default: ""
-    },
-    // Logo 图标组件
-    logo: {
-      type: [Object, String],
-      default: null
-    },
-    // Logo 尺寸
-    logoSize: {
-      type: Number,
-      default: 30
-    },
-    // 标题样式
-    titleStyle: {
-      type: Object,
-      default: () => ({ fontSize: "16px" })
-    },
-    // 是否显示折叠按钮
-    showToggle: {
-      type: Boolean,
-      default: !0
-    },
-    // 折叠按钮图标
-    toggleIcon: {
-      type: [Object, String],
-      default: null
-    }
-  },
-  emits: ["toggle"],
-  setup(e, { emit: n }) {
-    const t = n, o = () => {
-      t("toggle");
-    };
-    return (l, v) => (a(), y("div", q, [
-      e.logo ? (a(), y("div", J, [
-        p(u(N), { size: e.logoSize }, {
-          default: h(() => [
-            (a(), m(S(e.logo)))
-          ]),
-          _: 1
-        }, 8, ["size"])
-      ])) : x("", !0),
-      c("span", {
-        class: "weight-500 text-1f2329 title-text",
-        style: L(e.titleStyle)
-      }, g(e.title), 5),
-      e.showToggle ? (a(), m(u(N), {
-        key: 1,
-        size: 20,
-        class: "collapse-unfold-icon",
-        onClick: o
-      }, {
-        default: h(() => [
-          (a(), m(S(e.toggleIcon)))
-        ]),
-        _: 1
-      })) : x("", !0)
-    ]));
-  }
-}), X = /* @__PURE__ */ k(Q, [["__scopeId", "data-v-8cc29b72"]]), T = {
-  DIR: "DIR",
-  // 目录
-  MENU: "MENU",
-  // 菜单
-  BUTTON: "BUTTON"
-  // 按钮
-}, Z = /* @__PURE__ */ new Map([
-  ["active", "#3271FE"],
-  ["parent_active", "#3271FE"],
-  ["normal", "#1F2329"]
-]), ee = (e, n) => !Array.isArray(e) || !n ? !1 : e.some((t) => t.path === n ? !0 : t.children?.length > 0 ? ee(t.children, n) : !1), te = (e, n = 1) => e.filter((o) => [T.DIR, T.MENU].includes(o.type)).map((o) => ({
-  ...o,
-  id: o.bnid,
-  name: o.name,
-  path: o?.path || "",
-  children: o.children?.length > 0 ? te(o.children || [], n + 1) : [],
-  level: n
-})), ne = (e, n) => e?.children?.length ? e.children.some(
-  (t) => t?.path === n || t.children?.length && ne(t, n)
-) : !1, z = (e, n) => e?.children?.length ? e.children.some(
-  (t) => t?.id === n || t.children?.length && z(t, n)
-) : !1, oe = (e, n) => {
-  const t = e?.id === n, o = z(e, n);
-  let l = "normal";
-  return t ? l = "active" : o && (l = "parent_active"), Z.get(l);
-}, Fe = (e, n) => e.includes(n) ? e : [...e, n], Re = (e, n) => e.filter((t) => t !== n), le = (e, n, t = []) => e.some((o) => {
-  if (o?.path === n)
-    return !0;
-  if (o.children?.length > 0) {
-    t.push(o.id);
-    const l = le(o.children, n, t);
-    return l || t.pop(), l;
-  }
-  return !1;
-}), w = (e, n, t = []) => e.some((o) => {
-  if (o?.id === n)
-    return !0;
-  if (o.children?.length > 0) {
-    t.push(o.id);
-    const l = w(o.children, n, t);
-    return l || t.pop(), l;
-  }
-  return !1;
-}), $e = (e, n) => {
-  const t = [];
-  return w(e, n, t), t;
-}, ie = (e, n) => {
-  if (!Array.isArray(e) || !n) return null;
-  for (const t of e) {
-    if (t.path === n)
-      return t;
-    if (t.children?.length > 0) {
-      const o = ie(t.children, n);
-      if (o) return o;
-    }
-  }
-  return null;
-}, re = (e) => Array.isArray(e) ? e.map((n) => {
-  const t = { ...n };
-  return t.children && Array.isArray(t.children) && t.children.length > 0 ? t.children = re(t.children) : t.isLeaf = !0, t;
-}) : [], se = (e) => {
-  if (!Array.isArray(e) || e.length === 0) return null;
-  for (const n of e) {
-    if (n.isLeaf && n.path)
-      return n;
-    if (n.children?.length > 0) {
-      const t = se(n.children);
-      if (t) return t;
-    }
-  }
-  return null;
-}, De = ["/404", "/login", "/unauthorized"], j = {
-  label: "name",
-  children: "children",
-  isLeaf: "isLeaf"
-}, C = {
-  PARENT: "parent",
-  LEAF: "leaf"
-}, Pe = {
-  LOADING: "loading",
-  LOADED: "loaded",
-  ERROR: "error"
-}, ae = { class: "node-label" }, ce = ["onClick"], de = /* @__PURE__ */ Object.assign({
-  name: "MenuList"
-}, {
-  __name: "MenuList",
-  props: {
-    // 菜单数据（已处理好的树形结构）
-    menuData: {
-      type: Array,
-      default: () => []
-    },
-    // 当前选中的菜单ID
-    currentMenuId: {
-      type: String,
-      default: null
-    },
-    // 展开的节点ID数组
-    expandedKeys: {
-      type: Array,
-      default: () => []
-    },
-    // 树形组件配置
-    treeProps: {
-      type: Object,
-      default: () => j
-    },
-    // 菜单项高度
-    itemHeight: {
-      type: Number,
-      default: 36
-    },
-    // 缩进距离
-    indent: {
-      type: Number,
-      default: 24
-    },
-    // 图标大小
-    iconSize: {
-      type: Number,
-      default: 16
-    },
-    // 展开图标组件
-    expandedIcon: {
-      type: [Object, String],
-      default: null
-    },
-    // 收起图标组件
-    collapsedIcon: {
-      type: [Object, String],
-      default: null
-    }
-    // 图标渲染器组件（可选）
-    // iconRenderer: {
-    //   type: [Object, String],
-    //   default: null,
-    // },
-    // // 图标库配置
-    // iconLibrary: {
-    //   type: [String, Object],
-    //   default: null,
-    // },
-  },
-  emits: ["node-click", "node-expand", "node-collapse"],
-  setup(e, { emit: n }) {
-    const t = e, o = n, l = O(null), v = (s) => s?.icon && s.level === 1 || !s.isLeaf, d = (s) => oe(s, t.currentMenuId), b = (s) => {
-      const E = s.isLeaf ? C.LEAF : C.PARENT;
-      o("node-click", s, E);
-    }, i = (s) => {
-      o("node-expand", s.id, s);
-    }, r = (s) => {
-      o("node-collapse", s.id, s);
-    }, I = (s) => {
-      if (!l.value) return;
-      t.expandedKeys.includes(s.data.id) ? l.value.collapseNode(s) : l.value.expandNode(s);
-    };
-    return R(
-      () => t.expandedKeys,
-      (s) => {
-        $(() => {
-          l.value && l.value.setExpandedKeys([...s]);
-        });
-      },
-      { deep: !0 }
-    ), (s, E) => (a(), m(u(_), { class: "flex-1 overflow-hidden" }, {
-      default: h(({ height: F }) => [
-        p(u(H), {
-          ref_key: "treeRef",
-          ref: l,
-          "node-key": "id",
-          data: e.menuData,
-          props: e.treeProps,
-          height: F,
-          "current-node-key": e.currentMenuId,
-          "highlight-current": !0,
-          "expanded-keys": e.expandedKeys,
-          "show-checkbox": !1,
-          "item-size": e.itemHeight,
-          "expand-on-click-node": !1,
-          indent: e.indent,
-          onNodeClick: b,
-          onNodeExpand: i,
-          onNodeCollapse: r,
-          class: "custom-tree"
-        }, {
-          default: h(({ node: M, data: f }) => [
-            c("div", {
-              class: D(["tree-node-content-custom", {
-                "has-children": !f.isLeaf,
-                "is-current": f.id === e.currentMenuId && f.isLeaf,
-                "is-parent-active": u(z)(f, e.currentMenuId) && !f.isLeaf
-              }])
-            }, [
-              v(f) ? (a(), m(u(N), {
-                key: 0,
-                size: e.iconSize,
-                class: "node-icon",
-                color: d(f)
-              }, {
-                default: h(() => [
-                  p(u(V), {
-                    "icon-name": f?.icon,
-                    "icon-library": u(Y).aibox
-                  }, null, 8, ["icon-name", "icon-library"])
-                ]),
-                _: 2
-              }, 1032, ["size", "color"])) : x("", !0),
-              c("span", ae, g(M.label), 1),
-              f.isLeaf ? x("", !0) : (a(), y("div", {
-                key: 1,
-                class: "expand-arrow",
-                onClick: P((ze) => I(M), ["stop"])
-              }, [
-                p(u(N), {
-                  size: e.iconSize,
-                  color: d(f)
-                }, {
-                  default: h(() => [
-                    (a(), m(S(
-                      e.expandedKeys.includes(f.id) ? e.expandedIcon : e.collapsedIcon
-                    )))
-                  ]),
-                  _: 2
-                }, 1032, ["size", "color"])
-              ], 8, ce))
-            ], 2)
-          ]),
-          _: 1
-        }, 8, ["data", "props", "height", "current-node-key", "expanded-keys", "item-size", "indent"])
-      ]),
-      _: 1
-    }));
-  }
-}), ue = /* @__PURE__ */ k(de, [["__scopeId", "data-v-0a105c70"]]), fe = { class: "user-popup-content" }, pe = { class: "user_info_wrap_data" }, ye = { class: "user-avatar" }, he = { class: "avatar-text" }, ge = { class: "user-details" }, me = { class: "user-name" }, ve = { class: "user-email" }, be = ["onClick"], xe = /* @__PURE__ */ Object.assign({
-  name: "UserPopup"
-}, {
-  __name: "UserPopup",
-  props: {
-    // 操作列表配置
-    actions: {
-      type: Array,
-      default: () => [],
-      validator: (e) => e.every(
-        (n) => n.key && (n.icon || n.iconName)
-      )
-    },
-    // 用户信息
-    userInfo: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  emits: ["action-click"],
-  setup(e, { emit: n }) {
-    const t = n, o = (l) => {
-      t("action-click", l.key, l);
-    };
-    return (l, v) => (a(), y("div", fe, [
-      c("div", pe, [
-        c("div", ye, [
-          c("span", he, g(e.userInfo?.name?.charAt(0)?.toUpperCase() || ""), 1)
-        ]),
-        c("div", ge, [
-          c("div", me, g(e.userInfo?.name || ""), 1),
-          c("div", ve, g(e.userInfo?.bnid || ""), 1)
-        ])
-      ]),
-      (a(!0), y(A, null, U(e.actions, (d, b) => (a(), y(A, { key: b }, [
-        d.hidden ? x("", !0) : (a(), y("div", {
-          key: 0,
-          class: "list__item",
-          onClick: (i) => o(d)
-        }, [
-          p(u(N), {
-            class: "list__item-icon",
-            size: d.iconSize || 20,
-            color: "#262626"
-          }, {
-            default: h(() => [
-              (a(), m(S(d.icon)))
-            ]),
-            _: 2
-          }, 1032, ["size"]),
-          c("span", null, g(d.label), 1)
-        ], 8, be))
-      ], 64))), 128))
-    ]));
-  }
-}), Ne = /* @__PURE__ */ k(xe, [["__scopeId", "data-v-9ec38608"]]), Ie = { class: "navbar-box__footer__left" }, ke = { class: "name-first" }, Se = { class: "name-text" }, Ae = /* @__PURE__ */ Object.assign({
-  name: "NavFooter"
-}, {
-  __name: "NavFooter",
-  props: {
-    // 用户信息
-    userInfo: {
-      type: Object,
-      default: null,
-      validator: (e) => e ? e.name !== void 0 : !0
-    },
-    // 用户操作列表
-    actions: {
-      type: Array,
-      default: () => []
-    },
-    // 弹窗显示延迟（毫秒）
-    popupDelay: {
-      type: Number,
-      default: 200
-    },
-    // 弹窗左侧位置（像素）
-    popupLeft: {
-      type: Number,
-      default: 240
-    },
-    navFooterWidth: {
-      type: Number,
-      default: 240
-    }
-  },
-  emits: ["action-click"],
-  setup(e, { emit: n }) {
-    const t = n, o = O(null), l = O(!1), v = (i) => i && i[0] ? i[0] : "", d = (i) => {
-      i && i && (l.value = i, clearTimeout(o.value));
-    }, b = (i, r) => {
-      l.value = !1, t("action-click", i, r);
-    };
-    return (i, r) => (a(), y(A, null, [
-      e.userInfo ? (a(), y("div", {
-        key: 0,
-        class: "navbar-box__footer",
-        style: L({ width: e.navFooterWidth + "px" }),
-        onMouseenter: r[0] || (r[0] = (I) => d(!0)),
-        onMouseleave: r[1] || (r[1] = (I) => d(!1))
-      }, [
-        c("div", Ie, [
-          c("div", ke, g(v(e.userInfo?.name)), 1),
-          c("div", null, [
-            c("div", Se, g(e.userInfo?.name), 1)
-          ])
-        ]),
-        p(u(N), {
-          size: 12,
-          class: "navbar-box__footer__right",
-          color: "#1F2329"
-        }, {
-          default: h(() => [
-            p(u(G))
-          ]),
-          _: 1
-        })
-      ], 36)) : x("", !0),
-      p(B, { name: "fade" }, {
-        default: h(() => [
-          K(c("div", {
-            class: "footer-popup content-bg",
-            style: L({ left: e.popupLeft + "px" }),
-            onMouseenter: r[2] || (r[2] = (I) => d(!0)),
-            onMouseleave: r[3] || (r[3] = (I) => d(!1))
-          }, [
-            p(Ne, {
-              actions: e.actions,
-              onActionClick: b,
-              userInfo: e.userInfo
-            }, null, 8, ["actions", "userInfo"])
-          ], 36), [
-            [W, l.value]
-          ])
-        ]),
-        _: 1
-      })
-    ], 64));
-  }
-}), Ee = /* @__PURE__ */ k(Ae, [["__scopeId", "data-v-3eb978be"]]), Le = { class: "sidebar pd-l-12 pd-r-12 flex flex-col overflow-hidden" }, Oe = /* @__PURE__ */ Object.assign({
-  name: "CustomSidebar"
-}, {
-  __name: "layout",
-  props: {
-    // ========== 菜单数据 ==========
-    // 菜单树数据（已处理好的树形结构）
-    menuData: {
-      type: Array,
-      default: () => []
-    },
-    // 当前选中的菜单ID
-    currentMenuId: {
-      type: String,
-      default: null
-    },
-    // 展开的节点ID数组
-    expandedKeys: {
-      type: Array,
-      default: () => []
-    },
-    // ========== 头部配置 ==========
-    // 标题文本
-    title: {
-      type: String,
-      default: ""
-    },
-    // Logo 图标组件
-    logo: {
-      type: [Object, String],
-      default: null
-    },
-    // Logo 尺寸
-    logoSize: {
-      type: Number,
-      default: 30
-    },
-    // 是否显示折叠按钮
-    showToggle: {
-      type: Boolean,
-      default: !0
-    },
-    // 折叠按钮图标
-    toggleIcon: {
-      type: [Object, String],
-      default: null
-    },
-    // ========== 菜单配置 ==========
-    // 树形组件配置
-    treeProps: {
-      type: Object,
-      default: () => j
-    },
-    // 菜单项高度
-    itemHeight: {
-      type: Number,
-      default: 36
-    },
-    // 缩进距离
-    indent: {
-      type: Number,
-      default: 24
-    },
-    // 图标大小
-    iconSize: {
-      type: Number,
-      default: 16
-    },
-    // 标题样式
-    titleStyle: {
-      type: Object,
-      default: () => ({ fontSize: "16px" })
-    },
-    // 展开图标组件
-    expandedIcon: {
-      type: [Object, String],
-      default: null
-    },
-    // 收起图标组件
-    collapsedIcon: {
-      type: [Object, String],
-      default: null
-    },
-    // 图标渲染器组件
-    iconRenderer: {
-      type: [Object, String],
-      default: null
-    },
-    // 图标库配置
-    iconLibrary: {
-      type: [String, Object],
-      default: null
-    },
-    // ========== 底部配置 ==========
-    // 是否显示底部
-    showFooter: {
-      type: Boolean,
-      default: !0
-    },
-    // 用户信息
-    userInfo: {
-      type: Object,
-      default: null
-    },
-    // 用户操作列表
-    userActions: {
-      type: Array,
-      default: () => []
-    },
-    // 弹窗显示延迟
-    popupDelay: {
-      type: Number,
-      default: 200
-    },
-    // 弹窗左侧位置（像素）
-    popupLeft: {
-      type: Number,
-      default: 240
-    },
-    navFooterWidth: {
-      type: Number,
-      default: 240
-    }
-  },
-  emits: [
-    "toggle",
-    "node-click",
-    "node-expand",
-    "node-collapse",
-    "user-action-click"
-  ],
-  setup(e, { emit: n }) {
-    const t = n, o = () => {
-      t("toggle");
-    }, l = (i, r) => {
-      t("node-click", i, r);
-    }, v = (i, r) => {
-      t("node-expand", i, r);
-    }, d = (i, r) => {
-      t("node-collapse", i, r);
-    }, b = (i, r) => {
-      t("user-action-click", i, r);
-    };
-    return (i, r) => (a(), y(A, null, [
-      c("div", Le, [
-        p(X, {
-          "title-style": e.titleStyle,
-          title: e.title,
-          logo: e.logo,
-          "logo-size": e.logoSize,
-          "show-toggle": e.showToggle,
-          "toggle-icon": e.toggleIcon,
-          onToggle: o
-        }, null, 8, ["title-style", "title", "logo", "logo-size", "show-toggle", "toggle-icon"]),
-        p(ue, {
-          "menu-data": e.menuData,
-          "current-menu-id": e.currentMenuId,
-          "expanded-keys": e.expandedKeys,
-          "tree-props": e.treeProps,
-          "item-height": e.itemHeight,
-          indent: e.indent,
-          "icon-size": e.iconSize,
-          "expanded-icon": e.expandedIcon,
-          "collapsed-icon": e.collapsedIcon,
-          "icon-renderer": e.iconRenderer,
-          "icon-library": e.iconLibrary,
-          onNodeClick: l,
-          onNodeExpand: v,
-          onNodeCollapse: d
-        }, null, 8, ["menu-data", "current-menu-id", "expanded-keys", "tree-props", "item-height", "indent", "icon-size", "expanded-icon", "collapsed-icon", "icon-renderer", "icon-library"])
-      ]),
-      e.showFooter ? (a(), m(Ee, {
-        key: 0,
-        "popup-left": e.popupLeft,
-        "user-info": e.userInfo,
-        actions: e.userActions,
-        "popup-delay": e.popupDelay,
-        "nav-footer-width": e.navFooterWidth,
-        onActionClick: b
-      }, null, 8, ["popup-left", "user-info", "actions", "popup-delay", "nav-footer-width"])) : x("", !0)
-    ], 64));
-  }
-}), Ue = /* @__PURE__ */ k(Oe, [["__scopeId", "data-v-f272ad1e"]]);
-export {
-  T as M,
-  C as N,
-  De as S,
-  j as T,
-  Z as a,
-  ne as b,
-  z as c,
-  Re as d,
-  Fe as e,
-  le as f,
-  oe as g,
-  w as h,
-  ee as i,
-  $e as j,
-  ie as k,
-  Ue as l,
-  se as m,
-  Pe as n,
-  re as p,
-  te as t
-};

package/lib/assets/index3.css

@@ -1 +0,0 @@
-.viewer-zoom-in:before,.viewer-zoom-out:before,.viewer-one-to-one:before,.viewer-reset:before,.viewer-prev:before,.viewer-play:before,.viewer-next:before,.viewer-rotate-left:before,.viewer-rotate-right:before,.viewer-flip-horizontal:before,.viewer-flip-vertical:before,.viewer-fullscreen:before,.viewer-fullscreen-exit:before,.viewer-close:before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 560 40%22%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M49.6 17.9h20.2v3.9H49.6zm123.1 2 10.9-11 2.7 2.8-8.2 8.2 8.2 8.2-2.7 2.7-10.9-10.9zm94 0-10.8-11-2.7 2.8 8.1 8.2-8.1 8.2 2.7 2.7 10.8-10.9zM212 9.3l20.1 10.6L212 30.5V9.3zm161.5 4.6-7.2 6 7.2 5.9v-4h12.4v4l7.3-5.9-7.3-6v4h-12.4v-4zm40.2 12.3 5.9 7.2 5.9-7.2h-4V13.6h4l-5.9-7.3-5.9 7.3h4v12.6h-4zm35.9-16.5h6.3v2h-4.3V16h-2V9.7Zm14 0h6.2V16h-2v-4.3h-4.2v-2Zm6.2 14V30h-6.2v-2h4.2v-4.3h2Zm-14 6.3h-6.2v-6.3h2v4.4h4.3v2Zm-438 .1v-8.3H9.6v-3.9h8.2V9.7h3.9v8.2h8.1v3.9h-8.1v8.3h-3.9zM93.6 9.7h-5.8v3.9h2V30h3.8V9.7zm16.1 0h-5.8v3.9h1.9V30h3.9V9.7zm-11.9 4.1h3.9v3.9h-3.9zm0 8.2h3.9v3.9h-3.9zm244.6-11.7 7.2 5.9-7.2 6v-3.6c-5.4-.4-7.8.8-8.7 2.8-.8 1.7-1.8 4.9 2.8 8.2-6.3-2-7.5-6.9-6-11.3 1.6-4.4 8-5 11.9-4.9v-3.1Zm147.2 13.4h6.3V30h-2v-4.3h-4.3v-2zm14 6.3v-6.3h6.2v2h-4.3V30h-1.9zm6.2-14h-6.2V9.7h1.9V14h4.3v2zm-13.9 0h-6.3v-2h4.3V9.7h2V16zm33.3 12.5 8.6-8.6-8.6-8.7 1.9-1.9 8.6 8.7 8.6-8.7 1.9 1.9-8.6 8.7 8.6 8.6-1.9 2-8.6-8.7-8.6 8.7-1.9-2zM297 10.3l-7.1 5.9 7.2 6v-3.6c5.3-.4 7.7.8 8.7 2.8.8 1.7 1.7 4.9-2.9 8.2 6.3-2 7.5-6.9 6-11.3-1.6-4.4-7.9-5-11.8-4.9v-3.1Zm-157.3-.6c2.3 0 4.4.7 6 2l2.5-3 1.9 9.2h-9.3l2.6-3.1a6.2 6.2 0 0 0-9.9 5.1c0 3.4 2.8 6.3 6.2 6.3 2.8 0 5.1-1.9 6-4.4h4c-1 4.7-5 8.3-10 8.3a10 10 0 0 1-10-10.2 10 10 0 0 1 10-10.2Z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-size:280px;color:transparent;display:block;font-size:0;height:20px;line-height:0;width:20px}.viewer-zoom-in:before{background-position:0 0;content:"Zoom In"}.viewer-zoom-out:before{background-position:-20px 0;content:"Zoom Out"}.viewer-one-to-one:before{background-position:-40px 0;content:"One to One"}.viewer-reset:before{background-position:-60px 0;content:"Reset"}.viewer-prev:before{background-position:-80px 0;content:"Previous"}.viewer-play:before{background-position:-100px 0;content:"Play"}.viewer-next:before{background-position:-120px 0;content:"Next"}.viewer-rotate-left:before{background-position:-140px 0;content:"Rotate Left"}.viewer-rotate-right:before{background-position:-160px 0;content:"Rotate Right"}.viewer-flip-horizontal:before{background-position:-180px 0;content:"Flip Horizontal"}.viewer-flip-vertical:before{background-position:-200px 0;content:"Flip Vertical"}.viewer-fullscreen:before{background-position:-220px 0;content:"Enter Full Screen"}.viewer-fullscreen-exit:before{background-position:-240px 0;content:"Exit Full Screen"}.viewer-close:before{background-position:-260px 0;content:"Close"}.viewer-container{direction:ltr;font-size:0;inset:0;line-height:0;overflow:hidden;position:absolute;-webkit-tap-highlight-color:transparent;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.viewer-container::-moz-selection,.viewer-container *::-moz-selection{background-color:transparent}.viewer-container::selection,.viewer-container *::selection{background-color:transparent}.viewer-container:focus{outline:0}.viewer-container img{display:block;height:auto;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.viewer-canvas{inset:0;overflow:hidden;position:absolute}.viewer-canvas>img{height:auto;margin:15px auto;max-width:90%!important;width:auto}.viewer-footer{bottom:0;left:0;overflow:hidden;position:absolute;right:0;text-align:center}.viewer-navbar{background-color:#00000080;overflow:hidden}.viewer-list{box-sizing:content-box;height:50px;margin:0;overflow:hidden;padding:1px 0}.viewer-list>li{color:transparent;cursor:pointer;float:left;font-size:0;height:50px;line-height:0;opacity:.5;overflow:hidden;transition:opacity .15s;width:30px}.viewer-list>li:focus,.viewer-list>li:hover{opacity:.75}.viewer-list>li:focus{outline:0}.viewer-list>li+li{margin-left:1px}.viewer-list>.viewer-loading{position:relative}.viewer-list>.viewer-loading:after{border-width:2px;height:20px;margin-left:-10px;margin-top:-10px;width:20px}.viewer-list>.viewer-active,.viewer-list>.viewer-active:focus,.viewer-list>.viewer-active:hover{opacity:1}.viewer-player{background-color:#000;cursor:none;display:none;inset:0;position:absolute;z-index:1}.viewer-player>img{left:0;position:absolute;top:0}.viewer-toolbar>ul{display:inline-block;margin:0 auto 5px;overflow:hidden;padding:6px 3px}.viewer-toolbar>ul>li{background-color:#00000080;border-radius:50%;cursor:pointer;float:left;height:24px;overflow:hidden;transition:background-color .15s;width:24px}.viewer-toolbar>ul>li:focus,.viewer-toolbar>ul>li:hover{background-color:#000c}.viewer-toolbar>ul>li:focus{box-shadow:0 0 3px #fff;outline:0;position:relative;z-index:1}.viewer-toolbar>ul>li:before{margin:2px}.viewer-toolbar>ul>li+li{margin-left:1px}.viewer-toolbar>ul>.viewer-small{height:18px;margin-bottom:3px;margin-top:3px;width:18px}.viewer-toolbar>ul>.viewer-small:before{margin:-1px}.viewer-toolbar>ul>.viewer-large{height:30px;margin-bottom:-3px;margin-top:-3px;width:30px}.viewer-toolbar>ul>.viewer-large:before{margin:5px}.viewer-tooltip{background-color:#000c;border-radius:10px;color:#fff;display:none;font-size:12px;height:20px;left:50%;line-height:20px;margin-left:-25px;margin-top:-10px;position:absolute;text-align:center;top:50%;width:50px}.viewer-title{color:#ccc;display:inline-block;font-size:12px;line-height:1.2;margin:5px 5%;max-width:90%;min-height:14px;opacity:.8;overflow:hidden;text-overflow:ellipsis;transition:opacity .15s;white-space:nowrap}.viewer-title:hover{opacity:1}.viewer-button{-webkit-app-region:no-drag;background-color:#00000080;border-radius:50%;cursor:pointer;height:80px;overflow:hidden;position:absolute;right:-40px;top:-40px;transition:background-color .15s;width:80px}.viewer-button:focus,.viewer-button:hover{background-color:#000c}.viewer-button:focus{box-shadow:0 0 3px #fff;outline:0}.viewer-button:before{bottom:15px;left:15px;position:absolute}.viewer-fixed{position:fixed}.viewer-open{overflow:hidden}.viewer-show{display:block}.viewer-hide{display:none}.viewer-backdrop{background-color:#00000080}.viewer-invisible{visibility:hidden}.viewer-move{cursor:move;cursor:grab}.viewer-fade{opacity:0}.viewer-in{opacity:1}.viewer-transition{transition:all .3s}@keyframes viewer-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.viewer-loading:after{animation:viewer-spinner 1s linear infinite;border:4px solid rgba(255,255,255,.1);border-left-color:#ffffff80;border-radius:50%;content:"";display:inline-block;height:40px;left:50%;margin-left:-20px;margin-top:-20px;position:absolute;top:50%;width:40px;z-index:1}@media(max-width:767px){.viewer-hide-xs-down{display:none}}@media(max-width:991px){.viewer-hide-sm-down{display:none}}@media(max-width:1199px){.viewer-hide-md-down{display:none}}.upload-preview[data-v-58503153]{display:flex;flex-wrap:wrap}.upload-preview .preview-item[data-v-58503153]{position:relative;width:64px;height:64px;margin-right:10px;display:inline-block;cursor:pointer}.upload-preview .preview-item__img[data-v-58503153]{width:64px;height:64px;display:block;border:1px dashed #ccc;border-radius:5px;cursor:pointer}.upload-preview .preview-item__mask[data-v-58503153]{display:none;width:100%;height:100%;position:absolute;border-radius:5px;left:0;top:0;background:#000;opacity:.6;text-align:center;line-height:75px}.upload-preview .preview-item__mask--view[data-v-58503153]{font-size:18px;color:#fff;cursor:pointer;margin-right:10px}.upload-preview .preview-item__mask--delete[data-v-58503153]{font-size:18px;color:#fff;cursor:pointer}.upload-preview .preview-item:hover .preview-item__mask[data-v-58503153]{display:block}.panel-preview[data-v-58503153]{background-color:#fff;width:100%}.panel-preview__row[data-v-58503153]{margin:10px 0}.panel-preview__box[data-v-58503153]{display:flex;width:calc(100% - 70px);align-items:center;cursor:pointer}.panel-preview__item[data-v-58503153]{padding:15px;box-sizing:border-box;border-radius:4px;border:1px solid #f0f0f0;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.panel-preview__item>div[data-v-58503153]{display:flex}.panel-preview__name[data-v-58503153]{font-family:"Alibaba PuHuiTi 3-55";font-weight:400;font-size:14px;color:var(--el-color-primary);margin-left:5px}.panel-preview__img[data-v-58503153]{width:32px;height:32px;border-radius:4px}.ai-box-tabs[data-v-82d3878d]{display:inline-block;height:auto!important;padding:2px;height:32px;background:#f5f5f5;border-radius:4px}.ai-box-tabs ul[data-v-82d3878d]{display:flex}.ai-box-tabs ul li[data-v-82d3878d]{padding:4px 12px;cursor:pointer;border-radius:4px;transition:all .3s}.ai-box-tabs ul li[data-v-82d3878d]:hover{background:#ffffff80}.ai-box-tabs ul li.current[data-v-82d3878d]{background:#fff!important;box-shadow:0 9px 28px 8px #0000000d,0 6px 16px #00000014,0 3px 6px -4px #0000001f}.delete-title[data-v-14a370b7]{color:var(--color-text-base);display:flex;align-items:center}.delete-title .warning-icon[data-v-14a370b7]{color:var(--el-color-warning);margin-right:12px;font-size:18px}.delete-tabs[data-v-14a370b7]{margin-top:8px;padding:14px;background:#fafafa;border-radius:8px}.delete-tabs[data-v-14a370b7] .ai-box-tabs{display:inline-block;height:auto!important;padding:2px;height:32px;box-shadow:0 9px 28px 8px #0000000d,0 6px 16px #00000014,0 3px 6px -4px #0000001f;background:#f5f5f5;border-radius:4px}.delete-tabs[data-v-14a370b7] .ai-box-tabs ul li{margin-right:0}.delete-tabs[data-v-14a370b7] .ai-box-tabs ul li.current{background:#fff!important;box-shadow:0 9px 28px 8px #0000000d,0 6px 16px #00000014,0 3px 6px -4px #0000001f}.delete-tabs .resource-list[data-v-14a370b7]{margin-top:12px}.delete-tabs .resource-list .resource-item[data-v-14a370b7]:hover{background-color:#f5f5f5}.delete-tabs .resource-list .resource-item[data-v-14a370b7]{display:flex;align-items:center;cursor:pointer;padding:12px;border-radius:8px;height:56px;margin-bottom:4px}.delete-tabs .resource-list .resource-item .flow-name__icon[data-v-14a370b7],.delete-tabs .resource-list .resource-item .flow-name__icon-placeholder[data-v-14a370b7]{width:32px;height:32px;margin-right:8px;background-color:#f0f0f0;border-radius:4px}.delete-tabs .resource-list .resource-item .item-title[data-v-14a370b7]{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400;font-size:14px;color:#262626;line-height:20px}.cursor-pointer[data-v-c03894a1]{cursor:pointer}.vertical-form[data-v-c03894a1]{max-height:60vh;width:100%;overflow-y:auto;padding-right:24px}.vertical-form[data-v-c03894a1]::-webkit-scrollbar{width:6px;height:6px}.vertical-form[data-v-c03894a1]::-webkit-scrollbar-thumb{border-radius:3px;background:#0003}.vertical-form[data-v-c03894a1]::-webkit-scrollbar-track{border-radius:3px;background:#0000001a}.vertical-form[data-v-c03894a1] .el-form-item{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px}.vertical-form[data-v-c03894a1] .el-form-item:last-child{margin-bottom:0}.vertical-form[data-v-c03894a1] .el-form-item .el-form-item__label{text-align:left;padding:0;margin-bottom:4px}.vertical-form[data-v-c03894a1] .el-form-item .el-form-item__label-wrap{margin-left:0!important}.vertical-form[data-v-c03894a1] .el-form-item .el-form-item__content{width:100%;margin-left:0!important}.dialog-footer[data-v-c03894a1]{padding-right:24px}[data-v-c03894a1] .el-textarea__inner::-webkit-scrollbar{width:6px}[data-v-c03894a1] .el-textarea__inner::-webkit-scrollbar-thumb{border-radius:3px}.custom-model-dialog{padding-right:0!important}