@fmdevui/fm-dev 1.0.27 → 1.0.28

package/index.mjs

@@ -1,4 +1,4 @@
-/*! fm-dev v1.0.27 */
+/*! fm-dev v1.0.28 */
 import { defineComponent, reactive, computed, watch, resolveComponent, createBlock, openBlock, withCtx, createVNode, createElementVNode, createTextVNode, toDisplayString as toDisplayString$1, withDirectives, createElementBlock, Fragment, renderList, vShow, ref, onMounted, nextTick, normalizeStyle, createCommentVNode, normalizeClass, withModifiers, resolveDynamicComponent, inject, getCurrentInstance, onUnmounted, onDeactivated, onActivated, effectScope, markRaw, toRaw as toRaw$1, isRef as isRef$1, isReactive as isReactive$1, toRef, hasInjectionContext, unref, getCurrentScope, onScopeDispose, toRefs, shallowRef, h, Text, resolveDirective, createSlots, onBeforeMount, TransitionGroup, withKeys, mergeProps, toHandlers, Transition, onBeforeUpdate, KeepAlive } from 'vue';
 import { ElMessage, dayjs, ElMessageBox, ElNotification } from 'element-plus';
 import crypto$1 from 'crypto';
@@ -36725,311 +36725,6 @@ const setDictLangMessageAsync = async (dict) => {
   dict.label = text !== dict.langMessage && !text.endsWith(`${dict.typeCode}_${dict.value}`) ? text : dict.label;
 };
 
