@ibiz-template/mob-vue3-components 0.0.55 → 0.7.41-alpha.7

package/dist/quill-editor-ybZrwyoG.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"quill-editor-ybZrwyoG.js","sources":["../src/editor/html/quill-editor/quill-editor.tsx"],"sourcesContent":["/* eslint-disable import/no-extraneous-dependencies */\nimport { defineComponent, nextTick, Ref, ref, watch } from 'vue';\nimport {\n  getHtmlProps,\n  getEditorEmits,\n  useNamespace,\n} from '@ibiz-template/vue3-util';\nimport 'quill/dist/quill.core.css';\nimport 'quill/dist/quill.snow.css';\nimport 'quill/dist/quill.bubble.css';\nimport Quill from 'quill';\nimport { Delta } from 'quill/core';\nimport { base64ToBlob, CoreConst, getAppCookie } from '@ibiz-template/core';\nimport { HtmlEditorController } from '../html-editor.controller';\nimport './quill-editor.scss';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst IBizQuill: any = defineComponent({\n  name: 'IBizQuill',\n  props: getHtmlProps<HtmlEditorController>(),\n  emits: getEditorEmits(),\n  setup(props, { emit }) {\n    const ns = useNamespace('quill');\n    const c: HtmlEditorController = props.controller;\n\n    const editorRef = ref(null);\n\n    const lang = ibiz.i18n.getLang();\n\n    // 编辑器对象\n    let quill: Quill | null = null;\n\n    // 请求头\n    const headers: Ref<IData> = ref({\n      [`${ibiz.env.tokenHeader}Authorization`]: `${\n        ibiz.env.tokenPrefix\n      }Bearer ${getAppCookie(CoreConst.TOKEN)}`,\n    });\n\n    // 上传文件路径\n    const uploadUrl: Ref<string> = ref('');\n\n    // 下载文件路径\n    const downloadUrl: Ref<string> = ref('');\n\n    // 编辑状态\n    const editing: Ref<boolean> = ref(false);\n\n    // 更新中\n    const updating: Ref<boolean> = ref(false);\n\n    // 临时数据\n    const tempValue: Ref<string> = ref('');\n\n    // 是否完全展开\n    const isCollapse: Ref<boolean> = ref(true);\n\n    const getImage = (delta: Delta) => {\n      const item = delta.ops.find(x => x.insert && (x.insert as IData).image);\n      if (item) {\n        return (item.insert as IData).image;\n      }\n    };\n\n    const getValue = () => {\n      if (c.valueMode === 'text') {\n        return quill!.getText();\n      }\n      return quill!.getSemanticHTML();\n    };\n\n    // 处理图片上传(文件模式)\n    const handleUpload = async (image: string) => {\n      const blob = base64ToBlob(image);\n      const file = await ibiz.util.file.fileUpload(\n        uploadUrl.value,\n        blob,\n        headers.value,\n      );\n      const url = downloadUrl.value.replace('%fileId%', file.fileid);\n      const value = getValue();\n      tempValue.value = value.replace(image, url);\n    };\n\n    const init = () => {\n      if (!editorRef.value) {\n        return;\n      }\n      const theme = c.showToolbar ? 'snow' : 'bubble';\n      quill = new Quill(editorRef.value, {\n        theme,\n        modules: c.modules,\n        readOnly: props.disabled || props.readonly,\n        placeholder: c.placeHolder,\n      });\n      quill.on('text-change', (delta, oldDelta, source) => {\n        if (source === 'user') {\n          const image = getImage(delta);\n          if (image && c.imageMode === 'file') {\n            handleUpload(image);\n            return;\n          }\n          tempValue.value = getValue();\n        }\n      });\n      if (c.valueMode === 'text') {\n        quill.setText(props.value || '');\n      }\n    };\n\n    watch(\n      () => [props.disabled, props.readonly],\n      () => {\n        if (!quill) {\n          return;\n        }\n        if (props.disabled || props.readonly) {\n          quill.enable(false);\n        } else {\n          quill.enable();\n        }\n      },\n      { immediate: true },\n    );\n\n    // data响应式变更基础路径\n    watch(\n      () => props.data,\n      newVal => {\n        if (newVal) {\n          const urls = ibiz.util.file.calcFileUpDownUrl(\n            c.context,\n            c.params,\n            newVal,\n            c.editorParams,\n          );\n          uploadUrl.value = urls.uploadUrl;\n          downloadUrl.value = urls.downloadUrl;\n        }\n      },\n      { immediate: true, deep: true },\n    );\n\n    watch(\n      () => props.value,\n      () => {\n        if (!quill || !props.value) {\n          return;\n        }\n        tempValue.value = props.value;\n        if (c.valueMode === 'text') {\n          quill.setText(props.value);\n        } else {\n          updating.value = true;\n          nextTick(() => {\n            updating.value = false;\n          });\n        }\n      },\n      { immediate: true },\n    );\n\n    // 展开编辑\n    const handleEdit = () => {\n      if (!quill) {\n        init();\n      }\n    };\n\n    // 取消编辑\n    const handleCancel = () => {\n      editing.value = false;\n    };\n\n    // 确认编辑\n    const handleConfirm = () => {\n      emit('change', tempValue.value);\n      editing.value = false;\n    };\n\n    return {\n      ns,\n      c,\n      lang,\n      editing,\n      updating,\n      editorRef,\n      isCollapse,\n      handleEdit,\n      handleCancel,\n      handleConfirm,\n    };\n  },\n  render() {\n    return (\n      <div\n        class={[\n          this.ns.b(),\n          this.disabled ? this.ns.m('disabled') : '',\n          this.readonly ? this.ns.m('readonly') : '',\n          this.ns.m(this.lang.toLowerCase()),\n        ]}\n      >\n        {!this.updating && (\n          <iBizQuillPreview\n            value={this.value}\n            controller={this.controller}\n            disabled={this.disabled}\n            readonly={this.readonly}\n            showCollapse={this.c.showCollapse}\n            defaultHeight={this.c.defaultHeight}\n            isCollapse={this.isCollapse}\n            onEdit={() => {\n              this.editing = true;\n            }}\n            onCollapse={(val: boolean) => {\n              this.isCollapse = val;\n            }}\n          />\n        )}\n        <van-action-sheet\n          v-model:show={this.editing}\n          teleport='body'\n          class={[this.ns.e('popup'), this.ns.m(this.lang.toLowerCase())]}\n          onOpened={this.handleEdit}\n        >\n          <div class={this.ns.e('content')}>\n            <div ref='editorRef'>\n              {this.controller.valueMode === 'html' ? (\n                <div v-html={this.value}></div>\n              ) : null}\n            </div>\n          </div>\n          <div class={this.ns.e('footer')}>\n            <van-button class={this.ns.e('cancel')} onClick={this.handleCancel}>\n              {ibiz.i18n.t('editor.common.cancel')}\n            </van-button>\n            <van-button\n              class={this.ns.e('confirm')}\n              onClick={this.handleConfirm}\n              type='primary'\n            >\n              {ibiz.i18n.t('editor.common.confirm')}\n            </van-button>\n          </div>\n        </van-action-sheet>\n      </div>\n    );\n  },\n});\n\nexport default IBizQuill;\n"],"names":["s","_isVNode","IBizQuill","exports","defineComponent","name","getEditorEmits","props","emit","setup","c","ns","ref","quill","lang","editing","headers","ibiz","isCollapse","item","delta","x","uploadUrl","blob","base64ToBlob","image","file","value","getValue","tempValue","url","init","theme","Quill","editorRef","source","handleUpload","getImage","util","placeHolder","watch","newVal","urls","downloadUrl","immediate","nextTick","updating","deep","_slot2","_createVNode","handleCancel","handleConfirm","val","_resolveComponent","$event","handleEdit","render","_slot","b","disabled","controller","_isSlot","showCollapse"],"mappings":"kvBAgBA,OAAA,OAAAA,GAAA,YAAA,OAAA,UAAA,SAAA,KAAAA,CAAA,IAAA,mBAAA,CAAAC,EAAAD,CAAA,CAAA,CAAA,MAAAE,EAAAC,EAAA,UAAAC,GAAA,KAAA,YACMF,MAAAA,EAAiBE,EACrBC,MAAiBC,EAAA,EACjBC,MAAKA,EAAc,CACd,KAAAC,GACAC,CAAUD,MAAAA,EAAAA,EAAAA,OAAAA,EAAQE,EAAAH,EAAA,WACfI,EAAiBC,EAAA,MACjBF,EAA+B,KAAW,KAAA,QAAA,EAEhD,IAAAG,EAAe,KAEf,MAAMC,EAAWF,yFAEjB,CAAA,EACIC,EAA0BD,EAAA,EAAA,UAE9BG,EAAAH,EAAA,EAAA,EACMI,EAAsBJ,EAAI,EAAA,EAC1BK,EAAqBL,EAAA,EAAA,EAGzBM,EAAAN,EAAA,EAAA,QAEF,MAAAO,EAAAC,EAAA,IAAA,KAAAC,GAAAA,EAAA,QAAAA,EAAA,OAAA,KAAA,EACA,GAAMC,uBAGN,QAEAZ,EAAA,YAAA,OAC2BG,EAAM,UAEjCA,EAAA,8BAGA,MAAAU,EAAAC,EAAAC,CAAA,EAC4BC,EAAA,MAAM,KAAI,KAAA,KAAA,WAAAJ,EAAA,MAAAC,EAAAP,EAAA,KAAA,yCAEtCW,EAAAC,IACAC,EAA8B,MAAMF,UAAMF,EAAAK,CAAA,GAGxCC,EAAaX,IAAAA,CACb,GAAID,GAAM,MACR,OAEH,MAAAa,EAAAtB,EAAA,YAAA,OAAA,SAEKkB,EAAAA,IAAQK,EAASC,EAAA,MAAA,CACrB,MAAAF,EACE,QAAYtB,EAAA,QACd,SAAAH,EAAA,UAAAA,EAAA,SACA,YAA6BG,EAAA,YAC9B,+BAED,GAAAyB,IAAA,OAAA,CACMC,MAAYX,EAAAY,EAAUZ,CAAkB,EAC5C,GAAUA,GAAef,EAAA,YAAO,OAAA,CAC1BgB,EAAaT,CAAKqB,EAKlBR,MACN,CACSD,EAAM,MAAQD,GACxB,EAEKG,EACArB,EAACwB,YAAe,QAClBrB,EAAA,QAAAN,EAAA,OAAA,EAAA,GAGFM,OAAAA,EAAAA,IAAYoB,CAAAA,EAAK,SAAU1B,EAAM,QAAE,EAAA,IAAA,CAC5BM,IAGMN,EAAA,UAAIgC,EAAAA,SACf1B,EAAA,OAAA,EAAA,EAEAA,EAAIsB,OAAW,EAEb,EAAA,WACc,EACZ,CAAA,EACFK,EAAA,IAAAjC,EAAA,KAAAkC,GAAA,CACAZ,GAAAA,EAAAA,CACF,MAAAa,EAAA,KAAA,KAAA,KAAA,kBAAAhC,EAAA,QAAAA,EAAA,OAAA+B,EAAA/B,EAAA,YAAA,EACAY,EAAA,MAAAoB,EAAA,UACFC,EAAe,QAAa,YAE5B,EAAA,CACD,UAAA,GAEDH,KACE,KAGIA,EAAA,IAAAjC,EAAA,MAAA,IAAA,CACF,CAAAM,GAAA,CAAAN,EAAA,QAGAsB,EAAO,MAAAtB,EAAA,MACAG,EAAA,YAAS,OAChBG,EAAA,QAAAN,EAAA,KAAA,GAEAqC,EAAW,MAAA,GACdC,EAAA,IAAA,WAED,CAAA,GAII,EAAA,WACQH,EAMNpB,CAAAA,EAeAT,CACF,GAAAF,MAEEkC,KAAAA,YAEA,SAAAC,EACF,UAAAZ,EAEF,WAAAhB,EAAE0B,WAtBcjB,IAAQe,CACtB7B,GAEFkB,GAAmBgB,EAoBpB,aAnBA,IAAA,CAEDP,EACQjC,MAAMoB,EAEV,gBACE,IAAA,CACFnB,EAAA,SAAAqB,EAAA,KAAA,EACAA,EAAAA,MAAkBtB,EAClB,CAYJ,WAEOM,CACHkB,IAAAA,EAAMiB,EACR,OAAAC,EAAA,MAAA,CACD,MAAA,CAAA,KAAA,GAAA,EAAA,EAAA,KAAA,SAAA,KAAA,GAAA,EAAA,UAAA,EAAA,GAAA,KAAA,SAAA,KAAA,GAAA,EAAA,UAAA,EAAA,GAAA,KAAA,GAAA,EAAA,KAAA,KAAA,YAAA,CAAA,CAAA,6CAED,MAAA,KAAA,MACMC,WAAAA,KAAeA,WACnBnC,SAAa,KAAQ,SACtB,SAAA,KAAA,0CAED,cAAA,KAAA,EAAA,cACMoC,WAAAA,KAAgBA,WACpB3C,OAAa,IAAW,CACjB,KAAA,QAAc,EACtB,EAEM,WAAA4C,GAAA,CACH,KAAA,WAAAA,CACD,GACG,IAAA,EAAAH,EAAAI,EAAA,kBAAA,EAAA,CACJtC,KAAO,KAAA,QACP+B,gBAAQQ,GAAA,KAAA,QAAAA,EACRpB,SAAS,OACThB,MAAU,CAAA,KAAA,GAAA,EAAA,OAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,YAAA,CAAA,CAAA,EACVqC,SAAU,KAAA,YACE,CACZJ,QAAAA,IAAAA,CAAAA,EAAAA,MAAAA,CACD,MAAA,KAAA,GAAA,EAAA,SAAA,GACF,CAAAF,EAAA,MAAA,CACKO,IAAG,aAAAC,CAAAA,KAAAT,WAAA,YAAA,OAAAC,EAAA,MAAA,CACP,UAAA,KAAA,OAEW,IAAA,EACD,IAACtC,CAAE,CAAA,CAAC+C,EAAGT,EACNU,MAAe,CAKrB,WAAc,GAAAV,EAAAA,QAAAA,CAEJ,EAAA,CAAAA,EAAUI,EAAA,YAAA,EAAA,CACL,MAAA,KAAA,GAAKO,EAAU,QAAA,EACjB,QAAA,KAAa,cACbC,EAAAJ,EAAa,KAAA,KAAA,EAAA,sBAAA,CAAA,EAAAA,EAAA,CAAA,QAAA,IACL,CAAAA,CAAGK,CAAY,CAAA,EAAAb,EAClBI,EAAoB,YAAA,EAAA,CACvB,MAAA,KAAA,GAAKnC,EAAU,SAAA,EAAA,QACb,KAAA,cACZ,KAAY,WACb2C,EAAAb,EAAA,KAAA,KAAA,EAAA,uBAAA,CAAA,EAAAA,EAAA,CAAA,QAAA,IACwB,CAAKA,CAAA,GAC5B,CAAI,CAAA,CACN,CAAA,CAAA,CAAA"}