@ibiz-template/vue3-components 0.1.2 → 0.1.3

package/dist/wang-editor-675011c6.js.map

@@ -1 +1 @@
-{"version":3,"file":"wang-editor-675011c6.js","sources":["../src/editor/html/wang-editor/wang-editor.tsx"],"sourcesContent":["import {\n  onBeforeUnmount,\n  ref,\n  shallowRef,\n  onMounted,\n  watch,\n  Ref,\n  defineComponent,\n} from 'vue';\nimport { Editor, Toolbar } from '@wangeditor/editor-for-vue';\nimport { IEditorConfig, IToolbarConfig } from '@wangeditor/editor';\nimport type { IDomEditor } from '@wangeditor/editor';\nimport { getCookie } from 'qx-util';\nimport {\n  getEditorEmits,\n  getHtmlProps,\n  useNamespace,\n} from '@ibiz-template/vue3-util';\nimport { CoreConst } from '@ibiz-template/core';\nimport { HtmlEditorController } from '../html-editor.controller';\nimport './wang-editor.scss';\n\ntype InsertFnType = (_url: string, _alt: string, _href: string) => void;\n\nconst IBizHtml = defineComponent({\n  name: 'IBizHtml',\n  props: getHtmlProps<HtmlEditorController>(),\n  emits: getEditorEmits(),\n  setup(props, { emit }) {\n    const ns = useNamespace('html');\n\n    const c = props.controller!;\n\n    // 编辑器实例，必须用 shallowRef，重要！\n    const editorRef = shallowRef();\n\n    // 内容 HTML\n    const valueHtml = ref('');\n\n    // 请求头\n    const headers: Ref<IData> = ref({\n      Authorization: `Bearer ${getCookie(CoreConst.TOKEN)}`,\n    });\n\n    // 上传文件路径\n    const uploadUrl: Ref<string> = ref('');\n\n    // 下载文件路径\n    const downloadUrl: Ref<string> = ref('');\n\n    // data响应式变更基础路径\n    watch(\n      () => props.data,\n      newVal => {\n        if (newVal) {\n          const urls = c.calcBaseUrl(newVal);\n          uploadUrl.value = urls.uploadUrl;\n          downloadUrl.value = urls.downloadUrl;\n        }\n      },\n      { immediate: true, deep: true },\n    );\n\n    // 自定义校验链接\n    const customCheckLinkFn = (\n      text: string,\n      url: string,\n    ): string | boolean | undefined => {\n      if (!url) {\n        return;\n      }\n      // if (url.indexOf('http') !== 0) {\n      //   return '链接必须以 http/https 开头';\n      // }\n      return true;\n\n      // 返回值有三种选择：\n      // 1. 返回 true ，说明检查通过，编辑器将正常插入链接\n      // 2. 返回一个字符串，说明检查未通过，编辑器会阻止插入。会 alert 出错误信息（即返回的字符串）\n      // 3. 返回 undefined（即没有任何返回），说明检查未通过，编辑器会阻止插入。但不会提示任何信息\n    };\n\n    // 自定义转换链接 url\n    const customParseLinkUrl = (url: string): string => {\n      // if (url.indexOf('http') !== 0) {\n      //   return `http://${url}`;\n      // }\n      return url;\n    };\n\n    // 工具栏配置\n    const toolbarConfig: Partial<IToolbarConfig> = {\n      excludeKeys: ['group-video'],\n    };\n\n    // 编辑器配置\n    const editorConfig: Partial<IEditorConfig> = {\n      placeholder: c.placeHolder,\n      readOnly: props.readonly,\n      MENU_CONF: {\n        // 图片上传\n        uploadImage: {\n          // 上传地址\n          server: uploadUrl.value,\n\n          // form-data fieldName ，默认值 'wangeditor-uploaded-image'\n          fieldName: 'file',\n\n          // 单个文件的最大体积限制，默认为 2M\n          maxFileSize: 10 * 1024 * 1024, // 10M\n\n          // 最多可上传几个文件，默认为 100\n          maxNumberOfFiles: 10,\n\n          // 选择文件时的类型限制，默认为 ['image/*'] 。如不想限制，则设置为 []\n          allowedFileTypes: [],\n\n          // 自定义增加 http  header\n          headers: headers.value,\n\n          // 跨域是否传递 cookie ，默认为 false\n          withCredentials: true,\n\n          // 上传之前触发\n          onBeforeUpload(file: File) {\n            // TS 语法\n            // onBeforeUpload(file) {    // JS 语法\n            // file 选中的文件，格式如 { key: file }\n            return file;\n\n            // 可以 return\n            // 1. return file 或者 new 一个 file ，接下来将上传\n            // 2. return false ，不上传这个 file\n          },\n\n          // 上传进度的回调函数\n          onProgress(progress: number) {\n            console.log('progress', progress);\n          },\n\n          // 单个文件上传成功之后\n          onSuccess(file: File, res: IData) {\n            console.log(`${file.name} 上传成功`, res);\n          },\n\n          // 单个文件上传失败\n          onFailed(file: File, res: IData) {\n            console.log(`${file.name} 上传失败`, res);\n          },\n\n          // 上传错误，或者触发 timeout 超时\n          onError(file: File, err: IData, res: IData) {\n            console.log(`${file.name} 上传出错`, err, res);\n          },\n\n          // 自定义插入图片\n          async customInsert(res: IData, insertFn: InsertFnType) {\n            const url = downloadUrl.value.replace('%fileId%', res.id);\n            const alt = res.filename;\n            // 从 res 中找到 url alt href ，然后插入图片\n            insertFn(url, alt, '');\n          },\n        },\n        // 插入链接\n        insertLink: {\n          checkLink: customCheckLinkFn, // 也支持 async 函数\n          parseLinkUrl: customParseLinkUrl, // 也支持 async 函数\n        },\n        // 更新链接\n        editLink: {\n          checkLink: customCheckLinkFn, // 也支持 async 函数\n          parseLinkUrl: customParseLinkUrl, // 也支持 async 函数\n        },\n      },\n    };\n\n    // 组件销毁时，也及时销毁编辑器，重要！\n    onBeforeUnmount(() => {\n      const editor = editorRef.value;\n      if (editor == null) return;\n\n      editor.destroy();\n    });\n\n    // 编辑器回调函数\n    // 编辑器创建完毕时的回调函数\n    const handleCreated = (editor: IDomEditor) => {\n      editorRef.value = editor; // 记录 editor 实例，重要！\n      // 配置菜单\n      // setTimeout(() => {\n      //   const toolbar = DomEditor.getToolbar(editor);\n      //   const curToolbarConfig = toolbar?.getConfig();\n      //   console.log(curToolbarConfig?.toolbarKeys); // 当前菜单排序和分组\n      // }, 3000);\n    };\n    // 编辑器内容、选区变化时的回调函数\n    const handleChange = (editor: IDomEditor) => {\n      // console.log('change:', editor.getHtml());\n      const html = editor.getHtml();\n      // wangEditor初始值抛空字符串给后台\n      const emitValue = html === '<p><br></p>' ? '' : html;\n      emit('change', emitValue);\n    };\n    // 编辑器销毁时的回调函数。调用 editor.destroy() 即可销毁编辑器\n    const handleDestroyed = (_editor: IDomEditor) => {\n      // console.log('destroyed', _editor);\n    };\n    // 编辑器 focus 时的回调函数\n    const handleFocus = (_editor: IDomEditor) => {\n      // console.log('focus', _editor);\n    };\n    // 编辑器 blur 时的回调函数。\n    const handleBlur = (_editor: IDomEditor) => {\n      // console.log('blur', _editor);\n    };\n    // 自定义编辑器 alert\n    const customAlert = (info: string, type: string) => {\n      // eslint-disable-next-line no-alert\n      alert(`【自定义提示】${type} - ${info}`);\n    };\n    // 自定义粘贴。可阻止编辑器的默认粘贴，实现自己的粘贴逻辑\n    const customPaste = (\n      editor: IDomEditor,\n      event: ClipboardEvent,\n      callback: Function,\n    ) => {\n      // 返回值（注意，vue 事件的返回值，不能用 return）\n      // callback(false); // 返回 false ，阻止默认粘贴行为\n      callback(true); // 返回 true ，继续默认的粘贴行为\n    };\n\n    // 插入文本\n    const insertText = (str: string) => {\n      const editor = editorRef.value;\n      if (editor == null) return;\n\n      editor.insertText(str);\n    };\n\n    // 获取非格式化的 html\n    const printHtml = () => {\n      const editor = editorRef.value;\n      if (editor == null) return;\n      console.log(editor.getHtml());\n    };\n\n    // 禁用编辑器\n    const disable = () => {\n      const editor = editorRef.value;\n      if (editor == null) return;\n      editor.disable();\n    };\n\n    // 取消禁用编辑器\n    const enable = () => {\n      const editor = editorRef.value;\n      if (editor == null) return;\n      editor.enable();\n    };\n\n    onMounted(() => {\n      // 监听值变化赋值\n      watch(\n        () => props.value,\n        (newVal, oldVal) => {\n          if (\n            newVal !== oldVal &&\n            (typeof props.value === 'string' || newVal === null)\n          ) {\n            if (newVal === null) {\n              valueHtml.value = '';\n            } else {\n              valueHtml.value = newVal as string;\n            }\n          }\n        },\n        { immediate: true },\n      );\n\n      // 监听disabled禁用\n      watch(\n        () => props.disabled,\n        (newVal, oldVal) => {\n          if (newVal !== oldVal) {\n            if (newVal === true) {\n              disable();\n            } else {\n              enable();\n            }\n          }\n        },\n        { immediate: true },\n      );\n    });\n\n    return {\n      ns,\n      editorRef,\n      mode: 'default',\n      valueHtml,\n      toolbarConfig,\n      editorConfig,\n      handleCreated,\n      handleChange,\n      handleDestroyed,\n      handleFocus,\n      handleBlur,\n      customAlert,\n      customPaste,\n      insertText,\n      printHtml,\n      disable,\n      enable,\n    };\n  },\n  render() {\n    return (\n      <div class={this.ns.b()}>\n        <div style='border: 1px solid #ccc; margin-top: 10px'>\n          <Toolbar\n            editor={this.editorRef}\n            default-config={this.toolbarConfig}\n            mode={this.mode}\n            style='border-bottom: 1px solid #ccc'\n          />\n          <Editor\n            v-model={this.valueHtml}\n            default-config={this.editorConfig}\n            mode={this.mode}\n            style='height: 400px; overflow-y: hidden'\n            onOnCreated={this.handleCreated}\n            onOnChange={this.handleChange}\n            onOnDestroyed={this.handleDestroyed}\n            onOnFocus={this.handleFocus}\n            onOnBlur={this.handleBlur}\n            oncustomAlert={this.customAlert}\n            oncustomPaste={this.customPaste}\n          />\n        </div>\n      </div>\n    );\n  },\n});\n\nexport default IBizHtml;\n"],"names":["IBizHtml","exports","defineComponent","name","props","getHtmlProps","emits","getEditorEmits","setup","emit","ns","useNamespace","c","controller","valueHtml","ref","editorRef","watch","newVal","headers","Authorization","getCookie","CoreConst","uploadUrl","urls","url","downloadUrl","immediate","deep","customParseLinkUrl","file","toolbarConfig","progress","res","MENU_CONF","uploadImage","server","err","fieldName","maxFileSize","insertFn","alt","maxNumberOfFiles","customCheckLinkFn","withCredentials","editor","onSuccess","handleChange","onFailed","html","onError","console","handleFocus","_editor","handleBlur","customInsert","customAlert","info","type","customPaste","event","callback","insertLink","str","checkLink","printHtml","editLink","disable","onBeforeUnmount","onMounted","handleCreated","value","oldVal","emitValue","enable","editorConfig","alert","handleDestroyed","log","$event"],"mappings":"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"}
+{"version":3,"file":"wang-editor-675011c6.js","sources":["../src/editor/html/wang-editor/wang-editor.tsx"],"sourcesContent":["import {\n  onBeforeUnmount,\n  ref,\n  shallowRef,\n  onMounted,\n  watch,\n  Ref,\n  defineComponent,\n} from 'vue';\nimport { Editor, Toolbar } from '@wangeditor/editor-for-vue';\nimport { IEditorConfig, IToolbarConfig } from '@wangeditor/editor';\nimport type { IDomEditor } from '@wangeditor/editor';\nimport { getCookie } from 'qx-util';\nimport {\n  getEditorEmits,\n  getHtmlProps,\n  useNamespace,\n} from '@ibiz-template/vue3-util';\nimport { CoreConst } from '@ibiz-template/core';\nimport { HtmlEditorController } from '../html-editor.controller';\nimport './wang-editor.scss';\n\ntype InsertFnType = (_url: string, _alt: string, _href: string) => void;\n\nconst IBizHtml = defineComponent({\n  name: 'IBizHtml',\n  props: getHtmlProps<HtmlEditorController>(),\n  emits: getEditorEmits(),\n  setup(props, { emit }) {\n    const ns = useNamespace('html');\n\n    const c = props.controller!;\n\n    // 编辑器实例，必须用 shallowRef，重要！\n    const editorRef = shallowRef();\n\n    // 内容 HTML\n    const valueHtml = ref('');\n\n    // 请求头\n    const headers: Ref<IData> = ref({\n      Authorization: `Bearer ${getCookie(CoreConst.TOKEN)}`,\n    });\n\n    // 上传文件路径\n    const uploadUrl: Ref<string> = ref('');\n\n    // 下载文件路径\n    const downloadUrl: Ref<string> = ref('');\n\n    // data响应式变更基础路径\n    watch(\n      () => props.data,\n      newVal => {\n        if (newVal) {\n          const urls = c.calcBaseUrl(newVal);\n          uploadUrl.value = urls.uploadUrl;\n          downloadUrl.value = urls.downloadUrl;\n        }\n      },\n      { immediate: true, deep: true },\n    );\n\n    // 自定义校验链接\n    const customCheckLinkFn = (\n      text: string,\n      url: string,\n    ): string | boolean | undefined => {\n      if (!url) {\n        return;\n      }\n      // if (url.indexOf('http') !== 0) {\n      //   return '链接必须以 http/https 开头';\n      // }\n      return true;\n\n      // 返回值有三种选择：\n      // 1. 返回 true ，说明检查通过，编辑器将正常插入链接\n      // 2. 返回一个字符串，说明检查未通过，编辑器会阻止插入。会 alert 出错误信息（即返回的字符串）\n      // 3. 返回 undefined（即没有任何返回），说明检查未通过，编辑器会阻止插入。但不会提示任何信息\n    };\n\n    // 自定义转换链接 url\n    const customParseLinkUrl = (url: string): string => {\n      // if (url.indexOf('http') !== 0) {\n      //   return `http://${url}`;\n      // }\n      return url;\n    };\n\n    // 工具栏配置\n    const toolbarConfig: Partial<IToolbarConfig> = {\n      excludeKeys: ['group-video'],\n    };\n\n    // 编辑器配置\n    const editorConfig: Partial<IEditorConfig> = {\n      placeholder: c.placeHolder,\n      readOnly: props.readonly,\n      MENU_CONF: {\n        // 图片上传\n        uploadImage: {\n          // 上传地址\n          server: uploadUrl.value,\n\n          // form-data fieldName ，默认值 'wangeditor-uploaded-image'\n          fieldName: 'file',\n\n          // 单个文件的最大体积限制，默认为 2M\n          maxFileSize: 10 * 1024 * 1024, // 10M\n\n          // 最多可上传几个文件，默认为 100\n          maxNumberOfFiles: 10,\n\n          // 选择文件时的类型限制，默认为 ['image/*'] 。如不想限制，则设置为 []\n          allowedFileTypes: [],\n\n          // 自定义增加 http  header\n          headers: headers.value,\n\n          // 跨域是否传递 cookie ，默认为 false\n          withCredentials: true,\n\n          // 上传之前触发\n          onBeforeUpload(file: File) {\n            // TS 语法\n            // onBeforeUpload(file) {    // JS 语法\n            // file 选中的文件，格式如 { key: file }\n            return file;\n\n            // 可以 return\n            // 1. return file 或者 new 一个 file ，接下来将上传\n            // 2. return false ，不上传这个 file\n          },\n\n          // 上传进度的回调函数\n          onProgress(progress: number) {\n            console.log('progress', progress);\n          },\n\n          // 单个文件上传成功之后\n          onSuccess(file: File, res: IData) {\n            console.log(`${file.name} 上传成功`, res);\n          },\n\n          // 单个文件上传失败\n          onFailed(file: File, res: IData) {\n            console.log(`${file.name} 上传失败`, res);\n          },\n\n          // 上传错误，或者触发 timeout 超时\n          onError(file: File, err: IData, res: IData) {\n            console.log(`${file.name} 上传出错`, err, res);\n          },\n\n          // 自定义插入图片\n          async customInsert(res: IData, insertFn: InsertFnType) {\n            const url = downloadUrl.value.replace('%fileId%', res.id);\n            const alt = res.filename;\n            // 从 res 中找到 url alt href ，然后插入图片\n            insertFn(url, alt, '');\n          },\n        },\n        // 插入链接\n        insertLink: {\n          checkLink: customCheckLinkFn, // 也支持 async 函数\n          parseLinkUrl: customParseLinkUrl, // 也支持 async 函数\n        },\n        // 更新链接\n        editLink: {\n          checkLink: customCheckLinkFn, // 也支持 async 函数\n          parseLinkUrl: customParseLinkUrl, // 也支持 async 函数\n        },\n      },\n    };\n\n    // 组件销毁时，也及时销毁编辑器，重要！\n    onBeforeUnmount(() => {\n      const editor = editorRef.value;\n      if (editor == null) return;\n\n      editor.destroy();\n    });\n\n    // 编辑器回调函数\n    // 编辑器创建完毕时的回调函数\n    const handleCreated = (editor: IDomEditor) => {\n      editorRef.value = editor; // 记录 editor 实例，重要！\n      // 配置菜单\n      // setTimeout(() => {\n      //   const toolbar = DomEditor.getToolbar(editor);\n      //   const curToolbarConfig = toolbar?.getConfig();\n      //   console.log(curToolbarConfig?.toolbarKeys); // 当前菜单排序和分组\n      // }, 3000);\n    };\n    // 编辑器内容、选区变化时的回调函数\n    const handleChange = (editor: IDomEditor) => {\n      // console.log('change:', editor.getHtml());\n      const html = editor.getHtml();\n      // wangEditor初始值抛空字符串给后台\n      const emitValue = html === '<p><br></p>' ? '' : html;\n      emit('change', emitValue);\n    };\n    // 编辑器销毁时的回调函数。调用 editor.destroy() 即可销毁编辑器\n    const handleDestroyed = (_editor: IDomEditor) => {\n      // console.log('destroyed', _editor);\n    };\n    // 编辑器 focus 时的回调函数\n    const handleFocus = (_editor: IDomEditor) => {\n      // console.log('focus', _editor);\n    };\n    // 编辑器 blur 时的回调函数。\n    const handleBlur = (_editor: IDomEditor) => {\n      // console.log('blur', _editor);\n    };\n    // 自定义编辑器 alert\n    const customAlert = (info: string, type: string) => {\n      // eslint-disable-next-line no-alert\n      alert(`【自定义提示】${type} - ${info}`);\n    };\n    // 自定义粘贴。可阻止编辑器的默认粘贴，实现自己的粘贴逻辑\n    const customPaste = (\n      editor: IDomEditor,\n      event: ClipboardEvent,\n      callback: (_n: boolean) => void,\n    ) => {\n      // 返回值（注意，vue 事件的返回值，不能用 return）\n      // callback(false); // 返回 false ，阻止默认粘贴行为\n      callback(true); // 返回 true ，继续默认的粘贴行为\n    };\n\n    // 插入文本\n    const insertText = (str: string) => {\n      const editor = editorRef.value;\n      if (editor == null) return;\n\n      editor.insertText(str);\n    };\n\n    // 获取非格式化的 html\n    const printHtml = () => {\n      const editor = editorRef.value;\n      if (editor == null) return;\n      console.log(editor.getHtml());\n    };\n\n    // 禁用编辑器\n    const disable = () => {\n      const editor = editorRef.value;\n      if (editor == null) return;\n      editor.disable();\n    };\n\n    // 取消禁用编辑器\n    const enable = () => {\n      const editor = editorRef.value;\n      if (editor == null) return;\n      editor.enable();\n    };\n\n    onMounted(() => {\n      // 监听值变化赋值\n      watch(\n        () => props.value,\n        (newVal, oldVal) => {\n          if (\n            newVal !== oldVal &&\n            (typeof props.value === 'string' || newVal === null)\n          ) {\n            if (newVal === null) {\n              valueHtml.value = '';\n            } else {\n              valueHtml.value = newVal as string;\n            }\n          }\n        },\n        { immediate: true },\n      );\n\n      // 监听disabled禁用\n      watch(\n        () => props.disabled,\n        (newVal, oldVal) => {\n          if (newVal !== oldVal) {\n            if (newVal === true) {\n              disable();\n            } else {\n              enable();\n            }\n          }\n        },\n        { immediate: true },\n      );\n    });\n\n    return {\n      ns,\n      editorRef,\n      mode: 'default',\n      valueHtml,\n      toolbarConfig,\n      editorConfig,\n      handleCreated,\n      handleChange,\n      handleDestroyed,\n      handleFocus,\n      handleBlur,\n      customAlert,\n      customPaste,\n      insertText,\n      printHtml,\n      disable,\n      enable,\n    };\n  },\n  render() {\n    return (\n      <div class={this.ns.b()}>\n        <div style='border: 1px solid #ccc; margin-top: 10px'>\n          <Toolbar\n            editor={this.editorRef}\n            default-config={this.toolbarConfig}\n            mode={this.mode}\n            style='border-bottom: 1px solid #ccc'\n          />\n          <Editor\n            v-model={this.valueHtml}\n            default-config={this.editorConfig}\n            mode={this.mode}\n            style='height: 400px; overflow-y: hidden'\n            onOnCreated={this.handleCreated}\n            onOnChange={this.handleChange}\n            onOnDestroyed={this.handleDestroyed}\n            onOnFocus={this.handleFocus}\n            onOnBlur={this.handleBlur}\n            oncustomAlert={this.customAlert}\n            oncustomPaste={this.customPaste}\n          />\n        </div>\n      </div>\n    );\n  },\n});\n\nexport default IBizHtml;\n"],"names":["IBizHtml","exports","defineComponent","name","props","getHtmlProps","emits","getEditorEmits","setup","emit","ns","useNamespace","c","controller","valueHtml","ref","editorRef","watch","newVal","headers","Authorization","getCookie","CoreConst","uploadUrl","urls","url","downloadUrl","immediate","deep","customParseLinkUrl","file","toolbarConfig","progress","res","MENU_CONF","uploadImage","server","err","fieldName","maxFileSize","insertFn","alt","maxNumberOfFiles","customCheckLinkFn","withCredentials","editor","onSuccess","handleChange","onFailed","html","onError","console","handleFocus","_editor","handleBlur","customInsert","customAlert","info","type","customPaste","event","callback","insertLink","str","checkLink","printHtml","editLink","disable","onBeforeUnmount","onMounted","handleCreated","value","oldVal","emitValue","enable","editorConfig","alert","handleDestroyed","log","$event"],"mappings":"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"}