@cgboiler/biz-basic 1.0.53 → 1.0.55

package/lib/rich-text-editor/menu-system/components/image-upload-button.d.ts

@@ -0,0 +1,40 @@
+import { type PropType } from 'vue';
+export declare const ImageUploadButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    editor: {
+        type: PropType<any>;
+        required: true;
+    };
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    hideWhenUnavailable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    editor: {
+        type: PropType<any>;
+        required: true;
+    };
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    hideWhenUnavailable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    text: string;
+    className: string;
+    hideWhenUnavailable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/rich-text-editor/menu-system/components/image-upload-button.js

@@ -0,0 +1,90 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  ImageUploadButton: () => ImageUploadButton
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_atomic = require("./_atomic.css");
+var import_vue2 = require("vue");
+var import_use_image_upload = require("../hooks/use-image-upload");
+var import_button = require("../primitives/button");
+var import_tiptap_utils = require("../utils/tiptap-utils");
+const ImageUploadButton = (0, import_vue2.defineComponent)({
+  name: "ImageUploadButton",
+  props: {
+    editor: {
+      type: Object,
+      required: true
+    },
+    text: {
+      type: String,
+      default: ""
+    },
+    hideWhenUnavailable: {
+      type: Boolean,
+      default: false
+    },
+    className: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(props, {
+    slots,
+    attrs
+  }) {
+    const {
+      isVisible,
+      handleImage,
+      label,
+      canInsert,
+      isActive,
+      Icon,
+      shortcutKeys
+    } = (0, import_use_image_upload.useImageUpload)({
+      editor: props.editor,
+      hideWhenUnavailable: props.hideWhenUnavailable
+    });
+    return () => {
+      if (!isVisible.value)
+        return null;
+      return (0, import_vue.createVNode)(import_button.Button, (0, import_vue.mergeProps)({
+        "type": "button",
+        "disabled": !canInsert.value,
+        "data-style": "ghost",
+        "data-active-state": isActive.value ? "on" : "off",
+        "data-disabled": !canInsert.value,
+        "role": "button",
+        "tabindex": -1,
+        "aria-label": label,
+        "aria-pressed": isActive.value,
+        "tooltip": label,
+        "onClick": handleImage,
+        "class": (0, import_tiptap_utils.cn)(props.className)
+      }, attrs), {
+        default: () => [slots.default ? slots.default() : (0, import_vue.createVNode)(import_vue.Fragment, null, [(0, import_vue.createVNode)(Icon, {
+          "class": "tiptap-button-icon"
+        }, null), props.text && (0, import_vue.createVNode)("span", {
+          "class": "tiptap-button-text"
+        }, [props.text])])]
+      });
+    };
+  }
+});

package/lib/rich-text-editor/menu-system/components/image-upload-node.d.ts

@@ -0,0 +1,93 @@
+import { type PropType } from 'vue';
+import '../styles/image-upload-node.less';
+export declare const ImageUploadNodeView: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    editor: {
+        type: PropType<import("@tiptap/core").NodeViewProps["editor"]>;
+        required: true;
+    };
+    node: {
+        type: PropType<import("@tiptap/core").NodeViewProps["node"]>;
+        required: true;
+    };
+    decorations: {
+        type: PropType<import("@tiptap/core").NodeViewProps["decorations"]>;
+        required: true;
+    };
+    selected: {
+        type: PropType<import("@tiptap/core").NodeViewProps["selected"]>;
+        required: true;
+    };
+    extension: {
+        type: PropType<import("@tiptap/core").NodeViewProps["extension"]>;
+        required: true;
+    };
+    getPos: {
+        type: PropType<import("@tiptap/core").NodeViewProps["getPos"]>;
+        required: true;
+    };
+    updateAttributes: {
+        type: PropType<import("@tiptap/core").NodeViewProps["updateAttributes"]>;
+        required: true;
+    };
+    deleteNode: {
+        type: PropType<import("@tiptap/core").NodeViewProps["deleteNode"]>;
+        required: true;
+    };
+    view: {
+        type: PropType<import("@tiptap/core").NodeViewProps["view"]>;
+        required: true;
+    };
+    innerDecorations: {
+        type: PropType<import("@tiptap/core").NodeViewProps["innerDecorations"]>;
+        required: true;
+    };
+    HTMLAttributes: {
+        type: PropType<import("@tiptap/core").NodeViewProps["HTMLAttributes"]>;
+        required: true;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    editor: {
+        type: PropType<import("@tiptap/core").NodeViewProps["editor"]>;
+        required: true;
+    };
+    node: {
+        type: PropType<import("@tiptap/core").NodeViewProps["node"]>;
+        required: true;
+    };
+    decorations: {
+        type: PropType<import("@tiptap/core").NodeViewProps["decorations"]>;
+        required: true;
+    };
+    selected: {
+        type: PropType<import("@tiptap/core").NodeViewProps["selected"]>;
+        required: true;
+    };
+    extension: {
+        type: PropType<import("@tiptap/core").NodeViewProps["extension"]>;
+        required: true;
+    };
+    getPos: {
+        type: PropType<import("@tiptap/core").NodeViewProps["getPos"]>;
+        required: true;
+    };
+    updateAttributes: {
+        type: PropType<import("@tiptap/core").NodeViewProps["updateAttributes"]>;
+        required: true;
+    };
+    deleteNode: {
+        type: PropType<import("@tiptap/core").NodeViewProps["deleteNode"]>;
+        required: true;
+    };
+    view: {
+        type: PropType<import("@tiptap/core").NodeViewProps["view"]>;
+        required: true;
+    };
+    innerDecorations: {
+        type: PropType<import("@tiptap/core").NodeViewProps["innerDecorations"]>;
+        required: true;
+    };
+    HTMLAttributes: {
+        type: PropType<import("@tiptap/core").NodeViewProps["HTMLAttributes"]>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/rich-text-editor/menu-system/components/image-upload-node.js

@@ -0,0 +1,316 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+var stdin_exports = {};
+__export(stdin_exports, {
+  ImageUploadNodeView: () => ImageUploadNodeView
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_atomic = require("./_atomic.css");
+var import_vue2 = require("vue");
+var import_vue_3 = require("@tiptap/vue-3");
+var import_button = require("../primitives/button");
+var import_icons = require("../icons");
+var import_tiptap_utils = require("../utils/tiptap-utils");
+var import_use_file_upload = require("../hooks/use-file-upload");
+var import_image_upload_node = require("../styles/image-upload-node.css");
+const ImageUploadDragArea = (0, import_vue2.defineComponent)({
+  name: "ImageUploadDragArea",
+  props: {
+    onFile: {
+      type: Function,
+      required: true
+    }
+  },
+  setup(props, {
+    slots
+  }) {
+    const isDragOver = (0, import_vue2.ref)(false);
+    const isDragActive = (0, import_vue2.ref)(false);
+    const handleDragEnter = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      isDragActive.value = true;
+    };
+    const handleDragLeave = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      if (!e.currentTarget.contains(e.relatedTarget)) {
+        isDragActive.value = false;
+        isDragOver.value = false;
+      }
+    };
+    const handleDragOver = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      isDragOver.value = true;
+    };
+    const handleDrop = (e) => {
+      var _a;
+      e.preventDefault();
+      e.stopPropagation();
+      isDragActive.value = false;
+      isDragOver.value = false;
+      const files = Array.from(((_a = e.dataTransfer) == null ? void 0 : _a.files) || []);
+      if (files.length > 0) {
+        props.onFile(files);
+      }
+    };
+    return () => {
+      var _a;
+      return (0, import_vue.createVNode)("div", {
+        "class": `tiptap-image-upload-drag-area ${isDragActive.value ? "drag-active" : ""} ${isDragOver.value ? "drag-over" : ""}`,
+        "onDragenter": handleDragEnter,
+        "onDragleave": handleDragLeave,
+        "onDragover": handleDragOver,
+        "onDrop": handleDrop
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+    };
+  }
+});
+const ImageUploadPreview = (0, import_vue2.defineComponent)({
+  name: "ImageUploadPreview",
+  props: {
+    fileItem: {
+      type: Object,
+      required: true
+    },
+    onRemove: {
+      type: Function,
+      required: true
+    }
+  },
+  setup(props) {
+    const formatFileSize = (bytes) => {
+      if (bytes === 0)
+        return "0 Bytes";
+      const k = 1024;
+      const sizes = ["Bytes", "KB", "MB", "GB"];
+      const i = Math.floor(Math.log(bytes) / Math.log(k));
+      return `${parseFloat((bytes / Math.pow(k, i)).toFixed(2))} ${sizes[i]}`;
+    };
+    return () => (0, import_vue.createVNode)("div", {
+      "class": "tiptap-image-upload-preview"
+    }, [props.fileItem.status === "uploading" && (0, import_vue.createVNode)("div", {
+      "class": "tiptap-image-upload-progress",
+      "style": {
+        width: `${props.fileItem.progress}%`
+      }
+    }, null), (0, import_vue.createVNode)("div", {
+      "class": "tiptap-image-upload-preview-content"
+    }, [(0, import_vue.createVNode)("div", {
+      "class": "tiptap-image-upload-file-info"
+    }, [(0, import_vue.createVNode)("div", {
+      "class": "tiptap-image-upload-file-icon"
+    }, [(0, import_vue.createVNode)(import_icons.CloudUploadIcon, null, null)]), (0, import_vue.createVNode)("div", {
+      "class": "tiptap-image-upload-details"
+    }, [(0, import_vue.createVNode)("span", {
+      "class": "tiptap-image-upload-text"
+    }, [props.fileItem.file.name]), (0, import_vue.createVNode)("span", {
+      "class": "tiptap-image-upload-subtext"
+    }, [formatFileSize(props.fileItem.file.size)])])]), (0, import_vue.createVNode)("div", {
+      "class": "tiptap-image-upload-actions"
+    }, [props.fileItem.status === "uploading" && (0, import_vue.createVNode)("span", {
+      "class": "tiptap-image-upload-progress-text"
+    }, [props.fileItem.progress, (0, import_vue.createTextVNode)("%")]), (0, import_vue.createVNode)(import_button.Button, {
+      "type": "button",
+      "data-style": "ghost",
+      "onClick": (e) => {
+        e.stopPropagation();
+        props.onRemove();
+      }
+    }, {
+      default: () => [(0, import_vue.createVNode)(import_icons.CloseIcon, {
+        "class": "tiptap-button-icon"
+      }, null)]
+    })])])]);
+  }
+});
+const DropZoneContent = (0, import_vue2.defineComponent)({
+  name: "DropZoneContent",
+  props: {
+    maxSize: {
+      type: Number,
+      required: true
+    },
+    limit: {
+      type: Number,
+      required: true
+    }
+  },
+  render() {
+    return (0, import_vue.createVNode)(import_vue.Fragment, null, [(0, import_vue.createVNode)("div", {
+      "class": "tiptap-image-upload-dropzone"
+    }, [(0, import_vue.createVNode)(import_icons.FileIcon, null, null), (0, import_vue.createVNode)(import_icons.FileCornerIcon, null, null), (0, import_vue.createVNode)("div", {
+      "class": "tiptap-image-upload-icon-container"
+    }, [(0, import_vue.createVNode)(import_icons.CloudUploadIcon, null, null)])]), (0, import_vue.createVNode)("div", {
+      "class": "tiptap-image-upload-content"
+    }, [(0, import_vue.createVNode)("span", {
+      "class": "tiptap-image-upload-text"
+    }, [(0, import_vue.createVNode)("em", null, [(0, import_vue.createTextVNode)("Click to upload")]), (0, import_vue.createTextVNode)(" or drag and drop")]), (0, import_vue.createVNode)("span", {
+      "class": "tiptap-image-upload-subtext"
+    }, [(0, import_vue.createTextVNode)("Maximum "), this.limit, (0, import_vue.createTextVNode)(" file"), this.limit === 1 ? "" : "s", (0, import_vue.createTextVNode)(", "), this.maxSize / 1024 / 1024, (0, import_vue.createTextVNode)("MB each.")])])]);
+  }
+});
+const ImageUploadNodeView = (0, import_vue2.defineComponent)({
+  name: "ImageUploadNodeView",
+  props: import_vue_3.nodeViewProps,
+  setup(props) {
+    const {
+      accept,
+      limit,
+      maxSize
+    } = props.node.attrs;
+    const inputRef = (0, import_vue2.ref)();
+    const extension = props.extension;
+    const uploadOptions = {
+      maxSize,
+      limit,
+      accept,
+      upload: extension.options.upload,
+      onSuccess: extension.options.onSuccess,
+      onError: extension.options.onError
+    };
+    const {
+      fileItems,
+      uploadFiles,
+      removeFileItem,
+      clearAllFiles
+    } = (0, import_use_file_upload.useFileUpload)(uploadOptions);
+    const handleUpload = (files) => __async(this, null, function* () {
+      const urls = yield uploadFiles(files);
+      if (urls.length > 0) {
+        const pos = props.getPos();
+        if ((0, import_tiptap_utils.isValidPosition)(pos)) {
+          const imageNodes = urls.map((url, index) => {
+            var _a;
+            const filename = ((_a = files[index]) == null ? void 0 : _a.name.replace(/\.[^/.]+$/, "")) || "unknown";
+            return {
+              type: extension.options.type,
+              attrs: __spreadProps(__spreadValues({}, extension.options), {
+                src: url,
+                alt: filename,
+                title: filename
+              })
+            };
+          });
+          props.editor.chain().focus().deleteRange({
+            from: pos,
+            to: pos + props.node.nodeSize
+          }).insertContentAt(pos, imageNodes).run();
+          (0, import_tiptap_utils.focusNextNode)(props.editor);
+        }
+      }
+    });
+    const handleChange = (e) => {
+      var _a, _b;
+      const target = e.target;
+      const files = target.files;
+      if (!files || files.length === 0) {
+        (_b = (_a = extension.options).onError) == null ? void 0 : _b.call(_a, new Error("No file selected"));
+        return;
+      }
+      handleUpload(Array.from(files));
+    };
+    const handleClick = () => {
+      if (inputRef.value && fileItems.value.length === 0) {
+        inputRef.value.value = "";
+        inputRef.value.click();
+      }
+    };
+    return () => {
+      const hasFiles = fileItems.value.length > 0;
+      return (0, import_vue.createVNode)(import_vue_3.NodeViewWrapper, {
+        "class": "tiptap-image-upload",
+        "tabindex": 0,
+        "onClick": handleClick
+      }, {
+        default: () => [!hasFiles && (0, import_vue.createVNode)(ImageUploadDragArea, {
+          "onFile": handleUpload
+        }, {
+          default: () => [(0, import_vue.createVNode)(DropZoneContent, {
+            "maxSize": maxSize,
+            "limit": limit
+          }, null)]
+        }), hasFiles && (0, import_vue.createVNode)("div", {
+          "class": "tiptap-image-upload-previews"
+        }, [fileItems.value.length > 1 && (0, import_vue.createVNode)("div", {
+          "class": "tiptap-image-upload-header"
+        }, [(0, import_vue.createVNode)("span", null, [(0, import_vue.createTextVNode)("Uploading "), fileItems.value.length, (0, import_vue.createTextVNode)(" files")]), (0, import_vue.createVNode)(import_button.Button, {
+          "type": "button",
+          "data-style": "ghost",
+          "onClick": (e) => {
+            e.stopPropagation();
+            clearAllFiles();
+          }
+        }, {
+          default: () => [(0, import_vue.createTextVNode)("Clear All")]
+        })]), fileItems.value.map((fileItem) => (0, import_vue.createVNode)(ImageUploadPreview, {
+          "key": fileItem.id,
+          "fileItem": fileItem,
+          "onRemove": () => removeFileItem(fileItem.id)
+        }, null))]), (0, import_vue.createVNode)("input", {
+          "ref": inputRef,
+          "name": "file",
+          "accept": accept,
+          "type": "file",
+          "multiple": limit > 1,
+          "onChange": handleChange,
+          "onClick": (e) => e.stopPropagation()
+        }, null)]
+      });
+    };
+  }
+});

package/lib/rich-text-editor/menu-system/components/link-popover.d.ts

@@ -0,0 +1,32 @@
+import { type PropType } from 'vue';
+import '../styles/link-popover.less';
+export declare const LinkPopover: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    editor: {
+        type: PropType<any>;
+        required: true;
+    };
+    hideWhenUnavailable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    editor: {
+        type: PropType<any>;
+        required: true;
+    };
+    hideWhenUnavailable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    className: string;
+    hideWhenUnavailable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;