-function useTitle() {
-  const stores = useThemeConfig(pinia);
-  const { themeConfig } = storeToRefs(stores);
-  const router = useRouter();
-  nextTick(() => {
-    let webTitle = "";
-    let globalTitle = themeConfig.value.globalTitle;
-    const { path, meta } = router.currentRoute.value;
-    if (path === "/login") {
-      webTitle = meta.title;
-    } else {
-      webTitle = setTagsViewNameI18n(router.currentRoute.value);
-    }
-    document.title = `${webTitle} - ${globalTitle}` || globalTitle;
-  });
-}
-function setTagsViewNameI18n(item) {
-  let tagsViewName = "";
-  const { query, params, meta } = item;
-  const i18n = useI18n();
-  const pattern = /^\{("(zh-CN|en|zh-TW)":"[^,]+",?){1,3}}$/;
-  if (query?.tagsViewName || params?.tagsViewName) {
-    if (pattern.test(query?.tagsViewName) || pattern.test(params?.tagsViewName)) {
-      const urlTagsParams = query?.tagsViewName && JSON.parse(query?.tagsViewName) || params?.tagsViewName && JSON.parse(params?.tagsViewName);
-      tagsViewName = urlTagsParams[i18n.locale.value];
-    } else {
-      tagsViewName = query?.tagsViewName || params?.tagsViewName;
-    }
-  } else {
-    tagsViewName = i18n.t(`message.menu.${meta.title}`);
-  }
-  return tagsViewName;
-}
-const lazyImg = (el, arr) => {
-  const io = new IntersectionObserver((res) => {
-    res.forEach((v) => {
-      if (v.isIntersecting) {
-        const { img, key } = v.target.dataset;
-        v.target.src = img;
-        v.target.onload = () => {
-          io.unobserve(v.target);
-          arr[key]["loading"] = false;
-        };
-      }
-    });
-  });
-  nextTick(() => {
-    document.querySelectorAll(el).forEach((img) => io.observe(img));
-  });
-};
-const globalComponentSize = () => {
-  const stores = useThemeConfig(pinia);
-  const { themeConfig } = storeToRefs(stores);
-  return Local.get("themeConfig")?.globalComponentSize || themeConfig.value?.globalComponentSize;
-};
-function deepClone(obj) {
-  let newObj;
-  try {
-    newObj = obj.push ? [] : {};
-  } catch (error) {
-    newObj = {};
-  }
-  for (let attr in obj) {
-    if (obj[attr] && typeof obj[attr] === "object") {
-      newObj[attr] = deepClone(obj[attr]);
-    } else {
-      newObj[attr] = obj[attr];
-    }
-  }
-  return newObj;
-}
-function isMobile() {
-  if (navigator.userAgent.match(/('phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone')/i)) {
-    return true;
-  } else {
-    return false;
-  }
-}
-function handleEmpty(list) {
-  const arr = [];
-  for (const i in list) {
-    const d = [];
-    for (const j in list[i]) {
-      d.push(list[i][j]);
-    }
-    const leng = d.filter((item) => item === "").length;
-    if (leng !== d.length) {
-      arr.push(list[i]);
-    }
-  }
-  return arr;
-}
-function handleOpenLink(val) {
-  const { origin, pathname } = window.location;
-  const router = useRouter();
-  router.push(val.path);
-  if (verifyUrl(val.meta?.isLink)) window.open(val.meta?.isLink);
-  else window.open(`${origin}${pathname}#${val.meta?.isLink}`);
-}
-const other = {
-  useTitle: () => {
-    useTitle();
-  },
-  setTagsViewNameI18n(route) {
-    return setTagsViewNameI18n(route);
-  },
-  lazyImg: (el, arr) => {
-    lazyImg(el, arr);
-  },
-  globalComponentSize: () => {
-    return globalComponentSize();
-  },
-  deepClone: (obj) => {
-    return deepClone(obj);
-  },
-  isMobile: () => {
-    return isMobile();
-  },
-  handleEmpty: (list) => {
-    return handleEmpty(list);
-  },
-  handleOpenLink: (val) => {
-    handleOpenLink(val);
-  }
-};
-
-const cssCdnUrlList = [
-  // 调整为从本地引入，注释下面的 url
-  // '//at.alicdn.com/t/c/font_2298093_rnp72ifj3ba.css',
-  // '//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css',
-];
-const jsCdnUrlList = [];
-function setCssCdn() {
-  if (cssCdnUrlList.length <= 0) return false;
-  cssCdnUrlList.map((v) => {
-    let link = document.createElement("link");
-    link.rel = "stylesheet";
-    link.href = v;
-    link.crossOrigin = "anonymous";
-    document.getElementsByTagName("head")[0].appendChild(link);
-  });
-}
-function setJsCdn() {
-  if (jsCdnUrlList.length <= 0) return false;
-  jsCdnUrlList.map((v) => {
-    let link = document.createElement("script");
-    link.src = v;
-    document.body.appendChild(link);
-  });
-}
-const setIntroduction = {
-  // 设置css
-  cssCdn: () => {
-    setCssCdn();
-  },
-  // 设置js
-  jsCdn: () => {
-    setJsCdn();
-  }
-};
-
-const NextLoading = {
-  // 创建 loading
-  start: () => {
-    const bodys = document.body;
-    const div = document.createElement("div");
-    div.setAttribute("class", "loading-next");
-    const htmls = `
-			<div class="loading-next-box">
-				<div class="loading-next-box-warp">
-					<div class="loading-next-box-item"></div>
-					<div class="loading-next-box-item"></div>
-					<div class="loading-next-box-item"></div>
-					<div class="loading-next-box-item"></div>
-					<div class="loading-next-box-item"></div>
-					<div class="loading-next-box-item"></div>
-					<div class="loading-next-box-item"></div>
-					<div class="loading-next-box-item"></div>
-					<div class="loading-next-box-item"></div>
-				</div>
-			</div>
-		`;
-    div.innerHTML = htmls;
-    bodys.insertBefore(div, bodys.childNodes[0]);
-    window.nextLoading = true;
-  },
-  // 移除 loading
-  done: (time = 0) => {
-    nextTick(() => {
-      setTimeout(() => {
-        window.nextLoading = false;
-        const el = document.querySelector(".loading-next");
-        el?.parentNode?.removeChild(el);
-      }, time);
-    });
-  }
-};
-
-function authDirective(app) {
-  app.directive("auth", {
-    mounted(el, binding) {
-      const stores = useUserInfo();
-      if (!stores.userInfos.authApiList) {
-        el.parentNode.removeChild(el);
-      } else {
-        if (!stores.userInfos.authApiList.some((v) => v === binding.value)) el.parentNode.removeChild(el);
-      }
-    }
-  });
-  app.directive("auths", {
-    mounted(el, binding) {
-      let flag = false;
-      const stores = useUserInfo();
-      stores.userInfos.authApiList.map((val) => {
-        binding.value.map((v) => {
-          if (val === v) flag = true;
-        });
-      });
-      if (!flag) el.parentNode.removeChild(el);
-    }
-  });
-  app.directive("auth-all", {
-    mounted(el, binding) {
-      const stores = useUserInfo();
-      const flag = judgementSameArr(binding.value, stores.userInfos.authApiList);
-      if (!flag) el.parentNode.removeChild(el);
-    }
-  });
-}
-
-function wavesDirective(app) {
-  app.directive("waves", {
-    mounted(el, binding) {
-      el.classList.add("waves-effect");
-      binding.value && el.classList.add(`waves-${binding.value}`);
-      function setConvertStyle(obj) {
-        let style = "";
-        for (let i in obj) {
-          if (obj.hasOwnProperty(i)) style += `${i}:${obj[i]};`;
-        }
-        return style;
-      }
-      function onCurrentClick(e) {
-        let elDiv = document.createElement("div");
-        elDiv.classList.add("waves-ripple");
-        el.appendChild(elDiv);
-        let styles = {
-          left: `${e.layerX}px`,
-          top: `${e.layerY}px`,
-          opacity: 1,
-          transform: `scale(${el.clientWidth / 100 * 10})`,
-          "transition-duration": `750ms`,
-          "transition-timing-function": `cubic-bezier(0.250, 0.460, 0.450, 0.940)`
-        };
-        elDiv.setAttribute("style", setConvertStyle(styles));
-        setTimeout(() => {
-          elDiv.setAttribute(
-            "style",
-            setConvertStyle({
-              opacity: 0,
-              transform: styles.transform,
-              left: styles.left,
-              top: styles.top
-            })
-          );
-          setTimeout(() => {
-            elDiv && el.removeChild(elDiv);
-          }, 750);
-        }, 450);
-      }
-      el.addEventListener("mousedown", onCurrentClick, false);
-    },
-    unmounted(el) {
-      el.addEventListener("mousedown", () => {
-      });
-    }
-  });
-}
-function reclickDirective(app) {
-  app.directive("reclick", {
-    mounted(el, time) {
-      el.addEventListener("click", () => {
-        if (!el.disabled) {
-          el.disabled = true;
-          setTimeout(
-            () => {
-              el.disabled = false;
-            },
-            time.value === void 0 ? 500 : time.value
-          );
-        }
-      });
-    },
-    unmounted(el) {
-      el.disabled = false;
-    }
-  });
-}
-
-function directive(app) {
-  authDirective(app);
-  wavesDirective(app);
-  reclickDirective(app);
-}
-
 var de = {
   name: "de",
   el: {
@@ -50306,6 +50001,310 @@ async function setupI18n(app, tempmodel, lang) {
   });
 }
 
