@touchvue/plugin 1.0.0-beta.11 → 1.0.0-beta.12

package/index.mjs

@@ -4914,6 +4914,7 @@ const defaultLang = {
       fold: "全文"
     },
     guider: {
+      dontShowAgain: "不再显示",
       restart: "再来一遍",
       finish: "完成",
       skip: "跳过",
@@ -9223,8 +9224,10 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     };
     const setClass = computed(() => {
       const arr = [];
-      if (props.col)
+      if (props.col) {
+        arr.push("is-col");
         arr.push(`col-${props.col}`);
+      }
       if (props.submitPosition)
         arr.push(`submit-position-${props.submitPosition}`);
       if (props.mode)
@@ -12081,7 +12084,11 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
       () => props.pageSize,
       (val) => {
         const sizes = typeof props.pageSizes === "string" ? props.pageSizes.split(",") : props.pageSizes;
-        pageSize_.value = sizes.includes(Number(val)) ? Number(val) : Number(sizes[0]);
+        if (props.layout.includes("size") || props.layout === "all") {
+          pageSize_.value = sizes.includes(Number(val)) ? Number(val) : Number(sizes[0]);
+        } else {
+          pageSize_.value = Number(val);
+        }
         nextTick(() => {
           computePager();
         });
@@ -12702,6 +12709,13 @@ const centerScrollProps = {
     required: true,
     default: () => []
   },
+  /**
+   * 模式
+   */
+  mode: {
+    type: String,
+    default: ""
+  },
   /**
    * 当前选中的值
    */
@@ -12714,7 +12728,7 @@ const centerScrollProps = {
    */
   height: {
     type: [String, Number],
-    default: 15
+    default: 17
   }
 };
 const centerScrollEmits = {
@@ -12741,7 +12755,11 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     const scrollTimeout = ref(null);
     const isScrollTo = ref(false);
     const changeBySelf = ref(false);
+    const itemHeight = ref(0);
     const height = computed(() => Number(props.height));
+    onMounted(() => {
+      itemHeight.value = Number(((itemRefs.value[0].getBoundingClientRect().height || 0) / getEm()).toFixed(2));
+    });
     const setItemRef = (el, index) => {
       if (el) {
         itemRefs.value[index] = el;
@@ -12761,6 +12779,12 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
         iData.value = JSON.parse(JSON.stringify(data));
       }
     };
+    const setClass = computed(() => {
+      let arr = [];
+      if (props.mode)
+        arr.push(`mode-${props.mode}`);
+      return arr;
+    });
     const onScroll = () => {
       if (!inited.value)
         return;
@@ -12865,14 +12889,13 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
       centerClosestItem
     });
     return (_ctx, _cache) => {
-      const _directive_dis = resolveDirective("dis");
       return openBlock(), createElementBlock("div", {
-        class: "to-centerScroll",
+        class: normalizeClass(["to-centerScroll", setClass.value]),
         style: normalizeStyle({ height: `${height.value}em` })
       }, [
         createElementVNode("div", {
           class: "to-centerScroll-top",
-          style: normalizeStyle({ height: `${(height.value - 3) / 2}em` })
+          style: normalizeStyle({ height: `${(height.value - itemHeight.value) / 2}em` })
         }, null, 4),
         createElementVNode("div", {
           ref_key: "scrollContainer",
@@ -12882,30 +12905,25 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
         }, [
           createElementVNode("div", {
             class: "to-centerScroll-wrapper",
-            style: normalizeStyle({
-              paddingTop: `${(height.value - 3) / 2}em`,
-              paddingBottom: `${(height.value - 3) / 2}em`
-            })
+            style: normalizeStyle({ paddingTop: `${(height.value - itemHeight.value) / 2}em`, paddingBottom: `${(height.value - itemHeight.value) / 2}em` })
           }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(iData.value, (item, index) => {
-              return withDirectives((openBlock(), createElementBlock("div", {
+              return openBlock(), createElementBlock("div", {
                 key: index,
                 ref_for: true,
                 ref: (el) => setItemRef(el, index),
-                class: normalizeClass(["to-centerScroll-item", { "is-on": item.value === _ctx.modelValue }])
+                class: normalizeClass(["to-centerScroll-item", { "is-on": item.value === _ctx.modelValue, "is-dis": item.disabled }])
               }, [
-                createTextVNode(toDisplayString(item.label), 1)
-              ], 2)), [
-                [_directive_dis, item.disabled]
-              ]);
+                createElementVNode("span", { class: "to-centerScroll-item-text" }, toDisplayString(item.label), 1)
+              ], 2);
             }), 128))
           ], 4)
         ], 544),
         createElementVNode("div", {
           class: "to-centerScroll-bottom",
-          style: normalizeStyle({ height: `${(height.value - 3) / 2}em` })
+          style: normalizeStyle({ height: `${(height.value - itemHeight.value) / 2}em` })
         }, null, 4)
-      ], 4);
+      ], 6);
     };
   }
 });
