@ibiz-template/vue3-components 0.1.30 → 0.1.31

package/dist/{chart-b58bb09f.js → chart-wbdyCFvY.js}

@@ -1,2 +1,2 @@
 System.register(["vue","@ibiz-template/vue3-util","echarts","@ibiz-template/runtime"],function(d){"use strict";var o,a,c,t,i,s,u,l,p,C;return{setters:[function(e){o=e.defineComponent,a=e.ref,c=e.onMounted,t=e.createVNode,i=e.resolveComponent,s=e.createTextVNode},function(e){u=e.useControlController,l=e.useNamespace},function(e){p=e.init},function(e){C=e.ChartController}],execute:function(){const e=d("default",o({name:"IBizChartControl",props:{modelData:{type:Object,required:!0},context:{type:Object,required:!0},params:{type:Object,default:()=>({})},provider:{type:Object},loadDefault:{type:Boolean,default:!0}},setup(){const r=u((...n)=>new C(...n)),h=l(`control-${r.model.controlType.toLowerCase()}`),f=a();return c(()=>{const n=p(f.value);r.initChart(n)}),{c:r,ns:h,chartRef:f}},render(){return t(i("iBizControlBase"),{controller:this.c},{default:()=>[t("div",{ref:"chartRef",class:this.ns.e("chart")},[s("\u56FE\u8868")])]})}}))}}});
-//# sourceMappingURL=chart-b58bb09f.js.map
+//# sourceMappingURL=chart-wbdyCFvY.js.map