+function useTitle() {
+  const stores = useThemeConfig(pinia);
+  const { themeConfig } = storeToRefs(stores);
+  const router = useRouter();
+  nextTick(() => {
+    let webTitle = "";
+    let globalTitle = themeConfig.value.globalTitle;
+    const { path, meta } = router.currentRoute.value;
+    if (path === "/login") {
+      webTitle = meta.title;
+    } else {
+      webTitle = setTagsViewNameI18n(router.currentRoute.value);
+    }
+    document.title = `${webTitle} - ${globalTitle}` || globalTitle;
+  });
+}
+function setTagsViewNameI18n(item) {
+  let tagsViewName = "";
+  const { query, params, meta } = item;
+  const pattern = /^\{("(zh-CN|en|zh-TW)":"[^,]+",?){1,3}}$/;
+  if (query?.tagsViewName || params?.tagsViewName) {
+    if (pattern.test(query?.tagsViewName) || pattern.test(params?.tagsViewName)) {
+      const urlTagsParams = query?.tagsViewName && JSON.parse(query?.tagsViewName) || params?.tagsViewName && JSON.parse(params?.tagsViewName);
+      tagsViewName = urlTagsParams[i18n.global.locale.value];
+    } else {
+      tagsViewName = query?.tagsViewName || params?.tagsViewName;
+    }
+  } else {
+    tagsViewName = i18n.global.t(`message.menu.${meta.title}`);
+  }
+  return tagsViewName;
+}
+const lazyImg = (el, arr) => {
+  const io = new IntersectionObserver((res) => {
+    res.forEach((v) => {
+      if (v.isIntersecting) {
+        const { img, key } = v.target.dataset;
+        v.target.src = img;
+        v.target.onload = () => {
+          io.unobserve(v.target);
+          arr[key]["loading"] = false;
+        };
+      }
+    });
+  });
+  nextTick(() => {
+    document.querySelectorAll(el).forEach((img) => io.observe(img));
+  });
+};
+const globalComponentSize = () => {
+  const stores = useThemeConfig(pinia);
+  const { themeConfig } = storeToRefs(stores);
+  return Local.get("themeConfig")?.globalComponentSize || themeConfig.value?.globalComponentSize;
+};
+function deepClone(obj) {
+  let newObj;
+  try {
+    newObj = obj.push ? [] : {};
+  } catch (error) {
+    newObj = {};
+  }
+  for (let attr in obj) {
+    if (obj[attr] && typeof obj[attr] === "object") {
+      newObj[attr] = deepClone(obj[attr]);
+    } else {
+      newObj[attr] = obj[attr];
+    }
+  }
+  return newObj;
+}
+function isMobile() {
+  if (navigator.userAgent.match(/('phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone')/i)) {
+    return true;
+  } else {
+    return false;
+  }
+}
+function handleEmpty(list) {
+  const arr = [];
+  for (const i in list) {
+    const d = [];
+    for (const j in list[i]) {
+      d.push(list[i][j]);
+    }
+    const leng = d.filter((item) => item === "").length;
+    if (leng !== d.length) {
+      arr.push(list[i]);
+    }
+  }
+  return arr;
+}
+function handleOpenLink(val) {
+  const { origin, pathname } = window.location;
+  const router = useRouter();
+  router.push(val.path);
+  if (verifyUrl(val.meta?.isLink)) window.open(val.meta?.isLink);
+  else window.open(`${origin}${pathname}#${val.meta?.isLink}`);
+}
+const other = {
+  useTitle: () => {
+    useTitle();
+  },
+  setTagsViewNameI18n(route) {
+    return setTagsViewNameI18n(route);
+  },
+  lazyImg: (el, arr) => {
+    lazyImg(el, arr);
+  },
+  globalComponentSize: () => {
+    return globalComponentSize();
+  },
+  deepClone: (obj) => {
+    return deepClone(obj);
+  },
+  isMobile: () => {
+    return isMobile();
+  },
+  handleEmpty: (list) => {
+    return handleEmpty(list);
+  },
+  handleOpenLink: (val) => {
+    handleOpenLink(val);
+  }
+};
+
+const cssCdnUrlList = [
+  // 调整为从本地引入，注释下面的 url
+  // '//at.alicdn.com/t/c/font_2298093_rnp72ifj3ba.css',
+  // '//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css',
+];
+const jsCdnUrlList = [];
+function setCssCdn() {
+  if (cssCdnUrlList.length <= 0) return false;
+  cssCdnUrlList.map((v) => {
+    let link = document.createElement("link");
+    link.rel = "stylesheet";
+    link.href = v;
+    link.crossOrigin = "anonymous";
+    document.getElementsByTagName("head")[0].appendChild(link);
+  });
+}
+function setJsCdn() {
+  if (jsCdnUrlList.length <= 0) return false;
+  jsCdnUrlList.map((v) => {
+    let link = document.createElement("script");
+    link.src = v;
+    document.body.appendChild(link);
+  });
+}
+const setIntroduction = {
+  // 设置css
+  cssCdn: () => {
+    setCssCdn();
+  },
+  // 设置js
+  jsCdn: () => {
+    setJsCdn();
+  }
+};
+
+const NextLoading = {
+  // 创建 loading
+  start: () => {
+    const bodys = document.body;
+    const div = document.createElement("div");
+    div.setAttribute("class", "loading-next");
+    const htmls = `
+			<div class="loading-next-box">
+				<div class="loading-next-box-warp">
+					<div class="loading-next-box-item"></div>
+					<div class="loading-next-box-item"></div>
+					<div class="loading-next-box-item"></div>
+					<div class="loading-next-box-item"></div>
+					<div class="loading-next-box-item"></div>
+					<div class="loading-next-box-item"></div>
+					<div class="loading-next-box-item"></div>
+					<div class="loading-next-box-item"></div>
+					<div class="loading-next-box-item"></div>
+				</div>
+			</div>
+		`;
+    div.innerHTML = htmls;
+    bodys.insertBefore(div, bodys.childNodes[0]);
+    window.nextLoading = true;
+  },
+  // 移除 loading
+  done: (time = 0) => {
+    nextTick(() => {
+      setTimeout(() => {
+        window.nextLoading = false;
+        const el = document.querySelector(".loading-next");
+        el?.parentNode?.removeChild(el);
+      }, time);
+    });
+  }
+};
+
+function authDirective(app) {
+  app.directive("auth", {
+    mounted(el, binding) {
+      const stores = useUserInfo();
+      if (!stores.userInfos.authApiList) {
+        el.parentNode.removeChild(el);
+      } else {
+        if (!stores.userInfos.authApiList.some((v) => v === binding.value)) el.parentNode.removeChild(el);
+      }
+    }
+  });
+  app.directive("auths", {
+    mounted(el, binding) {
+      let flag = false;
+      const stores = useUserInfo();
+      stores.userInfos.authApiList.map((val) => {
+        binding.value.map((v) => {
+          if (val === v) flag = true;
+        });
+      });
+      if (!flag) el.parentNode.removeChild(el);
+    }
+  });
+  app.directive("auth-all", {
+    mounted(el, binding) {
+      const stores = useUserInfo();
+      const flag = judgementSameArr(binding.value, stores.userInfos.authApiList);
+      if (!flag) el.parentNode.removeChild(el);
+    }
+  });
+}
+
+function wavesDirective(app) {
+  app.directive("waves", {
+    mounted(el, binding) {
+      el.classList.add("waves-effect");
+      binding.value && el.classList.add(`waves-${binding.value}`);
+      function setConvertStyle(obj) {
+        let style = "";
+        for (let i in obj) {
+          if (obj.hasOwnProperty(i)) style += `${i}:${obj[i]};`;
+        }
+        return style;
+      }
+      function onCurrentClick(e) {
+        let elDiv = document.createElement("div");
+        elDiv.classList.add("waves-ripple");
+        el.appendChild(elDiv);
+        let styles = {
+          left: `${e.layerX}px`,
+          top: `${e.layerY}px`,
+          opacity: 1,
+          transform: `scale(${el.clientWidth / 100 * 10})`,
+          "transition-duration": `750ms`,
+          "transition-timing-function": `cubic-bezier(0.250, 0.460, 0.450, 0.940)`
+        };
+        elDiv.setAttribute("style", setConvertStyle(styles));
+        setTimeout(() => {
+          elDiv.setAttribute(
+            "style",
+            setConvertStyle({
+              opacity: 0,
+              transform: styles.transform,
+              left: styles.left,
+              top: styles.top
+            })
+          );
+          setTimeout(() => {
+            elDiv && el.removeChild(elDiv);
+          }, 750);
+        }, 450);
+      }
+      el.addEventListener("mousedown", onCurrentClick, false);
+    },
+    unmounted(el) {
+      el.addEventListener("mousedown", () => {
+      });
+    }
+  });
+}
+function reclickDirective(app) {
+  app.directive("reclick", {
+    mounted(el, time) {
+      el.addEventListener("click", () => {
+        if (!el.disabled) {
+          el.disabled = true;
+          setTimeout(
+            () => {
+              el.disabled = false;
+            },
+            time.value === void 0 ? 500 : time.value
+          );
+        }
+      });
+    },
+    unmounted(el) {
+      el.disabled = false;
+    }
+  });
+}
+
+function directive(app) {
+  authDirective(app);
+  wavesDirective(app);
+  reclickDirective(app);
+}
+
 function auth(value) {
   const stores = useUserInfo();
   return stores.userInfos.authApiList.some((v) => v === value);

package/lib/defaults.css

@@ -1,10 +1,10 @@
-[data-v-194b61e4] .el-input-group__append{background:var(--el-color-white);padding:0 15px}[data-v-194b61e4] .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset!important}[data-v-194b61e4] .el-input__inner{border-right-color:var(--el-border-color-extra-light);&:hover{border-color:var(--el-border-color-extra-light)}}
 [data-v-11ae0e31] .el-scrollbar{height:calc(100% - 50px)}