@@ -13941,14 +13959,15 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     mode: { default: "default" },
     icon: { default: "date" },
     inputable: { type: Boolean, default: true },
-    startPlaceholder: { default: "" },
-    endPlaceholder: { default: "" },
+    startPlaceholder: { default: "开始时间" },
+    endPlaceholder: { default: "结束时间" },
     type: { default: "date" },
     min: { default: "" },
     max: { default: "" },
     disabled: { type: Boolean, default: false },
     clearable: { type: Boolean, default: true },
     prefix: { default: "" },
+    suffix: { default: "" },
     flex: { type: Boolean, default: false }
   },
   emits: ["update:modelValue", "focus", "change"],
@@ -14028,7 +14047,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
       if (props.disabled) {
         return;
       }
-      floatRef.value.open($el.value);
+      floatRef.value.toggle($el.value);
     }
     function handleClose() {
       if (props.disabled) {
@@ -14082,47 +14101,70 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
           [vModelText, endDate.value],
           [unref(vDis), __props.disabled]
         ]),
-        startDate.value && endDate.value && props.clearable ? (openBlock(), createBlock(unref(ToIcon), {
+        startDate.value && endDate.value && props.clearable && !props.disabled ? (openBlock(), createBlock(unref(ToIcon), {
           key: 2,
           value: "close",
           link: "",
-          mode: "date-range-close",
+          class: "to-date-range-clear",
           onClick: handleClose
         })) : createCommentVNode("", true),
+        _ctx.$slots.suffix ? (openBlock(), createElementBlock("span", {
+          key: 3,
+          class: "to-date-range-suffix"
+        }, [
+          renderSlot(_ctx.$slots, "suffix")
+        ])) : createCommentVNode("", true),
+        props.suffix ? (openBlock(), createElementBlock("span", {
+          key: 4,
+          class: "to-date-range-suffix-text"
+        }, [
+          createElementVNode("span", null, toDisplayString(props.suffix), 1)
+        ])) : createCommentVNode("", true),
         createVNode(unref(ToIcon), {
+          link: __props.inputable,
           value: props.icon,
-          mode: "date-range-icon",
+          class: "to-date-range-icon",
           onClick: handleOpen
-        }, null, 8, ["value"]),
-        createVNode(unref(ToFloat), {
-          ref_key: "floatRef",
-          ref: floatRef,
-          width: widthComputed.value
-        }, {
-          default: withCtx(() => [
-            createElementVNode("div", { class: "to-date-range-calendar-content" }, [
-              createVNode(unref(ToCalendar), {
-                modelValue: rangeValue.value,
-                "onUpdate:modelValue": ($event) => rangeValue.value = $event,
-                type: __props.type,
-                range: "",
-                min: __props.min,
-                max: __props.max
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "type", "min", "max"]),
-              createElementVNode("span", { class: "to-date-range-calendar-separator" }),
-              createVNode(unref(ToCalendar), {
-                modelValue: rangeValue.value,
-                "onUpdate:modelValue": ($event) => rangeValue.value = $event,
-                type: __props.type,
-                range: "",
-                "range-type": "end",
-                min: __props.min,
-                max: __props.max
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "type", "min", "max"])
-            ])
-          ]),
-          _: 1
-        }, 8, ["width"])
+        }, null, 8, ["link", "value"]),
+        (openBlock(), createBlock(Teleport, { to: "body" }, [
+          createElementVNode("div", {
+            class: normalizeClass(["to-date-range", setClass.value])
+          }, [
+            createVNode(unref(ToFloat), {
+              ref_key: "floatRef",
+              ref: floatRef,
+              class: "to-date-range-layer",
+              width: widthComputed.value,
+              global: false
+            }, {
+              default: withCtx(() => [
+                createElementVNode("div", { class: "to-date-range-calendars" }, [
+                  createVNode(unref(ToCalendar), {
+                    modelValue: rangeValue.value,
+                    "onUpdate:modelValue": ($event) => rangeValue.value = $event,
+                    class: "to-date-range-calendar",
+                    type: __props.type,
+                    range: "",
+                    min: __props.min,
+                    max: __props.max
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "type", "min", "max"]),
+                  createElementVNode("span", { class: "to-date-range-divider" }),
+                  createVNode(unref(ToCalendar), {
+                    modelValue: rangeValue.value,
+                    "onUpdate:modelValue": ($event) => rangeValue.value = $event,
+                    class: "to-date-range-calendar",
+                    type: __props.type,
+                    range: "",
+                    "range-type": "end",
+                    min: __props.min,
+                    max: __props.max
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "type", "min", "max"])
+                ])
+              ]),
+              _: 1
+            }, 8, ["width"])
+          ], 2)
+        ]))
       ], 10, ["flex"]);
     };
   }