package/dist/{chart-b58bb09f.js.map → chart-wbdyCFvY.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chart-b58bb09f.js","sources":["../src/control/chart/chart.tsx"],"sourcesContent":["import { useControlController, useNamespace } from '@ibiz-template/vue3-util';\nimport { defineComponent, onMounted, PropType, ref } from 'vue';\nimport { IDEChart } from '@ibiz/model-core';\nimport { init } from 'echarts';\nimport './chart.scss';\nimport { ChartController, IControlProvider } from '@ibiz-template/runtime';\n\nconst ChartControl = defineComponent({\n  name: 'IBizChartControl',\n  props: {\n    modelData: { type: Object as PropType<IDEChart>, required: true },\n    context: { type: Object as PropType<IContext>, required: true },\n    params: { type: Object as PropType<IParams>, default: () => ({}) },\n    provider: { type: Object as PropType<IControlProvider> },\n    loadDefault: { type: Boolean, default: true },\n  },\n  setup() {\n    const c = useControlController((...args) => new ChartController(...args));\n    const ns = useNamespace(`control-${c.model.controlType!.toLowerCase()}`);\n    const chartRef = ref();\n\n    onMounted(() => {\n      const chart = init(chartRef.value);\n      c.initChart(chart);\n    });\n\n    return {\n      c,\n      ns,\n      chartRef,\n    };\n  },\n  render() {\n    return (\n      <iBizControlBase controller={this.c}>\n        <div ref='chartRef' class={this.ns.e('chart')}>\n          图表\n        </div>\n      </iBizControlBase>\n    );\n  },\n});\n\nexport default ChartControl;\n"],"names":["name","ChartControl","exports","defineComponent","props","modelData","type","required","context","params","Object","default","provider","loadDefault","setup","c","ns","useControlController","toLowerCase","args","chartRef","useNamespace","onMounted","ref","init","initChart","chart","render","_createVNode","_resolveComponent","_createTextVNode"],"mappings":"yYAQEA,MAAIC,EAAoBC,EAAA,UAAAC,EAAA,CACxBC,KAAO,mBACLC,MAAAA,CAAaC,UAAkC,CAAEC,KAAAA,OAAgB,SAAA,EACjEC,EAAWF,QAAkC,CAAEC,KAAAA,OAAgB,SAAA,EAC/DE,EAAUH,OAAMI,CAA6BC,KAAAA,OAAqB,QAAA,KAAA,CAAA,EAClEC,EAAYN,SAAMI,CAAsC,KAAA,MACxDG,EAAeP,YAAa,CAAEK,KAAAA,QAAc,QAAA,EAC7C,CACDG,EACE,OAAMC,CACN,MAAMC,EAAEC,MAA2BF,UAAqBG,GAAYC,CAAI,CAAA,EAClEC,EAAQC,EAAQ,WAAAN,EAAA,MAAA,YAAA,aAAA,EAAA,EAEtBO,EAAgBC,IACd,OAAAD,MAAcE,CACdT,MAAEU,EAAUC,EAAMN,EAAA,KAAA,EAClBL,EAAA,UAAAW,CAAA,EAEK,EACJ,CACDV,EAAAA,EACAI,GAAAA,EACD,SAAAA,EAEHO,UACEC,CAAA,OAAAA,EACmCC,EAACd,iBAAAA,EAAAA,CAAC,WAAA,KAAA,GAAA,CAAA,QAAA,IAAA,CAAAa,EAAA,MAAA,CAAA,IAAA,WACY,MAAA,KAAA,GAAA,EAAA,OAAA,CAAA,EAAA,CAAAE,EAAA,cAAA,CAAA,CAAA,CAAA,CAKnD,CAAA,CACA,CAEF,CAAA,CAAA"}
+{"version":3,"file":"chart-wbdyCFvY.js","sources":["../src/control/chart/chart.tsx"],"sourcesContent":["import { useControlController, useNamespace } from '@ibiz-template/vue3-util';\nimport { defineComponent, onMounted, PropType, ref } from 'vue';\nimport { IDEChart } from '@ibiz/model-core';\nimport { init } from 'echarts';\nimport './chart.scss';\nimport { ChartController, IControlProvider } from '@ibiz-template/runtime';\n\nconst ChartControl = defineComponent({\n  name: 'IBizChartControl',\n  props: {\n    modelData: { type: Object as PropType<IDEChart>, required: true },\n    context: { type: Object as PropType<IContext>, required: true },\n    params: { type: Object as PropType<IParams>, default: () => ({}) },\n    provider: { type: Object as PropType<IControlProvider> },\n    loadDefault: { type: Boolean, default: true },\n  },\n  setup() {\n    const c = useControlController((...args) => new ChartController(...args));\n    const ns = useNamespace(`control-${c.model.controlType!.toLowerCase()}`);\n    const chartRef = ref();\n\n    onMounted(() => {\n      const chart = init(chartRef.value);\n      c.initChart(chart);\n    });\n\n    return {\n      c,\n      ns,\n      chartRef,\n    };\n  },\n  render() {\n    return (\n      <iBizControlBase controller={this.c}>\n        <div ref='chartRef' class={this.ns.e('chart')}>\n          图表\n        </div>\n      </iBizControlBase>\n    );\n  },\n});\n\nexport default ChartControl;\n"],"names":["name","ChartControl","exports","defineComponent","props","modelData","type","required","context","params","Object","default","provider","loadDefault","setup","c","ns","useControlController","toLowerCase","args","chartRef","useNamespace","onMounted","ref","init","initChart","chart","render","_createVNode","_resolveComponent","_createTextVNode"],"mappings":"yYAQEA,MAAIC,EAAoBC,EAAA,UAAAC,EAAA,CACxBC,KAAO,mBACLC,MAAAA,CAAaC,UAAkC,CAAEC,KAAAA,OAAgB,SAAA,EACjEC,EAAWF,QAAkC,CAAEC,KAAAA,OAAgB,SAAA,EAC/DE,EAAUH,OAAMI,CAA6BC,KAAAA,OAAqB,QAAA,KAAA,CAAA,EAClEC,EAAYN,SAAMI,CAAsC,KAAA,MACxDG,EAAeP,YAAa,CAAEK,KAAAA,QAAc,QAAA,EAC7C,CACDG,EACE,OAAMC,CACN,MAAMC,EAAEC,MAA2BF,UAAqBG,GAAYC,CAAI,CAAA,EAClEC,EAAQC,EAAQ,WAAAN,EAAA,MAAA,YAAA,aAAA,EAAA,EAEtBO,EAAgBC,IACd,OAAAD,MAAcE,CACdT,MAAEU,EAAUC,EAAMN,EAAA,KAAA,EAClBL,EAAA,UAAAW,CAAA,EAEK,EACJ,CACDV,EAAAA,EACAI,GAAAA,EACD,SAAAA,EAEHO,UACEC,CAAA,OAAAA,EACmCC,EAACd,iBAAAA,EAAAA,CAAC,WAAA,KAAA,GAAA,CAAA,QAAA,IAAA,CAAAa,EAAA,MAAA,CAAA,IAAA,WACY,MAAA,KAAA,GAAA,EAAA,OAAA,CAAA,EAAA,CAAAE,EAAA,cAAA,CAAA,CAAA,CAAA,CAKnD,CAAA,CACA,CAEF,CAAA,CAAA"}

package/dist/{ibiz-markdown-editor-c2e9b659.js → ibiz-markdown-editor-7wFQ9Iiq.js}

@@ -1,2 +1,2 @@
 System.register(["vue","@ibiz-template/vue3-util","qx-util","cherry-markdown","@ibiz-template/core","element-plus","./index.system.min.js","lodash-es","@floating-ui/dom","@ibiz-template/runtime","ramda","dayjs","vue-router","pinia","vuedraggable","qs","vue-i18n"],function(_){"use strict";var g,a,u,p,w,v,k,C,y,U,M,x,z,D,I;return{setters:[function(t){g=t.defineComponent,a=t.ref,u=t.watch,p=t.onMounted,w=t.onUnmounted,v=t.createVNode,k=t.nextTick},function(t){C=t.getMarkDownProps,y=t.getEditorEmits,U=t.useNamespace},function(t){M=t.createUUID,x=t.getCookie},function(t){z=t.default},function(t){D=t.CoreConst},null,function(t){I=t.useUIStore},null,null,null,null,null,null,null,null,null,null],execute:function(){const t=_("default",g({name:"IBizMarkDown",props:C(),emits:y(),setup(c,{emit:$}){const m=U("markdown"),r=c.controller,d=a(""),l=a(null),B=M(),O=a({Authorization:`Bearer ${x(D.TOKEN)}`}),E=a(""),S=a(""),{UIStore:V}=I(),s=a(V.theme),f=a("editOnly");let j=null,N=0;const b=a({});u(()=>c.data,e=>{if(e){const n=r.calcBaseUrl(e);E.value=n.uploadUrl,S.value=n.downloadUrl}},{immediate:!0,deep:!0});const h=a(),q=(e,n)=>{const i=new FormData;i.append("file",e),ibiz.net.axios({url:E.value,method:"post",headers:O.value,data:i}).then(o=>{if(o.status===200&&o.data.fileid){const K=S.value.replace("%fileId%",o.data.fileid);n(K)}}).catch(o=>{ibiz.log.error("\u4E0A\u4F20\u51FA\u9519",o)})},R=()=>{var e;return(e=l.value)==null?void 0:e.getHtml()},T=()=>{var e;return(e=l.value)==null?void 0:e.getMarkdown()},A=e=>{var n;(n=l.value)==null||n.setMarkdown(e,!1)};u(()=>c.value,(e,n)=>{e!==n&&(e?d.value=e:d.value="")},{immediate:!0});const F=e=>{$("change",T())},P=(e,n)=>({[e]:n}),H=()=>{c.disabled&&(f.value="previewOnly"),k(()=>{l.value=new z({id:B,value:d.value,theme:s.value,fileUpload:q,emoji:{useUnicode:!0},header:{anchorStyle:"autonumber"},editor:{height:"100%",defaultModel:f.value,codemirror:{autofocus:!1}},toolbars:{theme:s.value,toolbar:["bold","italic","underline","strikethrough","|","color","header","|","list","image",{insert:["link","hr","br","code","formula","toc","table","line-table","bar-table"]},"settings","togglePreview"],bubble:["bold","italic","underline","strikethrough","sub","sup","|","size","color"],float:["h1","h2","h3","|","checklist","quote","quickTable","code"],customMenu:[],sidebar:[]},callback:{afterChange:F,beforeImageMounted:P}})})};u(()=>V.theme,e=>{var n;s.value=e,(n=l.value)==null||n.setTheme(s.value)});const W=()=>{if(window.ResizeObserver&&h.value){const e={width:`${h.value.offsetWidth}px`};typeof r.parent.model.height=="number"&&Object.assign(e,{height:`${r.parent.model.height}px`}),b.value=m.cssVarBlock(e),j=new ResizeObserver(n=>{const i=n[0].contentRect.width;if(i!==N){const o={width:`${n[0].contentRect.width}px`};typeof r.parent.model.height=="number"&&Object.assign(o,{height:`${r.parent.model.height}px`}),b.value=m.cssVarBlock(o),N=i}}),j.observe(h.value)}};return p(()=>{H(),W()}),w(()=>{l.value=null}),{ns:m,currentVal:d,id:B,editor:l,markDownBox:h,headers:O,theme:s,defaultModel:f,cssVars:b,getCherryHtml:R,getCherryContent:T,setCherryContent:A}},render(){return v("div",{ref:"markDownBox",class:[this.ns.b(),this.ns.is("disabled",this.disabled)]},[v("div",{id:this.id,style:this.cssVars,class:this.ns.b("cherry")},null)])}}))}}});
-//# sourceMappingURL=ibiz-markdown-editor-c2e9b659.js.map
+//# sourceMappingURL=ibiz-markdown-editor-7wFQ9Iiq.js.map

package/dist/{ibiz-markdown-editor-c2e9b659.js.map → ibiz-markdown-editor-7wFQ9Iiq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ibiz-markdown-editor-c2e9b659.js","sources":["../src/editor/markdown/ibiz-markdown-editor/ibiz-markdown-editor.tsx"],"sourcesContent":["import {\n  defineComponent,\n  nextTick,\n  onMounted,\n  onUnmounted,\n  Ref,\n  ref,\n  watch,\n} from 'vue';\nimport {\n  getMarkDownProps,\n  getEditorEmits,\n  useNamespace,\n} from '@ibiz-template/vue3-util';\nimport { getCookie, createUUID } from 'qx-util';\nimport Cherry from 'cherry-markdown';\nimport { CoreConst } from '@ibiz-template/core';\nimport { MarkDownEditorController } from '../markdown-editor.controller';\nimport { useUIStore } from '../../../util';\nimport './ibiz-markdown-editor.scss';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst IBizMarkDown: any = defineComponent({\n  name: 'IBizMarkDown',\n  props: getMarkDownProps<MarkDownEditorController>(),\n  emits: getEditorEmits(),\n  setup(props, { emit }) {\n    const ns = useNamespace('markdown');\n\n    const c = props.controller!;\n\n    const currentVal = ref<string>('');\n\n    const editor = ref<Cherry | null>(null);\n\n    const id = createUUID();\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    // 编辑器主题\n    const { UIStore } = useUIStore();\n    const theme = ref(UIStore.theme);\n\n    // 编辑器模式\n    const defaultModel = ref('editOnly');\n\n    // 浏览器ResizeObserver对象\n    let resizeObserver: ResizeObserver | null = null;\n\n    // 上次监听到的markdown外层宽度，一旦发生变化就重新计算\n    let lastMarkDownWidth = 0;\n\n    // 样式变量\n    const cssVars = 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    // markdown Ref\n    const markDownBox = ref();\n\n    // 自定义图片上传\n    const fileUpload = (file: Blob, callback: (_url: string) => void) => {\n      const formData = new FormData();\n      formData.append('file', file);\n      ibiz.net\n        .axios({\n          url: uploadUrl.value,\n          method: 'post',\n          headers: headers.value,\n          data: formData,\n        })\n        .then((res: IData) => {\n          if (res.status === 200 && res.data.fileid) {\n            const url = downloadUrl.value.replace('%fileId%', res.data.fileid);\n            callback(url);\n          }\n        })\n        .catch(error => {\n          ibiz.log.error('上传出错', error);\n        });\n    };\n\n    // 获取渲染后html内容\n    const getCherryHtml = () => {\n      const result = editor.value?.getHtml();\n      return result;\n    };\n\n    // 获取markdown内容\n    const getCherryContent = () => {\n      const result = editor.value?.getMarkdown();\n      return result;\n    };\n\n    // 设置markdown内容\n    const setCherryContent = (val: string) => {\n      editor.value?.setMarkdown(val, false);\n    };\n\n    watch(\n      () => props.value,\n      (newVal, oldVal) => {\n        if (newVal !== oldVal) {\n          if (!newVal) {\n            currentVal.value = '';\n          } else {\n            currentVal.value = newVal;\n          }\n        }\n      },\n      { immediate: true },\n    );\n\n    // 变更事件回调\n    const afterChange = (_e: IData) => {\n      emit('change', getCherryContent());\n    };\n\n    // 图片加载回调\n    const beforeImageMounted = (e: string, src: string) => {\n      return { [e]: src };\n    };\n\n    const editorInit = () => {\n      if (props.disabled) {\n        defaultModel.value = 'previewOnly';\n      }\n      nextTick(() => {\n        editor.value = new Cherry({\n          id,\n          value: currentVal.value,\n          theme: theme.value,\n          fileUpload,\n          emoji: {\n            useUnicode: true,\n          },\n          header: {\n            anchorStyle: 'autonumber',\n          },\n          editor: {\n            // 编辑器的高度，默认100%，如果挂载点存在内联设置的height则以内联样式为主\n            height: '100%',\n            // defaultModel 编辑器初始化后的默认模式，一共有三种模式：1、双栏编辑预览模式；2、纯编辑模式；3、预览模式\n            // edit&preview: 双栏编辑预览模式\n            // editOnly: 纯编辑模式（没有预览，可通过toolbar切换成双栏或预览模式）\n            // previewOnly: 预览模式（没有编辑框，toolbar只显示“返回编辑”按钮，可通过toolbar切换成编辑模式）\n            defaultModel: defaultModel.value,\n            codemirror: {\n              // 是否自动focus 默认为true\n              autofocus: false,\n            },\n          },\n          toolbars: {\n            theme: theme.value,\n            toolbar: [\n              'bold',\n              'italic',\n              'underline',\n              'strikethrough',\n              '|',\n              'color',\n              'header',\n              '|',\n              'list',\n              'image',\n              {\n                insert: [\n                  'link',\n                  'hr',\n                  'br',\n                  'code',\n                  'formula',\n                  'toc',\n                  'table',\n                  'line-table',\n                  'bar-table',\n                ],\n              },\n              'settings',\n              'togglePreview',\n            ],\n            bubble: [\n              'bold',\n              'italic',\n              'underline',\n              'strikethrough',\n              'sub',\n              'sup',\n              '|',\n              'size',\n              'color',\n            ],\n            float: [\n              'h1',\n              'h2',\n              'h3',\n              '|',\n              'checklist',\n              'quote',\n              'quickTable',\n              'code',\n            ],\n            customMenu: [],\n            sidebar: [],\n          },\n          callback: {\n            afterChange,\n            beforeImageMounted,\n          },\n        });\n      });\n    };\n\n    watch(\n      () => UIStore.theme,\n      newVal => {\n        theme.value = newVal;\n        editor.value?.setTheme(theme.value);\n      },\n    );\n\n    const calcMarkDownStyle = () => {\n      if (window.ResizeObserver && markDownBox.value) {\n        const tempCssVars = {\n          width: `${markDownBox.value.offsetWidth}px`,\n        };\n        if (typeof c.parent.model.height === 'number') {\n          Object.assign(tempCssVars, {\n            height: `${c.parent.model.height}px`,\n          });\n        }\n        cssVars.value = ns.cssVarBlock(tempCssVars);\n        resizeObserver = new ResizeObserver(entries => {\n          // 处理组件高度变化\n          const width = entries[0].contentRect.width;\n          if (width !== lastMarkDownWidth) {\n            const tempCssVars2 = {\n              width: `${entries[0].contentRect.width}px`,\n            };\n            if (typeof c.parent.model.height === 'number') {\n              Object.assign(tempCssVars2, {\n                height: `${c.parent.model.height}px`,\n              });\n            }\n            cssVars.value = ns.cssVarBlock(tempCssVars2);\n            lastMarkDownWidth = width;\n          }\n        });\n        resizeObserver.observe(markDownBox.value);\n      }\n    };\n\n    onMounted(() => {\n      editorInit();\n      calcMarkDownStyle();\n    });\n\n    onUnmounted(() => {\n      editor.value = null;\n    });\n\n    return {\n      ns,\n      currentVal,\n      id,\n      editor,\n      markDownBox,\n      headers,\n      theme,\n      defaultModel,\n      cssVars,\n      getCherryHtml,\n      getCherryContent,\n      setCherryContent,\n    };\n  },\n  render() {\n    return (\n      <div\n        ref='markDownBox'\n        class={[this.ns.b(), this.ns.is('disabled', this.disabled)]}\n      >\n        <div\n          id={this.id}\n          style={this.cssVars}\n          class={this.ns.b('cherry')}\n        ></div>\n      </div>\n    );\n  },\n});\n\nexport default IBizMarkDown;\n"],"names":["IBizMarkDown","exports","defineComponent","name","getMarkDownProps","props","emits","setup","emit","ns","useNamespace","c","ref","currentVal","editor","createUUID","id","headers","Authorization","getCookie","useUIStore","uploadUrl","resizeObserver","lastMarkDownWidth","watch","newVal","UIStore","urls","downloadUrl","formData","file","res","value","error","immediate","deep","getCherryHtml","_a","getCherryContent","fileUpload","FormData","ibiz","setCherryContent","val","method","data","oldVal","status","callback","result","getHtml","beforeImageMounted","src","editorInit","setMarkdown","disabled","nextTick","emoji","useUnicode","header","anchorStyle","height","theme","calcMarkDownStyle","markDownBox","tempCssVars","codemirror","autofocus","toolbars","insert","entries","width","bubble","float","customMenu","sidebar","tempCssVars2","cssVars","onMounted","parent","Object","defaultModel","cssVarBlock","_createVNode"],"mappings":"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"}
+{"version":3,"file":"ibiz-markdown-editor-7wFQ9Iiq.js","sources":["../src/editor/markdown/ibiz-markdown-editor/ibiz-markdown-editor.tsx"],"sourcesContent":["import {\n  defineComponent,\n  nextTick,\n  onMounted,\n  onUnmounted,\n  Ref,\n  ref,\n  watch,\n} from 'vue';\nimport {\n  getMarkDownProps,\n  getEditorEmits,\n  useNamespace,\n} from '@ibiz-template/vue3-util';\nimport { getCookie, createUUID } from 'qx-util';\nimport Cherry from 'cherry-markdown';\nimport { CoreConst } from '@ibiz-template/core';\nimport { MarkDownEditorController } from '../markdown-editor.controller';\nimport { useUIStore } from '../../../util';\nimport './ibiz-markdown-editor.scss';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst IBizMarkDown: any = defineComponent({\n  name: 'IBizMarkDown',\n  props: getMarkDownProps<MarkDownEditorController>(),\n  emits: getEditorEmits(),\n  setup(props, { emit }) {\n    const ns = useNamespace('markdown');\n\n    const c = props.controller!;\n\n    const currentVal = ref<string>('');\n\n    const editor = ref<Cherry | null>(null);\n\n    const id = createUUID();\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    // 编辑器主题\n    const { UIStore } = useUIStore();\n    const theme = ref(UIStore.theme);\n\n    // 编辑器模式\n    const defaultModel = ref('editOnly');\n\n    // 浏览器ResizeObserver对象\n    let resizeObserver: ResizeObserver | null = null;\n\n    // 上次监听到的markdown外层宽度，一旦发生变化就重新计算\n    let lastMarkDownWidth = 0;\n\n    // 样式变量\n    const cssVars = 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    // markdown Ref\n    const markDownBox = ref();\n\n    // 自定义图片上传\n    const fileUpload = (file: Blob, callback: (_url: string) => void) => {\n      const formData = new FormData();\n      formData.append('file', file);\n      ibiz.net\n        .axios({\n          url: uploadUrl.value,\n          method: 'post',\n          headers: headers.value,\n          data: formData,\n        })\n        .then((res: IData) => {\n          if (res.status === 200 && res.data.fileid) {\n            const url = downloadUrl.value.replace('%fileId%', res.data.fileid);\n            callback(url);\n          }\n        })\n        .catch(error => {\n          ibiz.log.error('上传出错', error);\n        });\n    };\n\n    // 获取渲染后html内容\n    const getCherryHtml = () => {\n      const result = editor.value?.getHtml();\n      return result;\n    };\n\n    // 获取markdown内容\n    const getCherryContent = () => {\n      const result = editor.value?.getMarkdown();\n      return result;\n    };\n\n    // 设置markdown内容\n    const setCherryContent = (val: string) => {\n      editor.value?.setMarkdown(val, false);\n    };\n\n    watch(\n      () => props.value,\n      (newVal, oldVal) => {\n        if (newVal !== oldVal) {\n          if (!newVal) {\n            currentVal.value = '';\n          } else {\n            currentVal.value = newVal;\n          }\n        }\n      },\n      { immediate: true },\n    );\n\n    // 变更事件回调\n    const afterChange = (_e: IData) => {\n      emit('change', getCherryContent());\n    };\n\n    // 图片加载回调\n    const beforeImageMounted = (e: string, src: string) => {\n      return { [e]: src };\n    };\n\n    const editorInit = () => {\n      if (props.disabled) {\n        defaultModel.value = 'previewOnly';\n      }\n      nextTick(() => {\n        editor.value = new Cherry({\n          id,\n          value: currentVal.value,\n          theme: theme.value,\n          fileUpload,\n          emoji: {\n            useUnicode: true,\n          },\n          header: {\n            anchorStyle: 'autonumber',\n          },\n          editor: {\n            // 编辑器的高度，默认100%，如果挂载点存在内联设置的height则以内联样式为主\n            height: '100%',\n            // defaultModel 编辑器初始化后的默认模式，一共有三种模式：1、双栏编辑预览模式；2、纯编辑模式；3、预览模式\n            // edit&preview: 双栏编辑预览模式\n            // editOnly: 纯编辑模式（没有预览，可通过toolbar切换成双栏或预览模式）\n            // previewOnly: 预览模式（没有编辑框，toolbar只显示“返回编辑”按钮，可通过toolbar切换成编辑模式）\n            defaultModel: defaultModel.value,\n            codemirror: {\n              // 是否自动focus 默认为true\n              autofocus: false,\n            },\n          },\n          toolbars: {\n            theme: theme.value,\n            toolbar: [\n              'bold',\n              'italic',\n              'underline',\n              'strikethrough',\n              '|',\n              'color',\n              'header',\n              '|',\n              'list',\n              'image',\n              {\n                insert: [\n                  'link',\n                  'hr',\n                  'br',\n                  'code',\n                  'formula',\n                  'toc',\n                  'table',\n                  'line-table',\n                  'bar-table',\n                ],\n              },\n              'settings',\n              'togglePreview',\n            ],\n            bubble: [\n              'bold',\n              'italic',\n              'underline',\n              'strikethrough',\n              'sub',\n              'sup',\n              '|',\n              'size',\n              'color',\n            ],\n            float: [\n              'h1',\n              'h2',\n              'h3',\n              '|',\n              'checklist',\n              'quote',\n              'quickTable',\n              'code',\n            ],\n            customMenu: [],\n            sidebar: [],\n          },\n          callback: {\n            afterChange,\n            beforeImageMounted,\n          },\n        });\n      });\n    };\n\n    watch(\n      () => UIStore.theme,\n      newVal => {\n        theme.value = newVal;\n        editor.value?.setTheme(theme.value);\n      },\n    );\n\n    const calcMarkDownStyle = () => {\n      if (window.ResizeObserver && markDownBox.value) {\n        const tempCssVars = {\n          width: `${markDownBox.value.offsetWidth}px`,\n        };\n        if (typeof c.parent.model.height === 'number') {\n          Object.assign(tempCssVars, {\n            height: `${c.parent.model.height}px`,\n          });\n        }\n        cssVars.value = ns.cssVarBlock(tempCssVars);\n        resizeObserver = new ResizeObserver(entries => {\n          // 处理组件高度变化\n          const width = entries[0].contentRect.width;\n          if (width !== lastMarkDownWidth) {\n            const tempCssVars2 = {\n              width: `${entries[0].contentRect.width}px`,\n            };\n            if (typeof c.parent.model.height === 'number') {\n              Object.assign(tempCssVars2, {\n                height: `${c.parent.model.height}px`,\n              });\n            }\n            cssVars.value = ns.cssVarBlock(tempCssVars2);\n            lastMarkDownWidth = width;\n          }\n        });\n        resizeObserver.observe(markDownBox.value);\n      }\n    };\n\n    onMounted(() => {\n      editorInit();\n      calcMarkDownStyle();\n    });\n\n    onUnmounted(() => {\n      editor.value = null;\n    });\n\n    return {\n      ns,\n      currentVal,\n      id,\n      editor,\n      markDownBox,\n      headers,\n      theme,\n      defaultModel,\n      cssVars,\n      getCherryHtml,\n      getCherryContent,\n      setCherryContent,\n    };\n  },\n  render() {\n    return (\n      <div\n        ref='markDownBox'\n        class={[this.ns.b(), this.ns.is('disabled', this.disabled)]}\n      >\n        <div\n          id={this.id}\n          style={this.cssVars}\n          class={this.ns.b('cherry')}\n        ></div>\n      </div>\n    );\n  },\n});\n\nexport default IBizMarkDown;\n"],"names":["IBizMarkDown","exports","defineComponent","name","getMarkDownProps","props","emits","setup","emit","ns","useNamespace","c","ref","currentVal","editor","createUUID","id","headers","Authorization","getCookie","useUIStore","uploadUrl","resizeObserver","lastMarkDownWidth","watch","newVal","UIStore","urls","downloadUrl","formData","file","res","value","error","immediate","deep","getCherryHtml","_a","getCherryContent","fileUpload","FormData","ibiz","setCherryContent","val","method","data","oldVal","status","callback","result","getHtml","beforeImageMounted","src","editorInit","setMarkdown","disabled","nextTick","emoji","useUnicode","header","anchorStyle","height","theme","calcMarkDownStyle","markDownBox","tempCssVars","codemirror","autofocus","toolbars","insert","entries","width","bubble","float","customMenu","sidebar","tempCssVars2","cssVars","onMounted","parent","Object","defaultModel","cssVarBlock","_createVNode"],"mappings":"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"}

package/dist/{index-3df1e2ef.js → index-UNZ1dtt_.js}

@@ -1,2 +1,2 @@
 System.register([],function(e){"use strict";return{execute:function(){var n=e("default",{name:"zhangsan"})}}});
-//# sourceMappingURL=index-3df1e2ef.js.map
+//# sourceMappingURL=index-UNZ1dtt_.js.map

package/dist/{index-3df1e2ef.js.map → index-UNZ1dtt_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-3df1e2ef.js","sources":["../src/locale/en/index.ts"],"sourcesContent":["export default {\n  name: 'zhangsan',\n};\n"],"names":["index","exports"],"mappings":"sEACe,IAAAA,EAAAC,EAAA,UAAA,CACb,KAAM,UACR,CAAC"}
+{"version":3,"file":"index-UNZ1dtt_.js","sources":["../src/locale/en/index.ts"],"sourcesContent":["export default {\n  name: 'zhangsan',\n};\n"],"names":["index","exports"],"mappings":"sEACe,IAAAA,EAAAC,EAAA,UAAA,CACb,KAAM,UACR,CAAC"}

package/dist/{index-89ec340f.js → index-Ul84JXar.js}

@@ -1,2 +1,2 @@
 System.register([],function(e){"use strict";return{execute:function(){var t=e("default",{name:"\u5F20\u4E09"})}}});
-//# sourceMappingURL=index-89ec340f.js.map
+//# sourceMappingURL=index-Ul84JXar.js.map

package/dist/{index-89ec340f.js.map → index-Ul84JXar.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-89ec340f.js","sources":["../src/locale/zh-CN/index.ts"],"sourcesContent":["export default {\n  name: '张三',\n};\n"],"names":["index","exports"],"mappings":"sEACe,IAAAA,EAAAC,EAAA,UAAA,CACb,KAAM,cACR,CAAC"}
+{"version":3,"file":"index-Ul84JXar.js","sources":["../src/locale/zh-CN/index.ts"],"sourcesContent":["export default {\n  name: '张三',\n};\n"],"names":["index","exports"],"mappings":"sEACe,IAAAA,EAAAC,EAAA,UAAA,CACb,KAAM,cACR,CAAC"}