+[data-v-194b61e4] .el-input-group__append{background:var(--el-color-white);padding:0 15px}[data-v-194b61e4] .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset!important}[data-v-194b61e4] .el-input__inner{border-right-color:var(--el-border-color-extra-light);&:hover{border-color:var(--el-border-color-extra-light)}}
 .layout-navbars-container[data-v-f2e6c18a]{display:flex;flex-direction:column;height:100%;width:100%}
-[data-v-04609759] .el-dialog__body{min-height:700px!important}
 [data-v-f1b73dc9] #color-box{.el-dialog__body{padding:0!important}}
-[data-v-51e01af9] .el-drawer__body{display:flex;flex-direction:column;height:100%;padding:5px}.full-table{&[data-v-51e01af9]{flex:1}[data-v-51e01af9] .el-card__body{display:flex;flex-direction:column;height:100%}}
 [data-v-23b3f8c6] .el-breadcrumb__separator{color:var(--next-bg-topBarColor);opacity:.7}[data-v-23b3f8c6] .el-breadcrumb__inner a{color:var(--next-bg-topBarColor);font-weight:unset!important;&:hover{color:var(--el-color-primary)!important}}
+[data-v-04609759] .el-dialog__body{min-height:700px!important}
 .editor-container{overflow-y:hidden;.w-e-bar-item{.w-e-select-list{height:150px;z-index:10!important}}.w-e-toolbar{flex-wrap:wrap;z-index:4!important}.w-e-menu{z-index:auto!important;.w-e-droplist{z-index:2!important}}}