@@ -20036,14 +20078,14 @@ const scrollProps = {
   /**
    * 背景颜色
    */
-  color: {
+  mode: {
     type: String,
     default: ""
   },
   /**
    * 滚动模式
    */
-  mode: {
+  type: {
     type: String,
     default: ""
   }
@@ -20454,6 +20496,9 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       if (props.mode) {
         arr.push(`mode-${props.mode}`);
       }
+      if (props.type) {
+        arr.push(`type-${props.type}`);
+      }
       return arr;
     });
     const setContentStyle = computed(() => {
@@ -20489,10 +20534,6 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
         obj.position = "relative";
         obj.width = "100%";
       }
-      if (props.mode === "horizontal") {
-        obj.width = props.virtual ? "100%" : "max-content";
-        obj.display = "inline-block";
-      }
       return obj;
     });
     function adjust() {
@@ -20910,7 +20951,7 @@ const _sfc_main$m = defineComponent({
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     flex: _ctx.flex ? _ctx.flex : null,
-    class: normalizeClass(["to-breadcrumb", [`is-${_ctx.mode}`]])
+    class: normalizeClass(["to-breadcrumb", [`mode-${_ctx.mode}`]])
   }, [
     renderSlot(_ctx.$slots, "default")
   ], 10, ["flex"]);
@@ -20957,7 +20998,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_to_icon = resolveComponent("to-icon");
   return openBlock(), createElementBlock("span", { class: "to-breadcrumb-item" }, [
     createElementVNode("span", {
-      class: normalizeClass(["to-breadcrumb-item__inner", _ctx.to ? "is-link" : ""]),
+      class: normalizeClass(["to-breadcrumb-item-label", _ctx.to ? "is-link" : ""]),
       role: "link",
       onClick: _ctx.handleClick
     }, [
@@ -20965,10 +21006,10 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     ], 10, ["onClick"]),
     !((_a2 = _ctx.breadcrumbData) == null ? void 0 : _a2.separatorIcon) ? (openBlock(), createElementBlock("span", {
       key: 0,
-      class: "to-breadcrumb-item__separator"
+      class: "to-breadcrumb-item-separator"
     }, toDisplayString((_b = _ctx.breadcrumbData) == null ? void 0 : _b.separator), 1)) : (openBlock(), createBlock(_component_to_icon, {
       key: 1,
-      class: "to-breadcrumb-item__separator",
+      class: "to-breadcrumb-item-separator",
       value: (_c = _ctx.breadcrumbData) == null ? void 0 : _c.separatorIcon
     }, null, 8, ["value"]))
   ]);
@@ -22834,7 +22875,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   props: {
     data: { default: () => [] },
     auto: { type: Boolean, default: false },
-    mode: { default: "" }
+    mode: { default: "" },
+    pic: { default: "" }
   },
   emits: ["opened", "closed", "complete"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -22855,7 +22897,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     const setClass = computed(() => {
       let arr = [];
       if (props.mode) {
-        arr.push(`to-guider-mode-${props.mode}`);
+        arr.push(`mode-${props.mode}`);
       }
       return arr;
     });
@@ -22894,7 +22936,6 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       }, 200);
     };
     const init = (during) => {
-      var _a2;
       let delay = 0;
       if (during) {
         delay = during;
@@ -22904,25 +22945,17 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         return;
       const id = currentStep.id;
       el.value = document.getElementById(id);
-      if (el.value && el.value.scrollIntoView) {
-        el.value.scrollIntoView();
-      } else {
-        if (step.value < props.data.length - 1) {
-          step.value += 1;
-        }
-        (_a2 = tooltipRef.value) == null ? void 0 : _a2.warning(id + " 元素未找到");
-      }
       desc.value = currentStep.desc;
       title.value = currentStep.title || "";
       const innerTimer = setTimeout(() => {
-        var _a3, _b, _c;
+        var _a2, _b, _c;
         let left = 0;
         let top = 0;
         if (el.value && el.value.getBoundingClientRect) {
           left = el.value.getBoundingClientRect().left;
           top = el.value.getBoundingClientRect().top;
         }
-        const width = ((_a3 = el.value) == null ? void 0 : _a3.offsetWidth) || 0;
+        const width = ((_a2 = el.value) == null ? void 0 : _a2.offsetWidth) || 0;
         const height = ((_b = el.value) == null ? void 0 : _b.offsetHeight) || 0;
         bg0Style.value = {
           width: left + "px"
@@ -22976,7 +23009,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
     __expose({ open: open2, close: close2 });
     return (_ctx, _cache) => {
-      const _component_to_gap = resolveComponent("to-gap");
+      const _component_to_pic = resolveComponent("to-pic");
       const _component_to_checkbox = resolveComponent("to-checkbox");
       const _component_to_button = resolveComponent("to-button");
       const _component_to_tooltip = resolveComponent("to-tooltip");
@@ -22985,24 +23018,26 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["to-guider", setClass.value])
       }, [
         createElementVNode("div", {
-          class: "bg",
+          class: "to-guider-bg",
           style: normalizeStyle(bg0Style.value)
         }, null, 4),
         createElementVNode("div", {
-          class: "bg",
+          class: "to-guider-bg",
           style: normalizeStyle(bg1Style.value)
         }, null, 4),
         createElementVNode("div", {
-          class: "bg",
+          class: "to-guider-bg",
           style: normalizeStyle(bg2Style.value)
         }, null, 4),
         createElementVNode("div", {
-          class: "bg",
+          class: "to-guider-bg",
           style: normalizeStyle(bg3Style.value)
         }, null, 4),
         withDirectives(createVNode(_component_to_tooltip, {
           ref_key: "tooltipRef",
           ref: tooltipRef,
+          class: "to-guider-tip",
+          readonly: false,
           color: "bg",
           shadow: "",
           "close-on-blur": false,
@@ -23010,77 +23045,70 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           width: "35"
         }, {
           default: withCtx(() => [
-            createElementVNode("div", { class: "to-guiderContent" }, [
-              createElementVNode("div", { class: "content" }, [
-                createElementVNode("div", { class: "title" }, toDisplayString(title.value), 1),
-                title.value.length ? (openBlock(), createBlock(_component_to_gap, {
-                  key: 0,
-                  type: "line"
-                })) : createCommentVNode("", true),
+            props.pic ? (openBlock(), createBlock(_component_to_pic, {
+              key: 0,
+              class: "to-guider-pic",
+              src: props.pic
+            }, null, 8, ["src"])) : createCommentVNode("", true),
+            createElementVNode("div", { class: "to-guider-content" }, [
+              title.value ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: "to-guider-title"
+              }, [
+                createElementVNode("div", { class: "to-guider-title-text" }, toDisplayString(title.value), 1)
+              ])) : createCommentVNode("", true),
+              createElementVNode("div", { class: "to-guider-desc" }, [
                 createElementVNode("div", {
-                  class: "desc",
+                  class: "to-guider-desc-text",
                   innerHTML: desc.value
-                }, null, 8, ["innerHTML"]),
-                createElementVNode("div", { class: "fn" }, [
-                  createVNode(_component_to_checkbox, {
-                    modelValue: isNever.value,
-                    "onUpdate:modelValue": ($event) => isNever.value = $event,
-                    label: unref(t)("to.guider.dontShowAgain")
-                  }, null, 8, ["modelValue", "onUpdate:modelValue", "label"]),
-                  step.value + 1 === __props.data.length ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                    createVNode(_component_to_button, {
-                      fillet: "normal",
-                      color: "primary",
-                      mode: "line",
-                      onClick: handleRestart
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(unref(t)("to.guider.restart")), 1)
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_to_gap, {
-                      value: 1,
-                      type: "inline"
-                    }),
-                    createVNode(_component_to_button, {
-                      color: "primary",
-                      fillet: "normal",
-                      onClick: handleComplete
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(unref(t)("to.guider.finish")), 1)
-                      ]),
-                      _: 1
-                    })
-                  ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                    createVNode(_component_to_button, {
-                      fillet: "normal",
-                      color: "primary",
-                      mode: "line",
-                      onClick: handleClose
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(unref(t)("to.guider.skip")), 1)
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_to_gap, {
-                      value: 1,
-                      type: "inline"
-                    }),
-                    createVNode(_component_to_button, {
-                      fillet: "normal",
-                      color: "primary",
-                      onClick: handleNext
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(unref(t)("to.guider.next")), 1)
-                      ]),
-                      _: 1
-                    })
-                  ], 64))
-                ])
+                }, null, 8, ["innerHTML"])
+              ]),
+              createElementVNode("div", { class: "to-guider-fn" }, [
+                createVNode(_component_to_checkbox, {
+                  modelValue: isNever.value,
+                  "onUpdate:modelValue": ($event) => isNever.value = $event,
+                  class: "to-guider-checkbox",
+                  label: unref(t)("to.guider.dontShowAgain")
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "label"]),
+                step.value + 1 === __props.data.length ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  createVNode(_component_to_button, {
+                    class: "to-guider-restart",
+                    onClick: handleRestart
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(t)("to.guider.restart")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_to_button, {
+                    class: "to-guider-finish",
+                    onClick: handleComplete
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(t)("to.guider.finish")), 1)
+                    ]),
+                    _: 1
+                  })
+                ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                  createVNode(_component_to_button, {
+                    class: "to-guider-skip",
+                    onClick: handleClose
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(t)("to.guider.skip")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_to_button, {
+                    class: "to-guider-next",
+                    onClick: handleNext
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(t)("to.guider.next")), 1)
+                    ]),
+                    _: 1
+                  })
+                ], 64))
               ])
             ])
           ]),
