jky-component-lib 0.0.56 → 0.0.60

package/dist/es/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/components/Editor.js

@@ -0,0 +1,160 @@
+import { ScriptLoader } from "../ScriptLoader.js";
+import { getTinymce } from "../TinyMCE.js";
+import { uuid, isNullOrUndefined, isDisabledOptionSupported, initEditor, mergePlugins, isTextarea } from "../Utils.js";
+import { editorProps } from "./EditorPropTypes.js";
+import { defineComponent, toRefs, ref, watch, onMounted, onBeforeUnmount, onActivated, onDeactivated, h, nextTick } from "vue";
+var __assign = function() {
+  __assign = Object.assign || function(t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+        t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+var renderInline = function(ce, id, elementRef, tagName) {
+  return ce(tagName ? tagName : "div", {
+    id,
+    ref: elementRef
+  });
+};
+var renderIframe = function(ce, id, elementRef) {
+  return ce("textarea", {
+    id,
+    visibility: "hidden",
+    ref: elementRef
+  });
+};
+var defaultInitValues = { selector: void 0, target: void 0 };
+var setMode = function(editor, mode) {
+  var _a;
+  if (typeof ((_a = editor.mode) === null || _a === void 0 ? void 0 : _a.set) === "function") {
+    editor.mode.set(mode);
+  } else {
+    editor.setMode(mode);
+  }
+};
+var Editor = defineComponent({
+  props: editorProps,
+  setup: function(props, ctx) {
+    var conf = props.init ? __assign(__assign({}, props.init), defaultInitValues) : __assign({}, defaultInitValues);
+    var _a = toRefs(props), disabled = _a.disabled, readonly = _a.readonly, modelValue = _a.modelValue, tagName = _a.tagName;
+    var element = ref(null);
+    var vueEditor = null;
+    var elementId = props.id || uuid("tiny-vue");
+    var inlineEditor = props.init && props.init.inline || props.inline;
+    var modelBind = !!ctx.attrs["onUpdate:modelValue"];
+    var mounting = true;
+    var initialValue = props.initialValue ? props.initialValue : "";
+    var cache = "";
+    var getContent = function(isMounting) {
+      return modelBind ? function() {
+        return (modelValue === null || modelValue === void 0 ? void 0 : modelValue.value) ? modelValue.value : "";
+      } : function() {
+        return isMounting ? initialValue : cache;
+      };
+    };
+    var initWrapper = function() {
+      var content = getContent(mounting);
+      var finalInit = __assign(__assign({}, conf), { disabled: props.disabled, readonly: props.readonly, target: element.value, plugins: mergePlugins(conf.plugins, props.plugins), toolbar: props.toolbar || conf.toolbar, inline: inlineEditor, license_key: props.licenseKey, setup: function(editor) {
+        vueEditor = editor;
+        if (!isDisabledOptionSupported(vueEditor) && props.disabled === true) {
+          setMode(vueEditor, "readonly");
+        }
+        editor.on("init", function(e) {
+          return initEditor(e, props, ctx, editor, modelValue, content);
+        });
+        if (typeof conf.setup === "function") {
+          conf.setup(editor);
+        }
+      } });
+      if (isTextarea(element.value)) {
+        element.value.style.visibility = "";
+      }
+      getTinymce().init(finalInit);
+      mounting = false;
+    };
+    watch(readonly, function(isReadonly) {
+      if (vueEditor !== null) {
+        setMode(vueEditor, isReadonly ? "readonly" : "design");
+      }
+    });
+    watch(disabled, function(isDisabled) {
+      if (vueEditor !== null) {
+        if (isDisabledOptionSupported(vueEditor)) {
+          vueEditor.options.set("disabled", isDisabled);
+        } else {
+          setMode(vueEditor, isDisabled ? "readonly" : "design");
+        }
+      }
+    });
+    watch(tagName, function(_) {
+      var _a2;
+      if (vueEditor) {
+        if (!modelBind) {
+          cache = vueEditor.getContent();
+        }
+        (_a2 = getTinymce()) === null || _a2 === void 0 ? void 0 : _a2.remove(vueEditor);
+        nextTick(function() {
+          return initWrapper();
+        });
+      }
+    });
+    onMounted(function() {
+      if (getTinymce() !== null) {
+        initWrapper();
+      } else if (element.value && element.value.ownerDocument) {
+        var channel = props.cloudChannel ? props.cloudChannel : "8";
+        var apiKey = props.apiKey ? props.apiKey : "no-api-key";
+        var scriptSrc = isNullOrUndefined(props.tinymceScriptSrc) ? "https://cdn.tiny.cloud/1/".concat(apiKey, "/tinymce/").concat(channel, "/tinymce.min.js") : props.tinymceScriptSrc;
+        ScriptLoader.load(element.value.ownerDocument, scriptSrc, initWrapper);
+      }
+    });
+    onBeforeUnmount(function() {
+      if (getTinymce() !== null) {
+        getTinymce().remove(vueEditor);
+      }
+    });
+    if (!inlineEditor) {
+      onActivated(function() {
+        if (!mounting) {
+          initWrapper();
+        }
+      });
+      onDeactivated(function() {
+        var _a2;
+        if (vueEditor) {
+          if (!modelBind) {
+            cache = vueEditor.getContent();
+          }
+          (_a2 = getTinymce()) === null || _a2 === void 0 ? void 0 : _a2.remove(vueEditor);
+        }
+      });
+    }
+    var rerender = function(init) {
+      var _a2;
+      if (vueEditor) {
+        cache = vueEditor.getContent();
+        (_a2 = getTinymce()) === null || _a2 === void 0 ? void 0 : _a2.remove(vueEditor);
+        conf = __assign(__assign(__assign({}, conf), init), defaultInitValues);
+        nextTick(function() {
+          return initWrapper();
+        });
+      }
+    };
+    ctx.expose({
+      rerender,
+      getEditor: function() {
+        return vueEditor;
+      }
+    });
+    return function() {
+      return inlineEditor ? renderInline(h, elementId, element, props.tagName) : renderIframe(h, elementId, element);
+    };
+  }
+});
+export {
+  Editor
+};

package/dist/es/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/components/EditorPropTypes.js

@@ -0,0 +1,26 @@
+var editorProps = {
+  apiKey: String,
+  licenseKey: String,
+  cloudChannel: String,
+  id: String,
+  init: Object,
+  initialValue: String,
+  inline: Boolean,
+  modelEvents: [String, Array],
+  plugins: [String, Array],
+  tagName: String,
+  toolbar: [String, Array],
+  modelValue: String,
+  disabled: Boolean,
+  readonly: Boolean,
+  tinymceScriptSrc: String,
+  outputFormat: {
+    type: String,
+    validator: function(prop) {
+      return prop === "html" || prop === "text";
+    }
+  }
+};
+export {
+  editorProps
+};

package/dist/es/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/index.js

@@ -0,0 +1,4 @@
+import { Editor } from "./components/Editor.js";
+export {
+  Editor as default
+};

package/dist/es/package.json.js

@@ -1,4 +1,4 @@
-const version = "0.0.56";
+const version = "0.0.60";
 export {
   version
 };

package/dist/es/page-header/PopoverMenu.vue.d.ts

@@ -2,9 +2,9 @@ import { TooltipTriggerType } from 'element-plus';
 import { Arrayable } from 'element-plus/es/utils';
 import { PageHeaderPopoverMenuItem, PageHeaderPopoverMenuProps } from './types';
 declare const _default: import('vue').DefineComponent<PageHeaderPopoverMenuProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PageHeaderPopoverMenuProps> & Readonly<{}>, {
+    width: number;
     trigger: Arrayable<TooltipTriggerType>;
     placement: import('element-plus').Placement;
-    width: number;
     menus: PageHeaderPopoverMenuItem[];
     highlightCurrent: boolean;
     buttonClass: string;