tav-ui/lib/packages/components/editor/src/hooks/use-editor-statusbar2.js

Tav UI

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var vue = require('vue');

function useEditorStatusbar(options) {
  const { mergedProps } = options;
  const statusbarConfig = vue.computed(() => {
    return {
      statusbar: true,
      statusbarOptions: {
        elementpath: false,
        resize: "both"
      }
    };
  });
  function updateStatusbarStyle(e, editorMainElRef) {
    if (e.type === "init") {
      const statusBarEl = editorMainElRef.value?.querySelector(".tox-statusbar");
      if (statusBarEl) {
        statusBarEl.style.position = "absolute";
        statusBarEl.style.bottom = "0";
        statusBarEl.style.right = "0";
        statusBarEl.style.display = "inline-block";
        statusBarEl.style.width = "20px";
        statusBarEl.style.height = "20px";
        statusBarEl.style.backgroundColor = "transparent";
        statusBarEl.style.borderTop = "none";
      }
      const statusBarResizeEl = statusBarEl?.querySelector(".tox-statusbar__resize-handle");
      if (statusBarResizeEl) {
        statusBarResizeEl.style.position = "absolute";
        statusBarResizeEl.style.top = "50%";
        statusBarResizeEl.style.right = "50%";
        statusBarResizeEl.style.transform = "translate(-50%, -50%)";
        statusBarResizeEl.style.padding = "0";
      }
    }
  }
  function addStatusbarAutosaveTip(e, editorMainElRef) {
    if (e.type === "init") {
      const statusBarEl = editorMainElRef.value?.querySelector(".tox-statusbar");
      if (statusBarEl) {
        statusBarEl.insertAdjacentHTML("afterbegin", `<div title="\u81EA\u52A8\u4FDD\u5B58\u63D0\u793A" data-alloy-tabstop="true" tabindex="-1" class="tox-statusbar__custom-autosave-tip"></div>`);
      }
    } else if (e.type === "storedraft") {
      const statusBarAutosaveTipEl = editorMainElRef.value?.querySelector(".tox-statusbar__custom-autosave-tip");
      if (statusBarAutosaveTipEl) {
        statusBarAutosaveTipEl.innerHTML = `${new Date(Date.UTC(2012, 11, 12, 3, 0, 0)).toLocaleString()} \u81EA\u52A8\u4FDD\u5B58\u6210\u529F!`;
      }
    }
  }
  return {
    statusbarConfig,
    updateStatusbarStyle,
    addStatusbarAutosaveTip
  };
}

exports.useEditorStatusbar = useEditorStatusbar;
//# sourceMappingURL=use-editor-statusbar2.js.map