@@ -26438,7 +26466,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           }
           series.push({
             type: props.chartsType,
-            data: props.data.map((item) => item.value),
+            data: props.data,
             barWidth: Number(props.barSize) * currentEm.value,
             itemStyle: getItemStyle(),
             label: getSeriesLabelConfig(),
@@ -27172,17 +27200,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }, 200);
     };
     const handleChartClick = (params) => {
-      const dataIndex = params.dataIndex;
-      const sourceData = props.data[dataIndex];
-      const colorArray = isArray(props.color) ? props.color : [];
-      const resolvedColor = colorArray.length > 0 ? colorArray[dataIndex % colorArray.length] : props.color;
-      const clickedData = {
-        name: sourceData.name,
-        value: sourceData.value,
-        color: resolvedColor,
-        index: dataIndex
-      };
-      emit("item-click", clickedData);
+      emit("item-click", params);
     };
     watch(
       () => props.data,
@@ -27230,8 +27248,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const echartsBar_vue_vue_type_style_index_0_scoped_8d27fd48_lang = "";
-const EchartsBar = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-8d27fd48"]]);
+const echartsBar_vue_vue_type_style_index_0_scoped_520981ab_lang = "";
+const EchartsBar = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-520981ab"]]);
 const ToEchartsBar = withInstall(EchartsBar);
 const DEFAULT_VIEW_CONTROL = {
   zoomSensitivity: 0,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@touchvue/plugin",
-	"version": "1.0.0-beta.11",
+	"version": "1.0.0-beta.12",
 	"description": "Vue3 Plugin Library",
 	"private": false,
 	"type": "module",

package/style/style.css

@@ -1 +1 @@
-.mce-container,.mce-container *,.mce-widget,.mce-widget *,.mce-reset{white-space:pre-wrap!important}.to-watermark[data-v-52e4c07e]{position:absolute;inset:0;pointer-events:none}.to-watermark-grid[data-v-52e4c07e]{display:grid;grid-template-columns:repeat(var(--v66af80a3),1fr);grid-template-rows:repeat(var(--v66afb8fd),1fr);width:100%;height:100%;gap:var(--v86b305f8)}.to-watermark-item[data-v-52e4c07e]{display:flex;align-items:center;justify-content:center}.to-watermark-content[data-v-52e4c07e]{pointer-events:none!important;transform-origin:center}.to-step-tree{white-space:nowrap}.to-step-tree-item{display:inline-block;position:relative}.to-step-tree-item:last-child>.to-step-tree-item-arrow{display:none}.to-step-item-line{position:absolute;width:0;top:100%;left:4em;height:4em;border-left:1px dashed #ccc}.to-step-tree-item-children{position:absolute;left:0}.to-step-tree-item-node{padding:.5em;box-sizing:border-box;text-align:center;white-space:normal;display:inline-block;vertical-align:top;width:8em}.to-step-tree-item-arrow{display:inline-block;margin-left:-.5em;margin-right:-.5em;position:relative;vertical-align:top;margin-top:1.5em}.to-step-tree-item-arrow:before{content:"";width:5em;height:1px;display:block;background:#ccc}.to-step-tree-item-arrow:after{position:absolute;right:-.3em;width:0;transform:translateY(-55%);height:0;border:.3em solid #ccc;content:"";border-top-color:#0000;border-bottom-color:#0000;border-right-color:#0000}.to-step-tree-item-arrow .to-step-tree-item-arrow-content{position:absolute;width:100%;left:0;text-align:center;top:0;transform:translateY(-50%)}.to-step-tree-item-arrow .to-step-tree-item-arrow-content-top{position:absolute;width:100%;left:0;text-align:center;bottom:.5em}.to-step-tree-item-arrow .to-step-tree-item-arrow-content-bottom{position:absolute;width:100%;left:0;text-align:center;top:.5em}.to-step-tree-item-icon{text-align:center;font-size:116.67%;padding:.5em;margin:0 auto;width:2em;height:2em;background:#d9d9d9;color:#fff;line-height:1em;font-weight:700;border-radius:50%}.to-step-tree-item-label{margin-top:.5em}.to-step-tree-item-state-current>.to-step-tree-item-node .to-step-tree-item-icon{background:#0085d0}.to-step-tree-item-state-finished>.to-step-tree-item-node .to-step-tree-item-icon{background:#cce099}.to-echarts-pie{position:relative;margin:0 auto;display:inline-flex;align-items:center;overflow:hidden}.to-echarts-pie-legend{flex:1}.to-echarts-pie-pic{position:relative;align-self:center;display:inline-block;overflow:visible}.to-echarts-pie-background{position:absolute;pointer-events:none}.to-echarts-pie-background img{width:100%;height:100%;object-fit:contain}.to-echarts-pie-pic-content{position:relative}.to-echarts-pie-pic-text{pointer-events:none;position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:100%}.to-echarts-pie-pic-value{font-size:2.4em}.to-echarts-pie-pic-label{font-size:1.5em}.to-echarts-pie.has-legend{display:flex;gap:1em;margin:0 auto}.to-echarts-pie.layout-v{flex-direction:column;align-items:inherit;text-align:center}.to-echarts-pie.side-top .to-echarts-pie-pic-text{bottom:0;transform:translate(-50%)}.to-echarts-pie.side-bottom .to-echarts-pie-pic-content{margin-top:-50%}.to-echarts-pie.side-bottom .to-echarts-pie-pic-text{top:0;transform:translate(-50%)}.to-echarts-bar[data-v-8d27fd48]{position:relative}.to-echarts-tooltip,.echarts-tooltip{z-index:3000000!important;pointer-events:none;color:#dcdcdc9f}.to-echarts-map.tip-custom>div:nth-child(2){padding:0!important;border:0 none!important;box-shadow:none!important;background:none!important;font-size:100%!important}.to-echarts-map.tip-custom>div:nth-child(2)>div:nth-child(2){display:none}.to-echarts-radar[data-v-4fad364c]{position:relative}.to-echarts-tooltip,.echarts-tooltip{z-index:3000000!important;pointer-events:none}
+.mce-container,.mce-container *,.mce-widget,.mce-widget *,.mce-reset{white-space:pre-wrap!important}.to-watermark[data-v-52e4c07e]{position:absolute;inset:0;pointer-events:none}.to-watermark-grid[data-v-52e4c07e]{display:grid;grid-template-columns:repeat(var(--v66af80a3),1fr);grid-template-rows:repeat(var(--v66afb8fd),1fr);width:100%;height:100%;gap:var(--v86b305f8)}.to-watermark-item[data-v-52e4c07e]{display:flex;align-items:center;justify-content:center}.to-watermark-content[data-v-52e4c07e]{pointer-events:none!important;transform-origin:center}.to-step-tree{white-space:nowrap}.to-step-tree-item{display:inline-block;position:relative}.to-step-tree-item:last-child>.to-step-tree-item-arrow{display:none}.to-step-item-line{position:absolute;width:0;top:100%;left:4em;height:4em;border-left:1px dashed #ccc}.to-step-tree-item-children{position:absolute;left:0}.to-step-tree-item-node{padding:.5em;box-sizing:border-box;text-align:center;white-space:normal;display:inline-block;vertical-align:top;width:8em}.to-step-tree-item-arrow{display:inline-block;margin-left:-.5em;margin-right:-.5em;position:relative;vertical-align:top;margin-top:1.5em}.to-step-tree-item-arrow:before{content:"";width:5em;height:1px;display:block;background:#ccc}.to-step-tree-item-arrow:after{position:absolute;right:-.3em;width:0;transform:translateY(-55%);height:0;border:.3em solid #ccc;content:"";border-top-color:#0000;border-bottom-color:#0000;border-right-color:#0000}.to-step-tree-item-arrow .to-step-tree-item-arrow-content{position:absolute;width:100%;left:0;text-align:center;top:0;transform:translateY(-50%)}.to-step-tree-item-arrow .to-step-tree-item-arrow-content-top{position:absolute;width:100%;left:0;text-align:center;bottom:.5em}.to-step-tree-item-arrow .to-step-tree-item-arrow-content-bottom{position:absolute;width:100%;left:0;text-align:center;top:.5em}.to-step-tree-item-icon{text-align:center;font-size:116.67%;padding:.5em;margin:0 auto;width:2em;height:2em;background:#d9d9d9;color:#fff;line-height:1em;font-weight:700;border-radius:50%}.to-step-tree-item-label{margin-top:.5em}.to-step-tree-item-state-current>.to-step-tree-item-node .to-step-tree-item-icon{background:#0085d0}.to-step-tree-item-state-finished>.to-step-tree-item-node .to-step-tree-item-icon{background:#cce099}.to-echarts-pie{position:relative;margin:0 auto;display:inline-flex;align-items:center;overflow:hidden}.to-echarts-pie-legend{flex:1}.to-echarts-pie-pic{position:relative;align-self:center;display:inline-block;overflow:visible}.to-echarts-pie-background{position:absolute;pointer-events:none}.to-echarts-pie-background img{width:100%;height:100%;object-fit:contain}.to-echarts-pie-pic-content{position:relative}.to-echarts-pie-pic-text{pointer-events:none;position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:100%}.to-echarts-pie-pic-value{font-size:2.4em}.to-echarts-pie-pic-label{font-size:1.5em}.to-echarts-pie.has-legend{display:flex;gap:1em;margin:0 auto}.to-echarts-pie.layout-v{flex-direction:column;align-items:inherit;text-align:center}.to-echarts-pie.side-top .to-echarts-pie-pic-text{bottom:0;transform:translate(-50%)}.to-echarts-pie.side-bottom .to-echarts-pie-pic-content{margin-top:-50%}.to-echarts-pie.side-bottom .to-echarts-pie-pic-text{top:0;transform:translate(-50%)}.to-echarts-bar[data-v-520981ab]{position:relative}.to-echarts-tooltip,.echarts-tooltip{z-index:3000000!important;pointer-events:none;color:#dcdcdc9f}.to-echarts-map.tip-custom>div:nth-child(2){padding:0!important;border:0 none!important;box-shadow:none!important;background:none!important;font-size:100%!important}.to-echarts-map.tip-custom>div:nth-child(2)>div:nth-child(2){display:none}.to-echarts-radar[data-v-4fad364c]{position:relative}.to-echarts-tooltip,.echarts-tooltip{z-index:3000000!important;pointer-events:none}