+[data-v-51e01af9] .el-drawer__body{display:flex;flex-direction:column;height:100%;padding:5px}.full-table{&[data-v-51e01af9]{flex:1}[data-v-51e01af9] .el-card__body{display:flex;flex-direction:column;height:100%}}
 :host,:root{--w-e-textarea-bg-color:#fff;--w-e-textarea-color:#333;--w-e-textarea-border-color:#ccc;--w-e-textarea-slight-border-color:#e8e8e8;--w-e-textarea-slight-color:#d4d4d4;--w-e-textarea-slight-bg-color:#f5f2f0;--w-e-textarea-selected-border-color:#b4d5ff;--w-e-textarea-handler-bg-color:#4290f7;--w-e-toolbar-color:#595959;--w-e-toolbar-bg-color:#fff;--w-e-toolbar-active-color:#333;--w-e-toolbar-active-bg-color:#f1f1f1;--w-e-toolbar-disabled-color:#999;--w-e-toolbar-border-color:#e8e8e8;--w-e-modal-button-bg-color:#fafafa;--w-e-modal-button-border-color:#d9d9d9}.w-e-text-container *,.w-e-toolbar *{box-sizing:border-box;margin:0;outline:none;padding:0}.w-e-text-container blockquote,.w-e-text-container li,.w-e-text-container p,.w-e-text-container td,.w-e-text-container th,.w-e-toolbar *{line-height:1.5}.w-e-text-container{background-color:var(--w-e-textarea-bg-color);color:var(--w-e-textarea-color);height:100%;position:relative}.w-e-text-container .w-e-scroll{-webkit-overflow-scrolling:touch;height:100%}.w-e-text-container [data-slate-editor]{word-wrap:break-word;border-top:1px solid transparent;min-height:100%;outline:0;padding:0 10px;white-space:pre-wrap}.w-e-text-container [data-slate-editor] p{margin:15px 0}.w-e-text-container [data-slate-editor] h1,.w-e-text-container [data-slate-editor] h2,.w-e-text-container [data-slate-editor] h3,.w-e-text-container [data-slate-editor] h4,.w-e-text-container [data-slate-editor] h5{margin:20px 0}.w-e-text-container [data-slate-editor] img{cursor:default;display:inline!important;max-width:100%;min-height:20px;min-width:20px}.w-e-text-container [data-slate-editor] span{text-indent:0}.w-e-text-container [data-slate-editor] [data-selected=true]{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-placeholder{font-style:italic;left:10px;top:17px;width:90%}.w-e-max-length-info,.w-e-text-placeholder{color:var(--w-e-textarea-slight-color);pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.w-e-max-length-info{bottom:.5em;right:1em}.w-e-bar{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-color);font-size:14px;padding:0 5px}.w-e-bar svg{fill:var(--w-e-toolbar-color);height:14px;width:14px}.w-e-bar-show{display:flex}.w-e-bar-hidden{display:none}.w-e-hover-bar{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 5px #0000001f;position:absolute}.w-e-toolbar{flex-wrap:wrap;position:relative}.w-e-bar-divider{background-color:var(--w-e-toolbar-border-color);display:inline-flex;height:40px;margin:0 5px;width:1px}.w-e-bar-item{display:flex;height:40px;padding:4px;position:relative;text-align:center}.w-e-bar-item,.w-e-bar-item button{align-items:center;justify-content:center}.w-e-bar-item button{background:transparent;border:none;color:var(--w-e-toolbar-color);cursor:pointer;display:inline-flex;height:32px;overflow:hidden;padding:0 8px;white-space:nowrap}.w-e-bar-item button:hover{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item button .title{margin-left:5px}.w-e-bar-item .active{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item .disabled{color:var(--w-e-toolbar-disabled-color);cursor:not-allowed}.w-e-bar-item .disabled svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-menu-tooltip-v5:before{background-color:var(--w-e-toolbar-active-color);border-radius:5px;color:var(--w-e-toolbar-bg-color);content:attr(data-tooltip);font-size:.75em;padding:5px 10px;text-align:center;top:40px;white-space:pre;z-index:1}.w-e-menu-tooltip-v5:after,.w-e-menu-tooltip-v5:before{opacity:0;position:absolute;transition:opacity .6s;visibility:hidden}.w-e-menu-tooltip-v5:after{border:5px solid transparent;border-bottom:5px solid var(--w-e-toolbar-active-color);content:"";top:30px}.w-e-menu-tooltip-v5:hover:after,.w-e-menu-tooltip-v5:hover:before{opacity:1;visibility:visible}.w-e-menu-tooltip-v5.tooltip-right:before{left:100%;top:10px}.w-e-menu-tooltip-v5.tooltip-right:after{border-bottom-color:transparent;border-left-color:transparent;border-right-color:var(--w-e-toolbar-active-color);border-top-color:transparent;left:100%;margin-left:-10px;top:16px}.w-e-bar-item-group .w-e-bar-item-menus-container{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;display:none;left:0;margin-top:40px;position:absolute;top:0;z-index:1}.w-e-bar-item-group:hover .w-e-bar-item-menus-container{display:block}.w-e-select-list{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;left:0;margin-top:40px;max-height:350px;min-width:100px;overflow-y:auto;position:absolute;top:0;z-index:1}.w-e-select-list ul{line-height:1;list-style:none}.w-e-select-list ul .selected{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li{cursor:pointer;padding:7px 0 7px 25px;position:relative;text-align:left;white-space:nowrap}.w-e-select-list ul li:hover{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li svg{left:0;margin-left:5px;margin-top:-7px;position:absolute;top:50%}.w-e-bar-bottom .w-e-select-list{bottom:0;margin-bottom:40px;margin-top:0;top:inherit}.w-e-drop-panel{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;margin-top:40px;min-width:200px;padding:10px;position:absolute;top:0;z-index:1}.w-e-bar-bottom .w-e-drop-panel{bottom:0;margin-bottom:40px;margin-top:0;top:inherit}.w-e-modal{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;color:var(--w-e-toolbar-color);font-size:14px;min-height:40px;min-width:100px;padding:20px 15px 0;position:absolute;text-align:left;z-index:1}.w-e-modal .btn-close{cursor:pointer;line-height:1;padding:5px;position:absolute;right:8px;top:7px}.w-e-modal .btn-close svg{fill:var(--w-e-toolbar-color);height:10px;width:10px}.w-e-modal .babel-container{display:block;margin-bottom:15px}.w-e-modal .babel-container span{display:block;margin-bottom:10px}.w-e-modal .button-container{margin-bottom:15px}.w-e-modal button{background-color:var(--w-e-modal-button-bg-color);cursor:pointer;font-weight:400;height:32px;padding:4.5px 15px;text-align:center;touch-action:manipulation;transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.w-e-modal button,.w-e-modal input[type=number],.w-e-modal input[type=text],.w-e-modal textarea{border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;color:var(--w-e-toolbar-color)}.w-e-modal input[type=number],.w-e-modal input[type=text],.w-e-modal textarea{background-color:var(--w-e-toolbar-bg-color);font-feature-settings:"tnum";font-variant:tabular-nums;padding:4.5px 11px;transition:all .3s;width:100%}.w-e-modal textarea{min-height:60px}body .w-e-modal,body .w-e-modal *{box-sizing:border-box}.w-e-progress-bar{background-color:var(--w-e-textarea-handler-bg-color);height:1px;position:absolute;transition:width .3s;width:0}.w-e-full-screen-container{bottom:0!important;display:flex!important;flex-direction:column!important;height:100%!important;left:0!important;margin:0!important;padding:0!important;position:fixed;right:0!important;top:0!important;width:100%!important}.w-e-full-screen-container [data-w-e-textarea=true]{flex:1!important}.w-e-text-container [data-slate-editor] code{background-color:var(--w-e-textarea-slight-bg-color);border-radius:3px;font-family:monospace;padding:3px}.w-e-panel-content-color{list-style:none;text-align:left;width:230px}.w-e-panel-content-color li{border:1px solid var(--w-e-toolbar-bg-color);border-radius:3px 3px;cursor:pointer;display:inline-block;padding:2px}.w-e-panel-content-color li:hover{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color li .color-block{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px 3px;height:17px;width:17px}.w-e-panel-content-color .active{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color .clear{line-height:1.5;margin-bottom:5px;width:100%}.w-e-panel-content-color .clear svg{height:16px;margin-bottom:-4px;width:16px}.w-e-text-container [data-slate-editor] blockquote{background-color:var(--w-e-textarea-slight-bg-color);border-left:8px solid var(--w-e-textarea-selected-border-color);display:block;font-size:100%;line-height:1.5;margin:10px 0;padding:10px}.w-e-panel-content-emotion{font-size:20px;list-style:none;text-align:left;width:300px}.w-e-panel-content-emotion li{border-radius:3px 3px;cursor:pointer;display:inline-block;padding:0 5px}.w-e-panel-content-emotion li:hover{background-color:var(--w-e-textarea-slight-bg-color)}.w-e-textarea-divider{border-radius:3px;margin:20px auto;padding:20px}.w-e-textarea-divider hr{background-color:var(--w-e-textarea-border-color);border:0;display:block;height:1px}.w-e-text-container [data-slate-editor] pre>code{background-color:var(--w-e-textarea-slight-bg-color);border:1px solid var(--w-e-textarea-slight-border-color);border-radius:4px 4px;display:block;font-size:14px;padding:10px;text-indent:0}.w-e-text-container [data-slate-editor] .w-e-image-container{display:inline-block;margin:0 3px}.w-e-text-container [data-slate-editor] .w-e-image-container:hover{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-container [data-slate-editor] .w-e-selected-image-container{overflow:hidden;position:relative}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .w-e-image-dragger{background-color:var(--w-e-textarea-handler-bg-color);height:7px;position:absolute;width:7px}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-top{cursor:nwse-resize;left:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-top{cursor:nesw-resize;right:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-bottom{bottom:0;cursor:nesw-resize;left:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-bottom{bottom:0;cursor:nwse-resize;right:0}.w-e-text-container [contenteditable=false] .w-e-image-container:hover,.w-e-text-container [data-slate-editor] .w-e-selected-image-container:hover{box-shadow:none}.w-e-text-container [data-slate-editor] .table-container{border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin-top:10px;overflow-x:auto;padding:10px;width:100%}.w-e-text-container [data-slate-editor] table{border-collapse:collapse}.w-e-text-container [data-slate-editor] table td,.w-e-text-container [data-slate-editor] table th{border:1px solid var(--w-e-textarea-border-color);line-height:1.5;min-width:30px;padding:3px 5px;text-align:left}.w-e-text-container [data-slate-editor] table th{background-color:var(--w-e-textarea-slight-bg-color);font-weight:700;text-align:center}.w-e-panel-content-table{background-color:var(--w-e-toolbar-bg-color)}.w-e-panel-content-table table{border-collapse:collapse}.w-e-panel-content-table td{border:1px solid var(--w-e-toolbar-border-color);cursor:pointer;height:15px;padding:3px 5px;width:20px}.w-e-panel-content-table td.active{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-textarea-video-container{background-image:linear-gradient(45deg,#eee 25%,transparent 0,transparent 75%,#eee 0,#eee),linear-gradient(45deg,#eee 25%,#fff 0,#fff 75%,#eee 0,#eee);background-position:0 0,10px 10px;background-size:20px 20px;border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin:10px auto 0;padding:10px 0;text-align:center}.w-e-text-container [data-slate-editor] pre>code{word-wrap:normal;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;-webkit-hyphens:none;hyphens:none;line-height:1.5;margin:.5em 0;overflow:auto;padding:1em;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;text-shadow:0 1px #fff;white-space:pre;word-break:normal;word-spacing:normal}.w-e-text-container [data-slate-editor] pre>code .token.cdata,.w-e-text-container [data-slate-editor] pre>code .token.comment,.w-e-text-container [data-slate-editor] pre>code .token.doctype,.w-e-text-container [data-slate-editor] pre>code .token.prolog{color:#708090}.w-e-text-container [data-slate-editor] pre>code .token.punctuation{color:#999}.w-e-text-container [data-slate-editor] pre>code .token.namespace{opacity:.7}.w-e-text-container [data-slate-editor] pre>code .token.boolean,.w-e-text-container [data-slate-editor] pre>code .token.constant,.w-e-text-container [data-slate-editor] pre>code .token.deleted,.w-e-text-container [data-slate-editor] pre>code .token.number,.w-e-text-container [data-slate-editor] pre>code .token.property,.w-e-text-container [data-slate-editor] pre>code .token.symbol,.w-e-text-container [data-slate-editor] pre>code .token.tag{color:#905}.w-e-text-container [data-slate-editor] pre>code .token.attr-name,.w-e-text-container [data-slate-editor] pre>code .token.builtin,.w-e-text-container [data-slate-editor] pre>code .token.char,.w-e-text-container [data-slate-editor] pre>code .token.inserted,.w-e-text-container [data-slate-editor] pre>code .token.selector,.w-e-text-container [data-slate-editor] pre>code .token.string{color:#690}.w-e-text-container [data-slate-editor] pre>code .language-css .token.string,.w-e-text-container [data-slate-editor] pre>code .style .token.string,.w-e-text-container [data-slate-editor] pre>code .token.entity,.w-e-text-container [data-slate-editor] pre>code .token.operator,.w-e-text-container [data-slate-editor] pre>code .token.url{color:#9a6e3a}.w-e-text-container [data-slate-editor] pre>code .token.atrule,.w-e-text-container [data-slate-editor] pre>code .token.attr-value,.w-e-text-container [data-slate-editor] pre>code .token.keyword{color:#07a}.w-e-text-container [data-slate-editor] pre>code .token.class-name,.w-e-text-container [data-slate-editor] pre>code .token.function{color:#dd4a68}.w-e-text-container [data-slate-editor] pre>code .token.important,.w-e-text-container [data-slate-editor] pre>code .token.regex,.w-e-text-container [data-slate-editor] pre>code .token.variable{color:#e90}.w-e-text-container [data-slate-editor] pre>code .token.bold,.w-e-text-container [data-slate-editor] pre>code .token.important{font-weight:700}.w-e-text-container [data-slate-editor] pre>code .token.italic{font-style:italic}.w-e-text-container [data-slate-editor] pre>code .token.entity{cursor:help}
 .drag_verify[data-v-9e8c9ed2]{background-color:#e8e8e8;overflow:hidden;position:relative;text-align:center}.drag_verify .dv_handler[data-v-9e8c9ed2]{cursor:move;left:0;position:absolute;top:0}.drag_verify .dv_handler i[data-v-9e8c9ed2]{color:#666;font-size:16px;padding-left:0}.drag_verify .dv_handler .el-icon-circle-check[data-v-9e8c9ed2]{color:#6c6;margin-top:9px}.drag_verify .dv_progress_bar[data-v-9e8c9ed2]{height:34px;position:absolute;width:0}.drag_verify .dv_text[data-v-9e8c9ed2]{background:-webkit-gradient(linear,left top,right top,color-stop(0,var(--textColor)),color-stop(.4,var(--textColor)),color-stop(.5,#fff),color-stop(.6,var(--textColor)),color-stop(1,var(--textColor)));-webkit-background-clip:text;color:transparent;position:absolute;top:0;-moz-user-select:none;-webkit-user-select:none;user-select:none;-o-user-select:none;-ms-user-select:none;-webkit-text-fill-color:transparent;-webkit-text-size-adjust:none;animation:slidetounlock 3s infinite}.drag_verify .dv_text[data-v-9e8c9ed2] *{-webkit-text-fill-color:var(--textColor)}.goFirst[data-v-9e8c9ed2]{left:0!important;transition:left .5s}.goOrigin[data-v-9e8c9ed2]{transition:transform .5s}.goKeep[data-v-9e8c9ed2]{transition:left .2s}.goFirst2[data-v-9e8c9ed2]{transition:width .5s;width:0!important}.drag-verify-container[data-v-9e8c9ed2]{border-radius:50%;line-height:0;position:relative}.move-bar[data-v-9e8c9ed2]{position:absolute;z-index:100}.clip-bar[data-v-9e8c9ed2]{background:hsla(0,0%,100%,.8);position:absolute}.refresh[data-v-9e8c9ed2]{cursor:pointer;font-size:20px;position:absolute;right:5px;top:5px;z-index:200}.tips[data-v-9e8c9ed2]{bottom:25px;font-size:12px;height:20px;line-height:20px;position:absolute;text-align:center;width:100%;z-index:200}.tips.success[data-v-9e8c9ed2]{background:hsla(0,0%,100%,.6);color:green}.tips.danger[data-v-9e8c9ed2]{background:rgba(0,0,0,.6);color:#ff0}.check-img[data-v-9e8c9ed2]{border-radius:50%;width:100%}