@opentiny/tiny-engine-canvas 2.6.1 → 2.7.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,87 +1,93 @@
1
- const c = (e, n) => {
2
- const o = e.__vccOpts || e;
3
- for (const [r, t] of n)
4
- o[r] = t;
5
- return o;
6
- }, u = "data-uid", f = "data-tag", d = "loop-id", l = "data-ia-uid", p = {
1
+ const u = (e, n) => {
2
+ const r = e.__vccOpts || e;
3
+ for (const [o, t] of n)
4
+ r[o] = t;
5
+ return r;
6
+ }, d = "data-uid", f = "data-tag", l = "loop-id", p = "data-ia-uid", y = {
7
7
  DESIGN: "design"
8
- }, y = (e, n = document) => new Promise((o, r) => {
8
+ }, w = (e, n = document) => new Promise((r, o) => {
9
9
  const t = n.createElement("script");
10
- t.setAttribute("type", "text/javascript"), t.setAttribute("src", e), t.async = !1, t.onload = o, t.onerror = r, n.querySelector("head").appendChild(t);
11
- }), m = (e, n = document) => new Promise((o, r) => {
10
+ t.setAttribute("type", "text/javascript"), t.setAttribute("src", e), t.async = !1, t.onload = r, t.onerror = o, n.querySelector("head").appendChild(t);
11
+ }), m = (e, n = document) => new Promise((r, o) => {
12
12
  const t = n.createElement("link");
13
- t.setAttribute("href", e), t.setAttribute("rel", "stylesheet"), t.onload = o, t.onerror = r, n.querySelector("head").appendChild(t);
14
- }), s = (e) => {
13
+ t.setAttribute("href", e), t.setAttribute("rel", "stylesheet"), t.onload = r, t.onerror = o, n.querySelector("head").appendChild(t);
14
+ }), a = (e) => {
15
15
  if (typeof e == "object") {
16
16
  if (!e)
17
17
  return e;
18
18
  if (Array.isArray(e))
19
- return e.map(s);
19
+ return e.map(a);
20
20
  const n = {};
21
21
  Object.keys(e).forEach((t) => {
22
- n[t] = s(e[t]);
22
+ n[t] = a(e[t]);
23
23
  });
24
- const { componentName: o, id: r } = n;
25
- return o && r && delete n.id, n;
24
+ const { componentName: r, id: o } = n;
25
+ return r && o && delete n.id, n;
26
26
  }
27
27
  return e;
28
- }, a = async ({ pkg: e, script: n }) => {
28
+ }, c = async ({ pkg: e, script: n }) => {
29
29
  if (window.TinyComponentLibs[e])
30
30
  return window.TinyComponentLibs[e];
31
31
  if (!n)
32
32
  return {};
33
- const o = window.parent.location.href || location.href, r = n.startsWith(".") ? new URL(n, o).href : n;
33
+ const r = window.parent.location.href || location.href, o = n.startsWith(".") ? new URL(n, r).href : n;
34
34
  if (!window.TinyComponentLibs[e]) {
35
35
  const t = await import(
36
36
  /* @vite-ignore */
37
- r
37
+ o
38
38
  );
39
39
  window.TinyComponentLibs[e] = t;
40
40
  }
41
41
  return window.TinyComponentLibs[e];
42
- }, w = async ({ package: e, script: n, components: o }) => {
42
+ }, b = async ({ package: e, script: n, components: r }) => {
43
43
  if (!e) return;
44
- const r = await a({ pkg: e, script: n });
45
- Object.entries(o).forEach(([t, i]) => {
46
- window.TinyLowcodeComponent[t] || (window.TinyLowcodeComponent[t] = r[i]);
44
+ const o = await c({ pkg: e, script: n });
45
+ Object.entries(r).forEach(([t, i]) => {
46
+ if (!window.TinyLowcodeComponent[t])
47
+ if (typeof i == "string")
48
+ window.TinyLowcodeComponent[t] = o[i];
49
+ else {
50
+ const s = i;
51
+ window.TinyLowcodeComponent[t] = s != null && s.destructuring && (s != null && s.exportName) ? o[s.exportName] : o;
52
+ }
47
53
  });
48
54
  };
49
- var b = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
50
- function h(e) {
55
+ var h = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
56
+ function O(e) {
51
57
  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
52
58
  }
53
- function O(e) {
59
+ function _(e) {
54
60
  if (e.__esModule) return e;
55
61
  var n = e.default;
56
62
  if (typeof n == "function") {
57
- var o = function r() {
58
- return this instanceof r ? Reflect.construct(n, arguments, this.constructor) : n.apply(this, arguments);
63
+ var r = function o() {
64
+ return this instanceof o ? Reflect.construct(n, arguments, this.constructor) : n.apply(this, arguments);
59
65
  };
60
- o.prototype = n.prototype;
61
- } else o = {};
62
- return Object.defineProperty(o, "__esModule", { value: !0 }), Object.keys(e).forEach(function(r) {
63
- var t = Object.getOwnPropertyDescriptor(e, r);
64
- Object.defineProperty(o, r, t.get ? t : {
66
+ r.prototype = n.prototype;
67
+ } else r = {};
68
+ return Object.defineProperty(r, "__esModule", { value: !0 }), Object.keys(e).forEach(function(o) {
69
+ var t = Object.getOwnPropertyDescriptor(e, o);
70
+ Object.defineProperty(r, o, t.get ? t : {
65
71
  enumerable: !0,
66
72
  get: function() {
67
- return e[r];
73
+ return e[o];
68
74
  }
69
75
  });
70
- }), o;
76
+ }), r;
71
77
  }
72
78
  export {
73
- p as D,
74
- u as N,
75
- c as _,
76
- d as a,
79
+ y as D,
80
+ d as N,
81
+ u as _,
82
+ l as a,
77
83
  m as b,
78
- y as c,
84
+ w as c,
79
85
  f as d,
80
- l as e,
81
- s as f,
82
- h as g,
83
- O as h,
84
- b as i,
85
- w as j
86
+ p as e,
87
+ a as f,
88
+ O as g,
89
+ _ as h,
90
+ h as i,
91
+ b as j
86
92
  };
87
93
  //# sourceMappingURL=_commonjsHelpers.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"_commonjsHelpers.js","sources":["../common/src/constant.ts","../common/src/utils.ts"],"sourcesContent":["export const NODE_UID = 'data-uid'\nexport const NODE_TAG = 'data-tag'\nexport const NODE_LOOP = 'loop-id'\nexport const NODE_INACTIVE_UID = 'data-ia-uid'\n\nexport const DESIGN_MODE = {\n DESIGN: 'design', // 设计态\n RUNTIME: 'runtime' // 运行态\n}\n","export const addScript = (src: string, doc = document) => {\n return new Promise((resolve, reject) => {\n const script = doc.createElement('script')\n\n script.setAttribute('type', 'text/javascript')\n script.setAttribute('src', src)\n\n script.async = false\n\n script.onload = resolve\n script.onerror = reject\n\n doc.querySelector('head')!.appendChild(script)\n })\n}\n\nexport const addStyle = (href: string, doc = document) => {\n return new Promise((resolve, reject) => {\n const link = doc.createElement('link')\n\n link.setAttribute('href', href)\n link.setAttribute('rel', 'stylesheet')\n\n link.onload = resolve\n link.onerror = reject\n\n doc.querySelector('head')!.appendChild(link)\n })\n}\n\nexport const copyObject = (node: any[]) => {\n if (typeof node === 'object') {\n if (!node) {\n return node\n }\n\n if (Array.isArray(node)) {\n return node.map(copyObject)\n }\n\n const res = {}\n Object.keys(node).forEach((key) => {\n res[key] = copyObject(node[key])\n })\n\n const { componentName, id } = res\n\n if (componentName && id) {\n delete res.id\n }\n\n return res\n }\n\n return node\n}\n\n/**\n * 动态导入获取组件库模块\n * @param {*} pkg 模块名称\n * @param {*} script 模块的cdn地址\n * @returns\n */\nconst dynamicImportComponentLib = async ({ pkg, script }: any) => {\n if (window.TinyComponentLibs[pkg]) {\n return window.TinyComponentLibs[pkg]\n }\n\n if (!script) {\n return {}\n }\n\n const href = window.parent.location.href || location.href // 这里要取父窗口的地址,因为在iframe中href是about:srcdoc\n const scriptUrl = script.startsWith('.') ? new URL(script, href).href : script\n\n if (!window.TinyComponentLibs[pkg]) {\n const modules = await import(/* @vite-ignore */ scriptUrl)\n\n window.TinyComponentLibs[pkg] = modules\n }\n\n return window.TinyComponentLibs[pkg]\n}\n\n/**\n * 获取组件对象并缓存,组件渲染时使用\n * @param {object} param0 组件的依赖: { package: 包名,script:js文件cdn, components:组件id和导出组件名的映射关系}\n * @returns\n */\nexport const getComponents = async ({ package: pkg, script, components }: any) => {\n if (!pkg) return\n\n const modules = await dynamicImportComponentLib({ pkg, script })\n\n Object.entries(components).forEach(([componentId, exportName]) => {\n if (!window.TinyLowcodeComponent[componentId]) {\n window.TinyLowcodeComponent[componentId] = modules[exportName]\n }\n })\n}\n"],"names":["NODE_UID","NODE_TAG","NODE_LOOP","NODE_INACTIVE_UID","DESIGN_MODE","addScript","src","doc","resolve","reject","script","addStyle","href","link","copyObject","node","res","key","componentName","id","dynamicImportComponentLib","pkg","scriptUrl","modules","getComponents","components","componentId","exportName"],"mappings":";;;;;GAAaA,IAAW,YACXC,IAAW,YACXC,IAAY,WACZC,IAAoB,eAEpBC,IAAc;AAAA,EACzB,QAAQ;AAEV,GCRaC,IAAY,CAACC,GAAaC,IAAM,aACpC,IAAI,QAAQ,CAACC,GAASC,MAAW;AACtC,QAAMC,IAASH,EAAI,cAAc,QAAQ;AAEzC,EAAAG,EAAO,aAAa,QAAQ,iBAAiB,GAC7CA,EAAO,aAAa,OAAOJ,CAAG,GAE9BI,EAAO,QAAQ,IAEfA,EAAO,SAASF,GAChBE,EAAO,UAAUD,GAEjBF,EAAI,cAAc,MAAM,EAAG,YAAYG,CAAM;AAAA,CAC9C,GAGUC,IAAW,CAACC,GAAcL,IAAM,aACpC,IAAI,QAAQ,CAACC,GAASC,MAAW;AACtC,QAAMI,IAAON,EAAI,cAAc,MAAM;AAErC,EAAAM,EAAK,aAAa,QAAQD,CAAI,GAC9BC,EAAK,aAAa,OAAO,YAAY,GAErCA,EAAK,SAASL,GACdK,EAAK,UAAUJ,GAEfF,EAAI,cAAc,MAAM,EAAG,YAAYM,CAAI;AAAA,CAC5C,GAGUC,IAAa,CAACC,MAAgB;AACzC,MAAI,OAAOA,KAAS,UAAU;AAC5B,QAAI,CAACA;AACH,aAAOA;AAGT,QAAI,MAAM,QAAQA,CAAI;AACpB,aAAOA,EAAK,IAAID,CAAU;AAG5B,UAAME,IAAM,CAAA;AACZ,WAAO,KAAKD,CAAI,EAAE,QAAQ,CAACE,MAAQ;AACjC,MAAAD,EAAIC,CAAG,IAAIH,EAAWC,EAAKE,CAAG,CAAC;AAAA,IAAA,CAChC;AAED,UAAM,EAAE,eAAAC,GAAe,IAAAC,EAAA,IAAOH;AAE9B,WAAIE,KAAiBC,KACnB,OAAOH,EAAI,IAGNA;AAAA,EAAA;AAGT,SAAOD;AACT,GAQMK,IAA4B,OAAO,EAAE,KAAAC,GAAK,QAAAX,QAAkB;AAChE,MAAI,OAAO,kBAAkBW,CAAG;AAC9B,WAAO,OAAO,kBAAkBA,CAAG;AAGrC,MAAI,CAACX;AACH,WAAO,CAAA;AAGT,QAAME,IAAO,OAAO,OAAO,SAAS,QAAQ,SAAS,MAC/CU,IAAYZ,EAAO,WAAW,GAAG,IAAI,IAAI,IAAIA,GAAQE,CAAI,EAAE,OAAOF;AAExE,MAAI,CAAC,OAAO,kBAAkBW,CAAG,GAAG;AAClC,UAAME,IAAU,MAAM;AAAA;AAAA,MAA0BD;AAAA;AAEhD,WAAO,kBAAkBD,CAAG,IAAIE;AAAA,EAAA;AAGlC,SAAO,OAAO,kBAAkBF,CAAG;AACrC,GAOaG,IAAgB,OAAO,EAAE,SAASH,GAAK,QAAAX,GAAQ,YAAAe,QAAsB;AAChF,MAAI,CAACJ,EAAK;AAEV,QAAME,IAAU,MAAMH,EAA0B,EAAE,KAAAC,GAAK,QAAAX,GAAQ;AAE/D,SAAO,QAAQe,CAAU,EAAE,QAAQ,CAAC,CAACC,GAAaC,CAAU,MAAM;AAChE,IAAK,OAAO,qBAAqBD,CAAW,MAC1C,OAAO,qBAAqBA,CAAW,IAAIH,EAAQI,CAAU;AAAA,EAC/D,CACD;AACH;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"_commonjsHelpers.js","sources":["../common/src/constant.ts","../common/src/utils.ts"],"sourcesContent":["export const NODE_UID = 'data-uid'\nexport const NODE_TAG = 'data-tag'\nexport const NODE_LOOP = 'loop-id'\nexport const NODE_INACTIVE_UID = 'data-ia-uid'\n\nexport const DESIGN_MODE = {\n DESIGN: 'design', // 设计态\n RUNTIME: 'runtime' // 运行态\n}\n","// 定义全局类型声明\ndeclare global {\n interface Window {\n TinyComponentLibs: Record<string, any>\n TinyLowcodeComponent: Record<string, any>\n }\n}\n\n// 定义组件配置接口\ninterface ComponentConfig {\n destructuring?: boolean\n exportName?: string\n}\n\n// 定义组件依赖接口\ninterface ComponentDependency {\n package?: string\n script?: string\n components: Record<string, string | ComponentConfig>\n}\n\n// 定义动态导入参数接口\ninterface DynamicImportParams {\n pkg: string\n script?: string\n}\n\nexport const addScript = (src: string, doc = document): Promise<unknown> => {\n return new Promise((resolve, reject) => {\n const script = doc.createElement('script')\n\n script.setAttribute('type', 'text/javascript')\n script.setAttribute('src', src)\n\n script.async = false\n\n script.onload = resolve\n script.onerror = reject\n\n doc.querySelector('head')!.appendChild(script)\n })\n}\n\nexport const addStyle = (href: string, doc = document): Promise<unknown> => {\n return new Promise((resolve, reject) => {\n const link = doc.createElement('link')\n\n link.setAttribute('href', href)\n link.setAttribute('rel', 'stylesheet')\n\n link.onload = resolve\n link.onerror = reject\n\n doc.querySelector('head')!.appendChild(link)\n })\n}\n\nexport const copyObject = (node: any): any => {\n if (typeof node === 'object') {\n if (!node) {\n return node\n }\n\n if (Array.isArray(node)) {\n return node.map(copyObject)\n }\n\n const res: Record<string, any> = {}\n Object.keys(node).forEach((key) => {\n res[key] = copyObject(node[key])\n })\n\n const { componentName, id } = res as { componentName?: string; id?: string }\n\n if (componentName && id) {\n delete res.id\n }\n\n return res\n }\n\n return node\n}\n\n/**\n * 动态导入获取组件库模块\n * @param {DynamicImportParams} param 模块参数,包含pkg模块名称和script模块的cdn地址\n * @returns {Promise<any>} 返回组件库模块\n */\nconst dynamicImportComponentLib = async ({ pkg, script }: DynamicImportParams): Promise<any> => {\n if (window.TinyComponentLibs[pkg]) {\n return window.TinyComponentLibs[pkg]\n }\n\n if (!script) {\n return {}\n }\n\n const href = window.parent.location.href || location.href // 这里要取父窗口的地址,因为在iframe中href是about:srcdoc\n const scriptUrl = script.startsWith('.') ? new URL(script, href).href : script\n\n if (!window.TinyComponentLibs[pkg]) {\n const modules = await import(/* @vite-ignore */ scriptUrl)\n\n window.TinyComponentLibs[pkg] = modules\n }\n\n return window.TinyComponentLibs[pkg]\n}\n\n/**\n * 获取组件对象并缓存,组件渲染时使用\n * @param {ComponentDependency} param 组件的依赖配置对象\n * @returns {Promise<void>} 无返回值的Promise\n */\nexport const getComponents = async ({ package: pkg, script, components }: ComponentDependency): Promise<void> => {\n if (!pkg) return\n\n const modules = await dynamicImportComponentLib({ pkg, script })\n\n Object.entries(components).forEach(([componentId, item]) => {\n if (!window.TinyLowcodeComponent[componentId]) {\n // 兼容老版本 - 当item是字符串时,直接作为模块导出名使用\n if (typeof item === 'string') {\n window.TinyLowcodeComponent[componentId] = modules[item]\n } else {\n // 当item是配置对象时,根据destructuring属性决定如何获取组件\n const config = item as ComponentConfig\n window.TinyLowcodeComponent[componentId] =\n config?.destructuring && config?.exportName ? modules[config.exportName] : modules\n }\n }\n })\n}\n"],"names":["NODE_UID","NODE_TAG","NODE_LOOP","NODE_INACTIVE_UID","DESIGN_MODE","addScript","src","doc","resolve","reject","script","addStyle","href","link","copyObject","node","res","key","componentName","id","dynamicImportComponentLib","pkg","scriptUrl","modules","getComponents","components","componentId","item","config"],"mappings":";;;;;GAAaA,IAAW,YACXC,IAAW,YACXC,IAAY,WACZC,IAAoB,eAEpBC,IAAc;AAAA,EACzB,QAAQ;AAEV,GCmBaC,IAAY,CAACC,GAAaC,IAAM,aACpC,IAAI,QAAQ,CAACC,GAASC,MAAW;AAChC,QAAAC,IAASH,EAAI,cAAc,QAAQ;AAElC,EAAAG,EAAA,aAAa,QAAQ,iBAAiB,GACtCA,EAAA,aAAa,OAAOJ,CAAG,GAE9BI,EAAO,QAAQ,IAEfA,EAAO,SAASF,GAChBE,EAAO,UAAUD,GAEjBF,EAAI,cAAc,MAAM,EAAG,YAAYG,CAAM;AAAA,CAC9C,GAGUC,IAAW,CAACC,GAAcL,IAAM,aACpC,IAAI,QAAQ,CAACC,GAASC,MAAW;AAChC,QAAAI,IAAON,EAAI,cAAc,MAAM;AAEhC,EAAAM,EAAA,aAAa,QAAQD,CAAI,GACzBC,EAAA,aAAa,OAAO,YAAY,GAErCA,EAAK,SAASL,GACdK,EAAK,UAAUJ,GAEfF,EAAI,cAAc,MAAM,EAAG,YAAYM,CAAI;AAAA,CAC5C,GAGUC,IAAa,CAACC,MAAmB;AACxC,MAAA,OAAOA,KAAS,UAAU;AAC5B,QAAI,CAACA;AACI,aAAAA;AAGL,QAAA,MAAM,QAAQA,CAAI;AACb,aAAAA,EAAK,IAAID,CAAU;AAG5B,UAAME,IAA2B,CAAC;AAClC,WAAO,KAAKD,CAAI,EAAE,QAAQ,CAACE,MAAQ;AACjC,MAAAD,EAAIC,CAAG,IAAIH,EAAWC,EAAKE,CAAG,CAAC;AAAA,IAAA,CAChC;AAEK,UAAA,EAAE,eAAAC,GAAe,IAAAC,EAAA,IAAOH;AAE9B,WAAIE,KAAiBC,KACnB,OAAOH,EAAI,IAGNA;AAAA,EAAA;AAGF,SAAAD;AACT,GAOMK,IAA4B,OAAO,EAAE,KAAAC,GAAK,QAAAX,QAAgD;AAC1F,MAAA,OAAO,kBAAkBW,CAAG;AACvB,WAAA,OAAO,kBAAkBA,CAAG;AAGrC,MAAI,CAACX;AACH,WAAO,CAAC;AAGV,QAAME,IAAO,OAAO,OAAO,SAAS,QAAQ,SAAS,MAC/CU,IAAYZ,EAAO,WAAW,GAAG,IAAI,IAAI,IAAIA,GAAQE,CAAI,EAAE,OAAOF;AAExE,MAAI,CAAC,OAAO,kBAAkBW,CAAG,GAAG;AAClC,UAAME,IAAU,MAAM;AAAA;AAAA,MAA0BD;AAAA;AAEzC,WAAA,kBAAkBD,CAAG,IAAIE;AAAA,EAAA;AAG3B,SAAA,OAAO,kBAAkBF,CAAG;AACrC,GAOaG,IAAgB,OAAO,EAAE,SAASH,GAAK,QAAAX,GAAQ,YAAAe,QAAqD;AAC/G,MAAI,CAACJ,EAAK;AAEV,QAAME,IAAU,MAAMH,EAA0B,EAAE,KAAAC,GAAK,QAAAX,GAAQ;AAExD,SAAA,QAAQe,CAAU,EAAE,QAAQ,CAAC,CAACC,GAAaC,CAAI,MAAM;AAC1D,QAAI,CAAC,OAAO,qBAAqBD,CAAW;AAEtC,UAAA,OAAOC,KAAS;AAClB,eAAO,qBAAqBD,CAAW,IAAIH,EAAQI,CAAI;AAAA,WAClD;AAEL,cAAMC,IAASD;AACR,eAAA,qBAAqBD,CAAW,IACrCE,KAAA,QAAAA,EAAQ,kBAAiBA,KAAA,QAAAA,EAAQ,cAAaL,EAAQK,EAAO,UAAU,IAAIL;AAAA,MAAA;AAAA,EAEjF,CACD;AACH;;;;;;;;;;;;;;;;;;;;;;;;"}
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- #canvas-route-bar[data-v-7f0579f7]{position:absolute;top:18px;height:32px;max-width:100%;background-color:var(--te-canvas-route-bg-color);border-top-left-radius:4px;border-top-right-radius:4px;display:flex;align-items:center;padding:0 8px}.address-bar[data-v-7f0579f7]{display:flex;align-items:center;gap:2px;background-color:var(--te-canvas-route-address-bg-color);height:20px;width:100%;border-radius:999px;padding:0 10px;cursor:default}.route[data-v-7f0579f7]{cursor:pointer}.route[data-v-7f0579f7]:hover{text-decoration:underline;color:var(--te-canvas-route-text-color-link)}.slash[data-v-7f0579f7]{margin:0 2px}.bold[data-v-7f0579f7]{font-weight:var(--te-base-font-weight-bold)}.is-preview[data-v-7f0579f7]{color:var(--te-common-text-weaken)}#canvas-route-bar:hover .clear-preview[data-v-7f0579f7]{visibility:visible}.clear-preview[data-v-7f0579f7]{border-radius:50%;visibility:hidden;margin-left:2px;width:16px;height:16px;font-size:12px}#tiny-bottom-panel[data-v-bed7cb7f]{width:100%;height:var(--base-bottom-panel-height, 30px);bottom:0;position:absolute;background-color:var(--te-canvas-breadcrumb-bg-color);z-index:90;border-top:1px solid var(--te-canvas-breadcrumb-border-color)}#tiny-bottom-panel .content .tip[data-v-bed7cb7f]{color:var(--te-canvas-breadcrumb-text-color);line-height:30px;height:30px;padding-left:10px}#tiny-bottom-panel .content[data-v-bed7cb7f] .tiny-steps-advanced li{width:unset!important;background:var(--te-canvas-breadcrumb-bg-color)}#tiny-bottom-panel .content[data-v-bed7cb7f] .tiny-steps-advanced li .label{padding:0 3px 0 16px;border-top:0;color:var(--te-canvas-breadcrumb-text-color);transition:.3s;border:none}#tiny-bottom-panel .content[data-v-bed7cb7f] .tiny-steps-advanced li .label:hover{cursor:pointer;background-color:var(--te-canvas-breadcrumb-bg-color-hover)}#tiny-bottom-panel .content[data-v-bed7cb7f] .tiny-steps-advanced li .label:hover:after{border-left-color:var(--te-canvas-breadcrumb-arrow-border-color-hover)}#tiny-bottom-panel .content[data-v-bed7cb7f] .tiny-steps-advanced li .label:after{border-left-color:var(--te-canvas-breadcrumb-bg-color)}#tiny-bottom-panel .content[data-v-bed7cb7f] .tiny-steps-advanced li:last-child .label{border-right:0px solid var(--te-canvas-breadcrumb-border-color);border-radius:0}#tiny-bottom-panel .content[data-v-bed7cb7f] .tiny-steps-advanced li:first-child .label{border-right:0px solid var(--te-canvas-breadcrumb-border-color);border-radius:0;border-left:unset}.context-menu[data-v-09567f2a]{position:absolute;z-index:10}.menu-item[data-v-09567f2a]{width:140px;line-height:20px;border-radius:6px;padding:8px 0;background-color:var(--te-canvas-container-bg-color);box-shadow:0 1px 15px #0003;display:flex;flex-direction:column}.menu-item .li-item[data-v-09567f2a]{border-bottom:1px solid var(--te-canvas-container-border-color)}.menu-item .li-item-disabled[data-v-09567f2a]{cursor:not-allowed;color:var(--te-canvas-container-text-color-disabled)}.menu-item .li-item-disabled svg[data-v-09567f2a]{fill:var(--te-canvas-container-text-color-disabled)}.menu-item li[data-v-09567f2a]{font-size:12px;color:var(--te-canvas-container-text-color-primary);padding:6px 15px;position:relative}.menu-item li>div[data-v-09567f2a]{display:flex;width:100%;justify-content:space-between}.menu-item li svg[data-v-09567f2a]{fill:var(--te-canvas-container-text-color-primary)}.menu-item li[data-v-09567f2a]:not(.menu-item-disabled):hover{background:var(--te-canvas-container-bg-color-hover)}.menu-item li.menu-item-disabled[data-v-09567f2a]{cursor:not-allowed;color:var(--te-canvas-container-text-color-disabled)}.menu-item.sub-menu[data-v-09567f2a]{position:absolute;top:-2px}.header[data-v-33b23460]{display:flex;align-items:center;padding:0 10px;border-bottom:1px solid var(--te-canvas-container-border-color);height:36px}.header div[data-v-33b23460]{flex:1;margin:0 10px}.header .icon-setting[data-v-33b23460]{font-size:16px;fill:var(--te-canvas-container-text-color-secondary)}.header .icon-wrap[data-v-33b23460]{width:20px;height:20px;fill:var(--te-canvas-container-icon-color);font-size:16px;border-radius:2px;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;transition:.3s}.header .icon-wrap[data-v-33b23460]:hover{fill:var(--te-canvas-container-icon-color-primary);background:var(--te-canvas-container-bg-color-hover)}.body[data-v-33b23460]{padding:0 12px}.body .properties-item[data-v-33b23460]{width:100%;padding:8px 0;display:flex;justify-content:space-between;align-items:center}.body .properties-item .item-label[data-v-33b23460]{width:40%;word-break:break-all}.body .properties-item .item-component[data-v-33b23460]{width:100%;padding-left:8px}.body .properties-item .nolabel[data-v-33b23460]{width:100%}.body .properties-item.col-6[data-v-33b23460]{width:50%;display:flex;flex-direction:row;align-items:flex-start}.body .properties-item.col-6 .item-label[data-v-33b23460]{width:auto;margin-bottom:6px}.body .properties-item.col-4[data-v-33b23460]{width:33.33%;flex-direction:column;align-items:flex-start}.body .properties-item.col-4 .item-label[data-v-33b23460]{width:auto;margin-bottom:6px}.footer[data-v-33b23460]{padding:8px;cursor:pointer}.footer span[data-v-33b23460]{width:100%;padding:4px 0;display:inline-block;background:var(--te-canvas-container-short-cut-bg-color);border-radius:2px;display:flex;justify-content:center;align-items:center}.footer svg[data-v-33b23460]{fill:var(--te-canvas-container-text-color-secondary);margin-left:4px}.canvas-rect{position:absolute;box-sizing:border-box;pointer-events:none;border:1px solid var(--te-canvas-container-border-color-checked);z-index:2}.canvas-rect.absolute{pointer-events:all}.canvas-rect.hover{border-style:dashed;top:var(--4a55baaa);left:var(--655e6ff3);height:var(--7926db93);width:var(--09c30c5a)}.canvas-rect.hover .corner-mark-left{height:14px;top:-14px;padding-left:0;font-size:12px}.canvas-rect.inactive-hover{border-style:dashed;top:var(--2a888600);left:var(--524b203e);height:var(--44aeb5c4);width:var(--8b273522);border-color:var(--te-canvas-container-border-color-hover)}.canvas-rect.inactive-hover .corner-mark-left{height:14px;top:-14px;padding-left:0;font-size:12px;color:var(--te-canvas-container-text-color-weaken)}.canvas-rect.line{border-color:transparent;top:var(--0cb094a2);left:var(--20de3d6f);height:var(--53e93a0f);width:var(--83862344)}.canvas-rect .hover-line.top{width:100%;height:5px;background:var(--te-canvas-container-text-color-checked);position:absolute;top:-3px}.canvas-rect .hover-line.left{width:5px;height:100%;background:var(--te-canvas-container-text-color-checked);position:absolute;left:-3px}.canvas-rect .hover-line.bottom{width:100%;height:5px;background:var(--te-canvas-container-text-color-checked);position:absolute;bottom:-3px}.canvas-rect .hover-line.right{width:5px;height:100%;background:var(--te-canvas-container-text-color-checked);position:absolute;right:-3px}.canvas-rect .hover-line.in{width:100%;height:100%;background:var(--te-canvas-container-hover-line-in-bg-color)}.canvas-rect .hover-line.forbidden:not(.in){background:var(--te-canvas-container-hover-line-forbid-bg-color)}.canvas-rect .hover-line.forbidden.in{background:var(--te-canvas-container-hover-line-in-forbid-bg-color)}.canvas-rect .choose-slots{display:flex;justify-content:left;align-items:left;height:100%}.canvas-rect .choose-slots>div{pointer-events:all;width:40px;border:1px solid var(--te-canvas-container-border-color-checked);color:var(--te-canvas-container-choose-slot-text-color);overflow:hidden;font-size:10px;margin:2px;text-align:center}.canvas-rect .choose-slots>div:hover{background:#40a9ff;color:#fff}.canvas-rect .corner-mark-left{display:flex;align-items:center;font-size:14px;position:absolute;top:-24px;height:24px;color:var(--te-canvas-container-corner-mark-left-text-color);padding:0 8px}.canvas-rect .corner-mark-left .icon-setting{margin-left:4px;margin-bottom:2px}.canvas-rect .corner-mark-bottom-right{position:absolute;font-size:12px;right:-1px;color:var(--te-canvas-container-text-color-white);bottom:-20px;background:var(--te-canvas-container-bg-color-checked);padding:0 2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.canvas-rect .corner-mark-right{display:flex;align-items:center;position:absolute;height:24px;padding:0 4px;color:var(--te-canvas-container-text-color-white);background:var(--te-canvas-container-bg-color-checked);pointer-events:all;cursor:pointer}.canvas-rect .corner-mark-right div{font-size:0}.canvas-rect .corner-mark-right div svg{margin:0 4px;font-size:16px}.canvas-rect.select{z-index:3;border-width:2px}.canvas-rect.select .corner-mark-left{white-space:nowrap;pointer-events:all;color:var(--te-canvas-container-text-color-white);background:var(--te-canvas-container-bg-color-checked)}.canvas-rect.select .corner-mark-left svg{cursor:pointer}.canvas-rect.multi-select{border-color:var(--te-canvas-container-border-color-checked);border-style:solid;border-width:2px}.canvas-rect.multi-select .corner-mark-left{background-color:var(--te-canvas-container-bg-color-checked);color:var(--te-canvas-container-text-color-white)}.canvas-rect.multi-select.dragging{opacity:.7;border-color:var(--te-canvas-container-border-color-multi, #1890ff);border-style:dashed;border-width:2px;background-color:#1890ff26;box-shadow:0 0 12px #1890ff66;transition:all .2s ease;animation:pulse-border 1.5s infinite}.canvas-rect.multi-select.dragging .corner-mark-left{background-color:var(--te-canvas-container-border-color-multi, #1890ff);animation:pulse-bg 1.5s infinite}@keyframes pulse-border{0%{box-shadow:0 0 #1890ff66}70%{box-shadow:0 0 0 6px #1890ff00}to{box-shadow:0 0 #1890ff00}}@keyframes pulse-bg{0%{background-color:#1890ff}50%{background-color:#1890ffb3}to{background-color:#1890ff}}.short-cut-set.short-cut-set.tiny-popper.tiny-popover .tiny-popover__title{color:var(--te-canvas-container-text-color-primary);font-size:14px}.drag-resize{position:absolute;top:-6px;bottom:-6px;left:-6px;right:-6px;height:6px;width:6px;background-color:#409eff;cursor:pointer;pointer-events:auto!important}.drag-resize.resize-top{left:calc(50% - 3px);cursor:n-resize}.drag-resize.resize-bottom{left:calc(50% - 3px);top:auto;cursor:s-resize}.drag-resize.resize-left{top:calc(50% - 3px);cursor:e-resize}.drag-resize.resize-right{top:calc(50% - 3px);left:auto;cursor:e-resize}.drag-resize.resize-top-left{cursor:nw-resize}.drag-resize.resize-top-right{left:auto;cursor:ne-resize}.drag-resize.resize-bottom-left{top:auto;cursor:sw-resize}.drag-resize.resize-bottom-right{left:auto;top:auto;cursor:se-resize}.jumper-wrapper[data-v-1e794ca3]{position:absolute;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:var(--te-canvas-container-bg-color);cursor:pointer;z-index:3;transform:translate(-80%) translateY(-20%);top:var(--6bda270b);left:var(--0f66f111);border:1px solid var(--te-canvas-container-border-color-hover)}.jumper-wrapper.disabled[data-v-1e794ca3]{opacity:.3}.jumper-wrapper[data-v-1e794ca3]:not(.disabled):hover{border-color:var(--te-canvas-container-border-color-checked);background-color:var(--te-canvas-container-bg-color-checked)}.jumper-wrapper:not(.disabled):hover .jumper[data-v-1e794ca3]{color:var(--te-canvas-container-router-jumper-text-color)}.jumper-wrapper .jumper[data-v-1e794ca3]{width:16px;height:16px}.action-wrapper[data-v-d009d18e]{position:absolute;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:var(--te-common-bg-default);cursor:pointer;z-index:3;transform:translate(-80%) translateY(-20%);top:var(--6b14ed13);left:var(--10f627ee);border:1px solid var(--te-common-border-hover)}.action-wrapper.disabled[data-v-d009d18e]{opacity:.3}.action-wrapper[data-v-d009d18e]:not(.disabled):hover{border-color:var(--te-common-bg-primary-checked);background-color:var(--te-common-bg-primary-checked)}.action-wrapper:not(.disabled):hover .action[data-v-d009d18e]{color:var(--te-common-text-dark-inverse)}.action-wrapper .action[data-v-d009d18e]{width:16px;height:16px}.options[data-v-d009d18e]{width:200px}.options .option[data-v-d009d18e]{font-size:12px;min-height:24px;cursor:pointer;display:flex;align-items:center;gap:4px;padding:0 12px}.options .option[data-v-d009d18e]:hover{background-color:var(--te-common-bg-container)}.options .option svg[data-v-d009d18e]{flex-shrink:0}.options .title[data-v-d009d18e]{font-size:14px;line-height:20px;padding:4px 12px;font-weight:700;cursor:default;border-bottom:1px solid var(--te-common-border-default)}.tiny-popover.tiny-popper[x-placement].preview-switcher-popover{padding:8px 0}.canvas-size-controller[data-v-20432824]{height:100%}.canvas-size-controller .canvas-resize-handle[data-v-20432824]{position:relative}.canvas-size-controller .canvas-resize-handle .handle[data-v-20432824]{position:absolute;top:0;bottom:0;z-index:13}.canvas-size-controller .canvas-resize-handle .handle[data-v-20432824]:before{content:"";position:absolute;top:0;left:-3px;width:4px;height:100%;background:var(--te-canvas-container-bg-color-checked);display:none}.canvas-size-controller .canvas-resize-handle .handle[data-v-20432824]:hover:before{display:block}.canvas-size-controller .canvas-resize-handle .handle:hover .tab-handle[data-v-20432824]{background:var(--te-canvas-container-bg-color-checked)}.canvas-size-controller .canvas-resize-handle .handle:hover .tab-handle[data-v-20432824]:before,.canvas-size-controller .canvas-resize-handle .handle:hover .tab-handle[data-v-20432824]:after{background:#fff}.canvas-size-controller .canvas-resize-handle .handle .gutter-handle[data-v-20432824]{position:absolute;top:0;left:-3px;width:4px;height:100%;cursor:col-resize;pointer-events:all}.canvas-size-controller .canvas-resize-handle .handle .tab-handle[data-v-20432824]{position:fixed;top:50%;width:14px;height:38px;margin-top:-19px;background:var(--te-canvas-container-canvas-size-tab-bg-color);cursor:col-resize;pointer-events:all;border-top-right-radius:3px;border-bottom-right-radius:3px}.canvas-size-controller .canvas-resize-handle .handle .tab-handle[data-v-20432824]:before,.canvas-size-controller .canvas-resize-handle .handle .tab-handle[data-v-20432824]:after{content:"";position:absolute;top:8px;bottom:8px;left:8px;width:1px;background:var(--te-canvas-container-tab-handle-color)}.canvas-size-controller .canvas-resize-handle .handle .tab-handle[data-v-20432824]:before{left:5px}.canvas-size-controller .canvas-resize-handle .right-handle[data-v-20432824]{right:-14px;width:14px}.divider-wrapper[data-v-75ceea4e]{position:absolute;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:var(--te-canvas-container-bg-color-white);cursor:pointer;z-index:3}.divider-wrapper.divider-vertical[data-v-75ceea4e]{transform:translate(-50%);top:var(--7d1cbf9c);left:var(--6cbe9cca)}.divider-wrapper.divider-horizontal[data-v-75ceea4e]{transform:translate(10px,-50%) rotate(270deg);top:var(--868bf5de);left:var(--4afa586a)}.divider-wrapper[data-v-75ceea4e]:hover{background-color:var(--te-canvas-container-bg-color-checked)}.divider-wrapper:hover .divider[data-v-75ceea4e]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAACbElEQVRIDZ2Vu2sVURCH9yZgbCxMsFFjKQkExScREgQtLISAXbS4GDu10fgHiL1gpxKDCLFRfICCCSpCwEiCYiNWFkYsImIRH4jgY/x+xzNy7t29614HvsycmfnN3j1nd5Nl0cysDrPwEV7DRVjn9Vaent7Y+wYvrWbUG/pJTIHsCzyBd1pg8v0NzcmC2kDswdkizIFmyKZCK4F+uWwGelxPfAx+wFPPpZ58JzyHX3DEa8TdoFmyesYf3ZKu+nd40nyJvGzEc+7JjYWK2aTn3JPXRTRzVhdYhjkvpp78KMieNeW7yGnPZYfSmsfktV3LHSSWoNVhro+CbTTvdzH+KGyI61batdSXdAcXQDYWBcGx1m2+ha/wHRZUwK+C9/ABtA3q6W7S+vadl6AH9LT8hAk4CKdAQtlJuBIis3340zE+gR+PsXqlkVYzNEsz/5wrQR/MQ2qfWYzHX72RWE+UnppPoP3vijUNVm9qCyz60rvSnXTAJtBjOwKr0wbWV8GtaDulkVYzdLbtGaLdINPed1ZVt3Mlf/21r8NVL1Cpj1+sM9IZvAK9uY8qCas2MfAGyPbC9RCZDVXVl/YxbHsc+FCNxDpE3cWDUmHVIoPug2yna4hvhYzZLs/9l2fInjjoZjqA3JaYn07zbccM0Qujw839TyB3B2Q72h4sAcIDQW52uWiABsf63aJ6aQ6h3uqX8A38q5nTULsHsq25YlkCweEgMzv3j77B2He7rK+hhmAFLII+YGsaigULevSU6bHdXFDOp2g8DrIz+Wo+Q99Q6Da7lq9mWdG3aCWNL+BskaA5V6vVHpPT8FpzTevfkrgJcwZ0OJIAAAAASUVORK5CYII=)}.divider-wrapper .divider[data-v-75ceea4e]{width:12px;height:12px;color:var(--te-canvas-container-border-color-white);background-size:contain;background-repeat:no-repeat;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAACO0lEQVRIDa2Uy6tNURzHN7cwMUAmHncot0QeV5QiBgZKmWEgzDDx+ANu5soMcUkxIY+iEFIKEZnIyMC9GZAMrke6hXt9Pvus1VnntPbZ53B/9dnrt36P7zpr7bVPUTRtD+5j+Arv4QwshDpbTIG1o2CvGmq12CVmk/ADnsGnMHccgCpbRiLWjuA/BTXUUrM0VzNwD+aVkcbjIMNveJnEUrePyWuYgP1JYi6+WmqWO3FLrpqKMy3tHE8LtzemLc99ITfcEm1MXERNtYsxcGs520nQBV61JWcyHw253W25OFVzbDqPj1D1MheF6tWM24LvcAD6w7yqdwF5tYvT4K90y6m5zQ/wE37BC9Bmw2f4Ah6DNdamFo/vlEHP3pvwB87CLjgGNrrwEbgY/K2MQ8E/zHg0+NbaY68aaqmpdmlLeT4HBSPf8RXQloA3ylvzDTx/34OmsLWxz9Hdqtlivo/l4NXy1syB1C4ziSK547THXjXU6tk20uECnn1fz91dNJynJu5gUxf1PZV4nr6DdzABj2BK7Rpq/votcDX4GxinxNagovjDoOZLdBcPwvy/h/souMDaROlGiK1PYv/kbg5C19u6V4b43bZ4z1M/GF/uQKbzFjF3NpjJdRXaEQQuVFQr7AK3K/Idw36Jb2Ec+jtU3iHnIqs61GRTe4naeDKbbQbXhbqbzVC9N4OSEfAPbD7UmbfMa7uirjDmD+H464/HQM3oB2f9lVxd7l9vFoVv4ESuIRN7QkzxaZlc8RcdnI7tMHZBlAAAAABJRU5ErkJggg==)}.divider-line[data-v-75ceea4e]{position:absolute;border:1px dashed var(--te-canvas-container-border-color-checked);z-index:2}.resize-border[data-v-c8e692a1]{position:absolute;display:flex;justify-content:center;align-items:center;z-index:3;top:var(--4d32d4f3);left:var(--59240029);width:var(--680e5c38);height:var(--cd5b1e6e)}.resize-border[data-v-c8e692a1]:after{content:"";display:block;border:1px solid var(--te-canvas-container-border-color-checked)}.resize-border.resize-vertical[data-v-c8e692a1]{cursor:ns-resize}.resize-border.resize-vertical[data-v-c8e692a1]:after{min-width:50%;height:4px}.resize-border.resize-horizontal[data-v-c8e692a1]{cursor:ew-resize}.resize-border.resize-horizontal[data-v-c8e692a1]:after{width:4px;height:100%}.multi-drag-indicator[data-v-43e1ab35]{position:fixed;top:10px;left:50%;transform:translate(-50%);background-color:var(--te-canvas-container-bg-color-checked, rgba(24, 144, 255, .9));color:var(--te-canvas-container-text-color-white, white);padding:8px 16px;border-radius:4px;z-index:1000;box-shadow:0 2px 8px #00000026;font-size:14px;pointer-events:none;border:1px solid var(--te-canvas-container-border-color-checked, #1890ff);display:flex;flex-direction:column;align-items:center;gap:4px;min-width:200px;text-align:center;transition:background-color .3s ease}.multi-drag-indicator .multi-drag-position[data-v-43e1ab35]{font-size:12px;background-color:#fff3;padding:2px 8px;border-radius:2px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multi-drop-indicator[data-v-43e1ab35]{position:absolute;box-sizing:border-box;pointer-events:none;border-color:transparent;z-index:5;top:var(--22980b0d);left:var(--15f893d1);height:var(--6bc77ff1);width:var(--6c6d643c)}.multi-drop-indicator .multi-drop-line.top[data-v-43e1ab35]{width:100%;height:5px;background:var(--te-canvas-container-text-color-checked);position:absolute;top:-3px;animation:pulse-drop-line-43e1ab35 1.5s infinite}.multi-drop-indicator .multi-drop-line.left[data-v-43e1ab35]{width:5px;height:100%;background:var(--te-canvas-container-text-color-checked);position:absolute;left:-3px;animation:pulse-drop-line-43e1ab35 1.5s infinite}.multi-drop-indicator .multi-drop-line.bottom[data-v-43e1ab35]{width:100%;height:5px;background:var(--te-canvas-container-text-color-checked);position:absolute;bottom:-3px;animation:pulse-drop-line-43e1ab35 1.5s infinite}.multi-drop-indicator .multi-drop-line.right[data-v-43e1ab35]{width:5px;height:100%;background:var(--te-canvas-container-text-color-checked);position:absolute;right:-3px;animation:pulse-drop-line-43e1ab35 1.5s infinite}.multi-drop-indicator .multi-drop-line.in[data-v-43e1ab35]{width:100%;height:100%;background:var(--te-canvas-container-hover-line-in-bg-color);border:2px dashed var(--te-canvas-container-border-color-checked, #1890ff);display:flex;justify-content:center;align-items:center;animation:pulse-drop-border-43e1ab35 1.5s infinite}.multi-drop-indicator .multi-drop-line.forbidden[data-v-43e1ab35]:not(.in){background:var(--te-canvas-container-hover-line-forbid-bg-color, #ff4d4f)}.multi-drop-indicator .multi-drop-line.forbidden.in[data-v-43e1ab35]{background:var(--te-canvas-container-hover-line-in-forbid-bg-color, rgba(255, 77, 79, .2));border:2px dashed var(--te-canvas-container-hover-line-forbid-bg-color, #ff4d4f)}.multi-drop-indicator .multi-drop-line .multi-drop-container-hint[data-v-43e1ab35]{background-color:var(--te-canvas-container-bg-color-checked, rgba(24, 144, 255, .9));color:var(--te-canvas-container-text-color-white, white);padding:4px 8px;border-radius:4px;font-size:12px;box-shadow:0 2px 8px #00000026;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multi-drag-preview-container[data-v-43e1ab35]{position:fixed;z-index:1001;pointer-events:none}.multi-drag-preview-item[data-v-43e1ab35]{position:absolute;background-color:var(--te-canvas-container-bg-color-checked, rgba(24, 144, 255, .9));border:2px solid var(--te-canvas-container-border-color-checked, #1890ff);border-radius:4px;padding:6px 10px;color:var(--te-canvas-container-text-color-white, white);font-size:12px;box-shadow:0 4px 12px #0000004d;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis;transition:transform .1s ease;transform-origin:left top;transform:scale(1);display:flex;align-items:center;gap:8px;animation:preview-pulse-43e1ab35 1.5s infinite}.multi-drag-preview-item[data-v-43e1ab35]:hover{transform:scale(1.05)}.multi-drag-preview-item .preview-item-number[data-v-43e1ab35]{display:flex;justify-content:center;align-items:center;width:20px;height:20px;background-color:#ffffff4d;border-radius:50%;font-weight:700;font-size:11px}.multi-drag-preview-item .preview-component-info[data-v-43e1ab35]{display:flex;flex-direction:column}.multi-drag-preview-item .preview-component-name[data-v-43e1ab35]{font-weight:700}.multi-drag-preview-item .preview-component-id[data-v-43e1ab35]{font-size:.8em;color:#fffc}@keyframes preview-pulse-43e1ab35{0%{box-shadow:0 4px 12px #0000004d}50%{box-shadow:0 4px 20px #1890ff80}to{box-shadow:0 4px 12px #0000004d}}@keyframes pulse-drop-line-43e1ab35{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}@keyframes pulse-drop-border-43e1ab35{0%{border-color:#1890ffb3}50%{border-color:#1890ff}to{border-color:#1890ffb3}}.insert-panel[data-v-861d34eb]{z-index:4;position:fixed;top:200px;left:400px}.insert-panel .component-wrap[data-v-861d34eb]{width:480px!important}.insert-panel[data-v-861d34eb] .components-wrap>.tiny-collapse{max-height:300px}.insert-panel[data-v-861d34eb] #pane-blocks{max-height:400px}.datainit-tip[data-v-861d34eb]{display:flex;height:100%;justify-content:center;align-items:center;color:#1890ff}#canvas-wrap[data-v-1506b088]{background:var(--te-canvas-layout-bg-color);flex:1 1 0;border:none;display:flex;justify-content:center;position:relative}#canvas-wrap .site-canvas[data-v-1506b088]{background:var(--te-canvas-layout-content-bg-color);position:absolute;overflow:hidden;margin-bottom:18px;transform-origin:top}.not-selected[data-v-b9ad9db9]{pointer-events:none;-webkit-user-select:none;user-select:none}:root{--te-canvas-scrollbar-track-color: var(--te-common-bg-container);--te-canvas-scrollbar-thumb-color: var(--te-common-bg-default);--te-canvas-breadcrumb-bg-color: var(--te-common-bg-default);--te-canvas-breadcrumb-text-color: var(--te-common-text-weaken);--te-canvas-breadcrumb-border-color: var(--te-common-border-divider);--te-canvas-breadcrumb-bg-color-hover: var(--te-common-bg-container);--te-canvas-breadcrumb-arrow-border-color-hover: var(--te-common-border-arrow-hover);--te-canvas-route-text-color-link: var(--te-common-text-link);--te-canvas-route-address-bg-color: var(--te-common-bg-default);--te-canvas-route-bg-color: var(--te-common-bg-prompt);--te-canvas-layout-bg-color: var(--te-common-bg-container);--te-canvas-layout-content-bg-color: var(--te-base-gray-0);--te-canvas-container-text-color-primary: var(--te-common-text-primary);--te-canvas-container-text-color-white: var(--te-base-gray-0);--te-canvas-container-text-color-secondary: var(--te-common-text-secondary);--te-canvas-container-text-color-weaken: var(--te-common-text-weaken);--te-canvas-container-text-color-checked: var(--te-common-text-checked);--te-canvas-container-text-color-disabled: var(--te-common-text-disabled);--te-canvas-container-icon-color: var(--te-common-icon-secondary);--te-canvas-container-icon-color-primary: var(--te-common-icon-primary);--te-canvas-container-border-color-white: var(--te-base-gray-0);--te-canvas-container-border-color-checked: var(--te-common-border-checked);--te-canvas-container-border-color-hover: var(--te-common-border-hover);--te-canvas-container-border-color: var(--te-common-border-default);--te-canvas-container-bg-color: var(--te-common-bg-default);--te-canvas-container-bg-color-white: var(--te-base-gray-0);--te-canvas-container-bg-color-hover: var(--te-common-bg-container);--te-canvas-container-bg-color-checked: var(--te-common-bg-primary-checked);--te-canvas-container-hover-line-in-bg-color: var(--te-base-green-140);--te-canvas-container-hover-line-forbid-bg-color: var(--te-common-color-error);--te-canvas-container-hover-line-in-forbid-bg-color: var(--te-base-red-140);--te-canvas-container-choose-slot-text-color: var(--te-common-text-dark-inverse);--te-canvas-container-corner-mark-left-text-color: var(--te-common-text-emphasize);--te-canvas-container-canvas-size-tab-bg-color: var(--te-common-bg-default);--te-canvas-container-tab-handle-color: var(--te-common-border-hover);--te-canvas-container-router-jumper-text-color: var(--te-common-text-dark-inverse);--te-canvas-container-short-cut-bg-color: var(--te-common-bg-container)}
1
+ #canvas-route-bar[data-v-7f0579f7]{position:absolute;top:18px;height:32px;max-width:100%;background-color:var(--te-canvas-route-bg-color);border-top-left-radius:4px;border-top-right-radius:4px;display:flex;align-items:center;padding:0 8px}.address-bar[data-v-7f0579f7]{display:flex;align-items:center;gap:2px;background-color:var(--te-canvas-route-address-bg-color);height:20px;width:100%;border-radius:999px;padding:0 10px;cursor:default}.route[data-v-7f0579f7]{cursor:pointer}.route[data-v-7f0579f7]:hover{text-decoration:underline;color:var(--te-canvas-route-text-color-link)}.slash[data-v-7f0579f7]{margin:0 2px}.bold[data-v-7f0579f7]{font-weight:var(--te-base-font-weight-bold)}.is-preview[data-v-7f0579f7]{color:var(--te-common-text-weaken)}#canvas-route-bar:hover .clear-preview[data-v-7f0579f7]{visibility:visible}.clear-preview[data-v-7f0579f7]{border-radius:50%;visibility:hidden;margin-left:2px;width:16px;height:16px;font-size:12px}#tiny-bottom-panel[data-v-bed7cb7f]{width:100%;height:var(--base-bottom-panel-height, 30px);bottom:0;position:absolute;background-color:var(--te-canvas-breadcrumb-bg-color);z-index:90;border-top:1px solid var(--te-canvas-breadcrumb-border-color)}#tiny-bottom-panel .content .tip[data-v-bed7cb7f]{color:var(--te-canvas-breadcrumb-text-color);line-height:30px;height:30px;padding-left:10px}#tiny-bottom-panel .content[data-v-bed7cb7f] .tiny-steps-advanced li{width:unset!important;background:var(--te-canvas-breadcrumb-bg-color)}#tiny-bottom-panel .content[data-v-bed7cb7f] .tiny-steps-advanced li .label{padding:0 3px 0 16px;border-top:0;color:var(--te-canvas-breadcrumb-text-color);transition:.3s;border:none}#tiny-bottom-panel .content[data-v-bed7cb7f] .tiny-steps-advanced li .label:hover{cursor:pointer;background-color:var(--te-canvas-breadcrumb-bg-color-hover)}#tiny-bottom-panel .content[data-v-bed7cb7f] .tiny-steps-advanced li .label:hover:after{border-left-color:var(--te-canvas-breadcrumb-arrow-border-color-hover)}#tiny-bottom-panel .content[data-v-bed7cb7f] .tiny-steps-advanced li .label:after{border-left-color:var(--te-canvas-breadcrumb-bg-color)}#tiny-bottom-panel .content[data-v-bed7cb7f] .tiny-steps-advanced li:last-child .label{border-right:0px solid var(--te-canvas-breadcrumb-border-color);border-radius:0}#tiny-bottom-panel .content[data-v-bed7cb7f] .tiny-steps-advanced li:first-child .label{border-right:0px solid var(--te-canvas-breadcrumb-border-color);border-radius:0;border-left:unset}.context-menu[data-v-09567f2a]{position:absolute;z-index:10}.menu-item[data-v-09567f2a]{width:140px;line-height:20px;border-radius:6px;padding:8px 0;background-color:var(--te-canvas-container-bg-color);box-shadow:0 1px 15px #0003;display:flex;flex-direction:column}.menu-item .li-item[data-v-09567f2a]{border-bottom:1px solid var(--te-canvas-container-border-color)}.menu-item .li-item-disabled[data-v-09567f2a]{cursor:not-allowed;color:var(--te-canvas-container-text-color-disabled)}.menu-item .li-item-disabled svg[data-v-09567f2a]{fill:var(--te-canvas-container-text-color-disabled)}.menu-item li[data-v-09567f2a]{font-size:12px;color:var(--te-canvas-container-text-color-primary);padding:6px 15px;position:relative}.menu-item li>div[data-v-09567f2a]{display:flex;width:100%;justify-content:space-between}.menu-item li svg[data-v-09567f2a]{fill:var(--te-canvas-container-text-color-primary)}.menu-item li[data-v-09567f2a]:not(.menu-item-disabled):hover{background:var(--te-canvas-container-bg-color-hover)}.menu-item li.menu-item-disabled[data-v-09567f2a]{cursor:not-allowed;color:var(--te-canvas-container-text-color-disabled)}.menu-item.sub-menu[data-v-09567f2a]{position:absolute;top:-2px}.header[data-v-33b23460]{display:flex;align-items:center;padding:0 10px;border-bottom:1px solid var(--te-canvas-container-border-color);height:36px}.header div[data-v-33b23460]{flex:1;margin:0 10px}.header .icon-setting[data-v-33b23460]{font-size:16px;fill:var(--te-canvas-container-text-color-secondary)}.header .icon-wrap[data-v-33b23460]{width:20px;height:20px;fill:var(--te-canvas-container-icon-color);font-size:16px;border-radius:2px;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;transition:.3s}.header .icon-wrap[data-v-33b23460]:hover{fill:var(--te-canvas-container-icon-color-primary);background:var(--te-canvas-container-bg-color-hover)}.body[data-v-33b23460]{padding:0 12px}.body .properties-item[data-v-33b23460]{width:100%;padding:8px 0;display:flex;justify-content:space-between;align-items:center}.body .properties-item .item-label[data-v-33b23460]{width:40%;word-break:break-all}.body .properties-item .item-component[data-v-33b23460]{width:100%;padding-left:8px}.body .properties-item .nolabel[data-v-33b23460]{width:100%}.body .properties-item.col-6[data-v-33b23460]{width:50%;display:flex;flex-direction:row;align-items:flex-start}.body .properties-item.col-6 .item-label[data-v-33b23460]{width:auto;margin-bottom:6px}.body .properties-item.col-4[data-v-33b23460]{width:33.33%;flex-direction:column;align-items:flex-start}.body .properties-item.col-4 .item-label[data-v-33b23460]{width:auto;margin-bottom:6px}.footer[data-v-33b23460]{padding:8px;cursor:pointer}.footer span[data-v-33b23460]{width:100%;padding:4px 0;display:inline-block;background:var(--te-canvas-container-short-cut-bg-color);border-radius:2px;display:flex;justify-content:center;align-items:center}.footer svg[data-v-33b23460]{fill:var(--te-canvas-container-text-color-secondary);margin-left:4px}.canvas-rect{position:absolute;box-sizing:border-box;pointer-events:none;border:1px solid var(--te-canvas-container-border-color-checked);z-index:2}.canvas-rect.absolute{pointer-events:all}.canvas-rect.hover{border-style:dashed;top:var(--4a55baaa);left:var(--655e6ff3);height:var(--7926db93);width:var(--09c30c5a)}.canvas-rect.hover .corner-mark-left{height:14px;top:-14px;padding-left:0;font-size:12px}.canvas-rect.inactive-hover{border-style:dashed;top:var(--2a888600);left:var(--524b203e);height:var(--44aeb5c4);width:var(--8b273522);border-color:var(--te-canvas-container-border-color-hover)}.canvas-rect.inactive-hover .corner-mark-left{height:14px;top:-14px;padding-left:0;font-size:12px;color:var(--te-canvas-container-text-color-weaken)}.canvas-rect.line{border-color:transparent;top:var(--0cb094a2);left:var(--20de3d6f);height:var(--53e93a0f);width:var(--83862344)}.canvas-rect .hover-line.top{width:100%;height:5px;background:var(--te-canvas-container-text-color-checked);position:absolute;top:-3px}.canvas-rect .hover-line.left{width:5px;height:100%;background:var(--te-canvas-container-text-color-checked);position:absolute;left:-3px}.canvas-rect .hover-line.bottom{width:100%;height:5px;background:var(--te-canvas-container-text-color-checked);position:absolute;bottom:-3px}.canvas-rect .hover-line.right{width:5px;height:100%;background:var(--te-canvas-container-text-color-checked);position:absolute;right:-3px}.canvas-rect .hover-line.in{width:100%;height:100%;background:var(--te-canvas-container-hover-line-in-bg-color)}.canvas-rect .hover-line.forbidden:not(.in){background:var(--te-canvas-container-hover-line-forbid-bg-color)}.canvas-rect .hover-line.forbidden.in{background:var(--te-canvas-container-hover-line-in-forbid-bg-color)}.canvas-rect .choose-slots{display:flex;justify-content:left;align-items:left;height:100%}.canvas-rect .choose-slots>div{pointer-events:all;width:40px;border:1px solid var(--te-canvas-container-border-color-checked);color:var(--te-canvas-container-choose-slot-text-color);overflow:hidden;font-size:10px;margin:2px;text-align:center}.canvas-rect .choose-slots>div:hover{background:#40a9ff;color:#fff}.canvas-rect .corner-mark-left{display:flex;align-items:center;font-size:14px;position:absolute;top:-24px;height:24px;color:var(--te-canvas-container-corner-mark-left-text-color);padding:0 8px}.canvas-rect .corner-mark-left .icon-setting{margin-left:4px;margin-bottom:2px}.canvas-rect .corner-mark-bottom-right{position:absolute;font-size:12px;right:-1px;color:var(--te-canvas-container-text-color-white);bottom:-20px;background:var(--te-canvas-container-bg-color-checked);padding:0 2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.canvas-rect .corner-mark-right{display:flex;align-items:center;position:absolute;height:24px;padding:0 4px;color:var(--te-canvas-container-text-color-white);background:var(--te-canvas-container-bg-color-checked);pointer-events:all;cursor:pointer}.canvas-rect .corner-mark-right div{font-size:0}.canvas-rect .corner-mark-right div svg{margin:0 4px;font-size:16px}.canvas-rect.select{z-index:3;border-width:2px}.canvas-rect.select .corner-mark-left{white-space:nowrap;pointer-events:all;color:var(--te-canvas-container-text-color-white);background:var(--te-canvas-container-bg-color-checked)}.canvas-rect.select .corner-mark-left svg{cursor:pointer}.canvas-rect.multi-select{border-color:var(--te-canvas-container-border-color-checked);border-style:solid;border-width:2px}.canvas-rect.multi-select .corner-mark-left{background-color:var(--te-canvas-container-bg-color-checked);color:var(--te-canvas-container-text-color-white)}.canvas-rect.multi-select.dragging{opacity:.7;border-color:var(--te-canvas-container-border-color-multi, #1890ff);border-style:dashed;border-width:2px;background-color:#1890ff26;box-shadow:0 0 12px #1890ff66;transition:all .2s ease;animation:pulse-border 1.5s infinite}.canvas-rect.multi-select.dragging .corner-mark-left{background-color:var(--te-canvas-container-border-color-multi, #1890ff);animation:pulse-bg 1.5s infinite}@keyframes pulse-border{0%{box-shadow:0 0 #1890ff66}70%{box-shadow:0 0 0 6px #1890ff00}to{box-shadow:0 0 #1890ff00}}@keyframes pulse-bg{0%{background-color:#1890ff}50%{background-color:#1890ffb3}to{background-color:#1890ff}}.short-cut-set.short-cut-set.tiny-popper.tiny-popover .tiny-popover__title{color:var(--te-canvas-container-text-color-primary);font-size:14px}.drag-resize{position:absolute;top:-6px;bottom:-6px;left:-6px;right:-6px;height:6px;width:6px;background-color:#409eff;cursor:pointer;pointer-events:auto!important}.drag-resize.resize-top{left:calc(50% - 3px);cursor:n-resize}.drag-resize.resize-bottom{left:calc(50% - 3px);top:auto;cursor:s-resize}.drag-resize.resize-left{top:calc(50% - 3px);cursor:e-resize}.drag-resize.resize-right{top:calc(50% - 3px);left:auto;cursor:e-resize}.drag-resize.resize-top-left{cursor:nw-resize}.drag-resize.resize-top-right{left:auto;cursor:ne-resize}.drag-resize.resize-bottom-left{top:auto;cursor:sw-resize}.drag-resize.resize-bottom-right{left:auto;top:auto;cursor:se-resize}.jumper-wrapper[data-v-1e794ca3]{position:absolute;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:var(--te-canvas-container-bg-color);cursor:pointer;z-index:3;transform:translate(-80%) translateY(-20%);top:var(--6bda270b);left:var(--0f66f111);border:1px solid var(--te-canvas-container-border-color-hover)}.jumper-wrapper.disabled[data-v-1e794ca3]{opacity:.3}.jumper-wrapper[data-v-1e794ca3]:not(.disabled):hover{border-color:var(--te-canvas-container-border-color-checked);background-color:var(--te-canvas-container-bg-color-checked)}.jumper-wrapper:not(.disabled):hover .jumper[data-v-1e794ca3]{color:var(--te-canvas-container-router-jumper-text-color)}.jumper-wrapper .jumper[data-v-1e794ca3]{width:16px;height:16px}.action-wrapper[data-v-d009d18e]{position:absolute;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:var(--te-common-bg-default);cursor:pointer;z-index:3;transform:translate(-80%) translateY(-20%);top:var(--6b14ed13);left:var(--10f627ee);border:1px solid var(--te-common-border-hover)}.action-wrapper.disabled[data-v-d009d18e]{opacity:.3}.action-wrapper[data-v-d009d18e]:not(.disabled):hover{border-color:var(--te-common-bg-primary-checked);background-color:var(--te-common-bg-primary-checked)}.action-wrapper:not(.disabled):hover .action[data-v-d009d18e]{color:var(--te-common-text-dark-inverse)}.action-wrapper .action[data-v-d009d18e]{width:16px;height:16px}.options[data-v-d009d18e]{width:200px}.options .option[data-v-d009d18e]{font-size:12px;min-height:24px;cursor:pointer;display:flex;align-items:center;gap:4px;padding:0 12px}.options .option[data-v-d009d18e]:hover{background-color:var(--te-common-bg-container)}.options .option svg[data-v-d009d18e]{flex-shrink:0}.options .title[data-v-d009d18e]{font-size:14px;line-height:20px;padding:4px 12px;font-weight:700;cursor:default;border-bottom:1px solid var(--te-common-border-default)}.tiny-popover.tiny-popper[x-placement].preview-switcher-popover{padding:8px 0}.canvas-size-controller[data-v-20432824]{height:100%}.canvas-size-controller .canvas-resize-handle[data-v-20432824]{position:relative}.canvas-size-controller .canvas-resize-handle .handle[data-v-20432824]{position:absolute;top:0;bottom:0;z-index:13}.canvas-size-controller .canvas-resize-handle .handle[data-v-20432824]:before{content:"";position:absolute;top:0;left:-3px;width:4px;height:100%;background:var(--te-canvas-container-bg-color-checked);display:none}.canvas-size-controller .canvas-resize-handle .handle[data-v-20432824]:hover:before{display:block}.canvas-size-controller .canvas-resize-handle .handle:hover .tab-handle[data-v-20432824]{background:var(--te-canvas-container-bg-color-checked)}.canvas-size-controller .canvas-resize-handle .handle:hover .tab-handle[data-v-20432824]:before,.canvas-size-controller .canvas-resize-handle .handle:hover .tab-handle[data-v-20432824]:after{background:#fff}.canvas-size-controller .canvas-resize-handle .handle .gutter-handle[data-v-20432824]{position:absolute;top:0;left:-3px;width:4px;height:100%;cursor:col-resize;pointer-events:all}.canvas-size-controller .canvas-resize-handle .handle .tab-handle[data-v-20432824]{position:fixed;top:50%;width:14px;height:38px;margin-top:-19px;background:var(--te-canvas-container-canvas-size-tab-bg-color);cursor:col-resize;pointer-events:all;border-top-right-radius:3px;border-bottom-right-radius:3px}.canvas-size-controller .canvas-resize-handle .handle .tab-handle[data-v-20432824]:before,.canvas-size-controller .canvas-resize-handle .handle .tab-handle[data-v-20432824]:after{content:"";position:absolute;top:8px;bottom:8px;left:8px;width:1px;background:var(--te-canvas-container-tab-handle-color)}.canvas-size-controller .canvas-resize-handle .handle .tab-handle[data-v-20432824]:before{left:5px}.canvas-size-controller .canvas-resize-handle .right-handle[data-v-20432824]{right:-14px;width:14px}.divider-wrapper[data-v-75ceea4e]{position:absolute;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:var(--te-canvas-container-bg-color-white);cursor:pointer;z-index:3}.divider-wrapper.divider-vertical[data-v-75ceea4e]{transform:translate(-50%);top:var(--7d1cbf9c);left:var(--6cbe9cca)}.divider-wrapper.divider-horizontal[data-v-75ceea4e]{transform:translate(10px,-50%) rotate(270deg);top:var(--868bf5de);left:var(--4afa586a)}.divider-wrapper[data-v-75ceea4e]:hover{background-color:var(--te-canvas-container-bg-color-checked)}.divider-wrapper:hover .divider[data-v-75ceea4e]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAACbElEQVRIDZ2Vu2sVURCH9yZgbCxMsFFjKQkExScREgQtLISAXbS4GDu10fgHiL1gpxKDCLFRfICCCSpCwEiCYiNWFkYsImIRH4jgY/x+xzNy7t29614HvsycmfnN3j1nd5Nl0cysDrPwEV7DRVjn9Vaent7Y+wYvrWbUG/pJTIHsCzyBd1pg8v0NzcmC2kDswdkizIFmyKZCK4F+uWwGelxPfAx+wFPPpZ58JzyHX3DEa8TdoFmyesYf3ZKu+nd40nyJvGzEc+7JjYWK2aTn3JPXRTRzVhdYhjkvpp78KMieNeW7yGnPZYfSmsfktV3LHSSWoNVhro+CbTTvdzH+KGyI61batdSXdAcXQDYWBcGx1m2+ha/wHRZUwK+C9/ABtA3q6W7S+vadl6AH9LT8hAk4CKdAQtlJuBIis3340zE+gR+PsXqlkVYzNEsz/5wrQR/MQ2qfWYzHX72RWE+UnppPoP3vijUNVm9qCyz60rvSnXTAJtBjOwKr0wbWV8GtaDulkVYzdLbtGaLdINPed1ZVt3Mlf/21r8NVL1Cpj1+sM9IZvAK9uY8qCas2MfAGyPbC9RCZDVXVl/YxbHsc+FCNxDpE3cWDUmHVIoPug2yna4hvhYzZLs/9l2fInjjoZjqA3JaYn07zbccM0Qujw839TyB3B2Q72h4sAcIDQW52uWiABsf63aJ6aQ6h3uqX8A38q5nTULsHsq25YlkCweEgMzv3j77B2He7rK+hhmAFLII+YGsaigULevSU6bHdXFDOp2g8DrIz+Wo+Q99Q6Da7lq9mWdG3aCWNL+BskaA5V6vVHpPT8FpzTevfkrgJcwZ0OJIAAAAASUVORK5CYII=)}.divider-wrapper .divider[data-v-75ceea4e]{width:12px;height:12px;color:var(--te-canvas-container-border-color-white);background-size:contain;background-repeat:no-repeat;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAACO0lEQVRIDa2Uy6tNURzHN7cwMUAmHncot0QeV5QiBgZKmWEgzDDx+ANu5soMcUkxIY+iEFIKEZnIyMC9GZAMrke6hXt9Pvus1VnntPbZ53B/9dnrt36P7zpr7bVPUTRtD+5j+Arv4QwshDpbTIG1o2CvGmq12CVmk/ADnsGnMHccgCpbRiLWjuA/BTXUUrM0VzNwD+aVkcbjIMNveJnEUrePyWuYgP1JYi6+WmqWO3FLrpqKMy3tHE8LtzemLc99ITfcEm1MXERNtYsxcGs520nQBV61JWcyHw253W25OFVzbDqPj1D1MheF6tWM24LvcAD6w7yqdwF5tYvT4K90y6m5zQ/wE37BC9Bmw2f4Ah6DNdamFo/vlEHP3pvwB87CLjgGNrrwEbgY/K2MQ8E/zHg0+NbaY68aaqmpdmlLeT4HBSPf8RXQloA3ylvzDTx/34OmsLWxz9Hdqtlivo/l4NXy1syB1C4ziSK547THXjXU6tk20uECnn1fz91dNJynJu5gUxf1PZV4nr6DdzABj2BK7Rpq/votcDX4GxinxNagovjDoOZLdBcPwvy/h/souMDaROlGiK1PYv/kbg5C19u6V4b43bZ4z1M/GF/uQKbzFjF3NpjJdRXaEQQuVFQr7AK3K/Idw36Jb2Ec+jtU3iHnIqs61GRTe4naeDKbbQbXhbqbzVC9N4OSEfAPbD7UmbfMa7uirjDmD+H464/HQM3oB2f9lVxd7l9vFoVv4ESuIRN7QkzxaZlc8RcdnI7tMHZBlAAAAABJRU5ErkJggg==)}.divider-line[data-v-75ceea4e]{position:absolute;border:1px dashed var(--te-canvas-container-border-color-checked);z-index:2}.resize-border[data-v-c8e692a1]{position:absolute;display:flex;justify-content:center;align-items:center;z-index:3;top:var(--4d32d4f3);left:var(--59240029);width:var(--680e5c38);height:var(--cd5b1e6e)}.resize-border[data-v-c8e692a1]:after{content:"";display:block;border:1px solid var(--te-canvas-container-border-color-checked)}.resize-border.resize-vertical[data-v-c8e692a1]{cursor:ns-resize}.resize-border.resize-vertical[data-v-c8e692a1]:after{min-width:50%;height:4px}.resize-border.resize-horizontal[data-v-c8e692a1]{cursor:ew-resize}.resize-border.resize-horizontal[data-v-c8e692a1]:after{width:4px;height:100%}.multi-drag-indicator[data-v-43e1ab35]{position:fixed;top:10px;left:50%;transform:translate(-50%);background-color:var(--te-canvas-container-bg-color-checked, rgba(24, 144, 255, .9));color:var(--te-canvas-container-text-color-white, white);padding:8px 16px;border-radius:4px;z-index:1000;box-shadow:0 2px 8px #00000026;font-size:14px;pointer-events:none;border:1px solid var(--te-canvas-container-border-color-checked, #1890ff);display:flex;flex-direction:column;align-items:center;gap:4px;min-width:200px;text-align:center;transition:background-color .3s ease}.multi-drag-indicator .multi-drag-position[data-v-43e1ab35]{font-size:12px;background-color:#fff3;padding:2px 8px;border-radius:2px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multi-drop-indicator[data-v-43e1ab35]{position:absolute;box-sizing:border-box;pointer-events:none;border-color:transparent;z-index:5;top:var(--22980b0d);left:var(--15f893d1);height:var(--6bc77ff1);width:var(--6c6d643c)}.multi-drop-indicator .multi-drop-line.top[data-v-43e1ab35]{width:100%;height:5px;background:var(--te-canvas-container-text-color-checked);position:absolute;top:-3px;animation:pulse-drop-line-43e1ab35 1.5s infinite}.multi-drop-indicator .multi-drop-line.left[data-v-43e1ab35]{width:5px;height:100%;background:var(--te-canvas-container-text-color-checked);position:absolute;left:-3px;animation:pulse-drop-line-43e1ab35 1.5s infinite}.multi-drop-indicator .multi-drop-line.bottom[data-v-43e1ab35]{width:100%;height:5px;background:var(--te-canvas-container-text-color-checked);position:absolute;bottom:-3px;animation:pulse-drop-line-43e1ab35 1.5s infinite}.multi-drop-indicator .multi-drop-line.right[data-v-43e1ab35]{width:5px;height:100%;background:var(--te-canvas-container-text-color-checked);position:absolute;right:-3px;animation:pulse-drop-line-43e1ab35 1.5s infinite}.multi-drop-indicator .multi-drop-line.in[data-v-43e1ab35]{width:100%;height:100%;background:var(--te-canvas-container-hover-line-in-bg-color);border:2px dashed var(--te-canvas-container-border-color-checked, #1890ff);display:flex;justify-content:center;align-items:center;animation:pulse-drop-border-43e1ab35 1.5s infinite}.multi-drop-indicator .multi-drop-line.forbidden[data-v-43e1ab35]:not(.in){background:var(--te-canvas-container-hover-line-forbid-bg-color, #ff4d4f)}.multi-drop-indicator .multi-drop-line.forbidden.in[data-v-43e1ab35]{background:var(--te-canvas-container-hover-line-in-forbid-bg-color, rgba(255, 77, 79, .2));border:2px dashed var(--te-canvas-container-hover-line-forbid-bg-color, #ff4d4f)}.multi-drop-indicator .multi-drop-line .multi-drop-container-hint[data-v-43e1ab35]{background-color:var(--te-canvas-container-bg-color-checked, rgba(24, 144, 255, .9));color:var(--te-canvas-container-text-color-white, white);padding:4px 8px;border-radius:4px;font-size:12px;box-shadow:0 2px 8px #00000026;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multi-drag-preview-container[data-v-43e1ab35]{position:fixed;z-index:1001;pointer-events:none}.multi-drag-preview-item[data-v-43e1ab35]{position:absolute;background-color:var(--te-canvas-container-bg-color-checked, rgba(24, 144, 255, .9));border:2px solid var(--te-canvas-container-border-color-checked, #1890ff);border-radius:4px;padding:6px 10px;color:var(--te-canvas-container-text-color-white, white);font-size:12px;box-shadow:0 4px 12px #0000004d;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis;transition:transform .1s ease;transform-origin:left top;transform:scale(1);display:flex;align-items:center;gap:8px;animation:preview-pulse-43e1ab35 1.5s infinite}.multi-drag-preview-item[data-v-43e1ab35]:hover{transform:scale(1.05)}.multi-drag-preview-item .preview-item-number[data-v-43e1ab35]{display:flex;justify-content:center;align-items:center;width:20px;height:20px;background-color:#ffffff4d;border-radius:50%;font-weight:700;font-size:11px}.multi-drag-preview-item .preview-component-info[data-v-43e1ab35]{display:flex;flex-direction:column}.multi-drag-preview-item .preview-component-name[data-v-43e1ab35]{font-weight:700}.multi-drag-preview-item .preview-component-id[data-v-43e1ab35]{font-size:.8em;color:#fffc}@keyframes preview-pulse-43e1ab35{0%{box-shadow:0 4px 12px #0000004d}50%{box-shadow:0 4px 20px #1890ff80}to{box-shadow:0 4px 12px #0000004d}}@keyframes pulse-drop-line-43e1ab35{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}@keyframes pulse-drop-border-43e1ab35{0%{border-color:#1890ffb3}50%{border-color:#1890ff}to{border-color:#1890ffb3}}.insert-panel[data-v-861d34eb]{z-index:4;position:fixed;top:200px;left:400px}.insert-panel .component-wrap[data-v-861d34eb]{width:480px!important}.insert-panel[data-v-861d34eb] .components-wrap>.tiny-collapse{max-height:300px}.insert-panel[data-v-861d34eb] #pane-blocks{max-height:400px}.datainit-tip[data-v-861d34eb]{display:flex;height:100%;justify-content:center;align-items:center;color:#1890ff}#canvas-wrap[data-v-1506b088]{background:var(--te-canvas-layout-bg-color);flex:1 1 0;border:none;display:flex;justify-content:center;position:relative}#canvas-wrap .site-canvas[data-v-1506b088]{background:var(--te-canvas-layout-content-bg-color);position:absolute;overflow:hidden;margin-bottom:18px;transform-origin:top}.not-selected[data-v-b14a64aa]{pointer-events:none;-webkit-user-select:none;user-select:none}:root{--te-canvas-scrollbar-track-color: var(--te-common-bg-container);--te-canvas-scrollbar-thumb-color: var(--te-common-bg-default);--te-canvas-breadcrumb-bg-color: var(--te-common-bg-default);--te-canvas-breadcrumb-text-color: var(--te-common-text-weaken);--te-canvas-breadcrumb-border-color: var(--te-common-border-divider);--te-canvas-breadcrumb-bg-color-hover: var(--te-common-bg-container);--te-canvas-breadcrumb-arrow-border-color-hover: var(--te-common-border-arrow-hover);--te-canvas-route-text-color-link: var(--te-common-text-link);--te-canvas-route-address-bg-color: var(--te-common-bg-default);--te-canvas-route-bg-color: var(--te-common-bg-prompt);--te-canvas-layout-bg-color: var(--te-common-bg-container);--te-canvas-layout-content-bg-color: var(--te-base-gray-0);--te-canvas-container-text-color-primary: var(--te-common-text-primary);--te-canvas-container-text-color-white: var(--te-base-gray-0);--te-canvas-container-text-color-secondary: var(--te-common-text-secondary);--te-canvas-container-text-color-weaken: var(--te-common-text-weaken);--te-canvas-container-text-color-checked: var(--te-common-text-checked);--te-canvas-container-text-color-disabled: var(--te-common-text-disabled);--te-canvas-container-icon-color: var(--te-common-icon-secondary);--te-canvas-container-icon-color-primary: var(--te-common-icon-primary);--te-canvas-container-border-color-white: var(--te-base-gray-0);--te-canvas-container-border-color-checked: var(--te-common-border-checked);--te-canvas-container-border-color-hover: var(--te-common-border-hover);--te-canvas-container-border-color: var(--te-common-border-default);--te-canvas-container-bg-color: var(--te-common-bg-default);--te-canvas-container-bg-color-white: var(--te-base-gray-0);--te-canvas-container-bg-color-hover: var(--te-common-bg-container);--te-canvas-container-bg-color-checked: var(--te-common-bg-primary-checked);--te-canvas-container-hover-line-in-bg-color: var(--te-base-green-140);--te-canvas-container-hover-line-forbid-bg-color: var(--te-common-color-error);--te-canvas-container-hover-line-in-forbid-bg-color: var(--te-base-red-140);--te-canvas-container-choose-slot-text-color: var(--te-common-text-dark-inverse);--te-canvas-container-corner-mark-left-text-color: var(--te-common-text-emphasize);--te-canvas-container-canvas-size-tab-bg-color: var(--te-common-bg-default);--te-canvas-container-tab-handle-color: var(--te-common-border-hover);--te-canvas-container-router-jumper-text-color: var(--te-common-text-dark-inverse);--te-canvas-container-short-cut-bg-color: var(--te-common-bg-container)}