@maketribe/ms-app 3.2.6 → 3.2.8

package/dist/cjs/components/basic/doc-editor/plugins/ImagePlugin/ImageEditPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageEditPanel.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ImagePlugin/ImageEditPanel.tsx"],"sourcesContent":["\r\nimport { Fragment,h,onMounted, onUnmounted,ref,reactive,defineComponent, computed } from 'vue'\r\nimport { Dialoger } from '@maketribe/dm'\r\nimport { \r\n  ElButton,ElTabs,ElTabPane,ElInput,ElImage,ElIcon,\r\n  ElForm,ElFormItem,ElRow,ElCol\r\n} from \"element-plus\";\r\nimport { Crop,Share,UploadFilled,Picture } from \"@element-plus/icons-vue\";\r\nimport { MsMaterial, MsMaterialTable } from \"../../../../../modules/ms/dataviews/ms-material\";\r\nimport { MKMaterialList } from \"../../../../../modules/ms/components/material-list\";\r\nimport { MKImageCropperContent } from \"../../../image-cropper\"\r\nimport { fileSelect } from \"@maketribe/utils\"\r\nimport { ImageCropper } from \"../../../image-cropper\"\r\n\r\n// 选择状态\r\nconst selectState = ref(\"select\");\r\n\r\n/**\r\n * 图片编辑面板\r\n */\r\nconst ImageEditPanelComponent = defineComponent({\r\n  name: 'ImageEditPanelComponent',\r\n  props: ['attrs'],\r\n  setup(props,{ expose }){\r\n\r\n    const attrs = reactive(props.attrs)\r\n    const materialTable = reactive(new MsMaterialTable()) as MsMaterialTable;\r\n    const margin = computed<any>({\r\n      set(v){\r\n        attrs.margin = `${v.t} ${v.r} ${v.b} ${v.l}`\r\n      },\r\n      get(){\r\n        var vals = attrs.margin.split(/[\\s]+/g);\r\n        if(vals.length == 1){\r\n          return {t:vals[0],r:vals[0],b:vals[0],l:vals[0]}\r\n        }\r\n        else if(vals.length == 2){\r\n          return {t:vals[0],r:vals[1],b:vals[0],l:vals[1]}\r\n        }\r\n        else if(vals.length == 3){\r\n          return {t:vals[0],r:vals[1],b:vals[2],l:vals[1]}\r\n        }\r\n        else if(vals.length <= 0){\r\n          vals = [\"\",\"\",\"\",\"\"];\r\n        }\r\n        return {t:vals[0],r:vals[1],b:vals[2],l:vals[3]}\r\n      }\r\n    })\r\n\r\n    // 选择素材\r\n    materialTable.selectionChangeEvent.on(()=>{\r\n      let id = materialTable.getSelection()[0];\r\n      if(id){\r\n        attrs.src = materialTable.getList().find(item=>item.id == id)?.path;\r\n      }\r\n      else{\r\n        attrs.src = \"\";\r\n      }\r\n    })\r\n\r\n    //\r\n    const selectImage = async ()=>{\r\n\r\n      const file = await fileSelect({ accept:\"image/*\"});\r\n        \r\n      if (file) {\r\n\r\n        const fileRender = new FileReader();\r\n        fileRender.onload = async (data:any)=>{\r\n          attrs.src = data.target.result;\r\n         \r\n        }\r\n        fileRender.readAsDataURL(file)\r\n      }\r\n    }\r\n\r\n    // 导出可用的方法\r\n    expose({ \r\n      getResult:()=>{ return {...attrs} } ,\r\n      setSrc:(src:string)=>{  attrs.src = src }\r\n    });\r\n\r\n    return ()=>{\r\n\r\n      // 图片预览\r\n      const ImageView = <ElImage style=\"background: #dedede;width: 100%; height: 480px;margin-top:10px\" src={attrs.src} fit=\"contain\" v-slots={{\r\n        error:()=>{\r\n          return <div style=\"\r\n              font-size: 50px;\r\n              display: flex;\r\n              align-content: center;\r\n              justify-content: center;\r\n              align-items: center;\r\n              height: 100%;\r\n          \">\r\n            <ElIcon><Picture /></ElIcon>\r\n          </div>\r\n        }\r\n      }}>\r\n      </ElImage>\r\n     \r\n      // 面板内容\r\n      let panel = <ElTabs style=\"min-height: 520px\">\r\n        <ElTabPane label=\"本地选择\">\r\n          <ElButton icon={UploadFilled} type=\"primary\" style=\"width: 100%\" onClick={selectImage}>\r\n            选择本地文件\r\n          </ElButton>\r\n          {ImageView}\r\n        </ElTabPane>\r\n        <ElTabPane label=\"素材库选择\">\r\n          <MKMaterialList class=\"mk-material-select__list\" selectable materialTable={materialTable} />\r\n        </ElTabPane>\r\n        <ElTabPane label=\"网络图片\">\r\n          <ElInput v-model={attrs.src} prefix-icon={Share} style=\"width: 100%\" placeholder=\"请输入链接地址\">\r\n          </ElInput>\r\n          {ImageView}\r\n        </ElTabPane>\r\n      </ElTabs>\r\n\r\n      if(selectState.value == \"attrs\"){\r\n        panel = <ElRow gutter={20}>\r\n          <ElCol span={14}>\r\n            {ImageView}\r\n          </ElCol>\r\n          <ElCol span={10}>\r\n            <ElForm label-position=\"top\" model={attrs}>\r\n              <ElFormItem label=\"图片描述\">\r\n                <ElInput v-model={attrs.alt} type=\"textarea\" {...{ rows:3 }} style=\"width: 100%\" placeholder=\"请输入\">\r\n                </ElInput>\r\n              </ElFormItem>\r\n              <ElFormItem label=\"图片显示宽度\">\r\n                <ElInput v-model={attrs.width} style=\"width: 100%\" placeholder=\"请输入宽度（可支持%）\">\r\n                </ElInput>\r\n              </ElFormItem>\r\n              <ElFormItem label=\"图片显示高度\">\r\n                <ElInput v-model={attrs.height} style=\"width: 100%\" placeholder=\"请输入宽度（可支持%）\">\r\n                </ElInput>\r\n              </ElFormItem>\r\n              <ElFormItem label=\"图片最大显示宽度\">\r\n                <ElInput v-model={attrs.maxWidth} style=\"width: 100%\" placeholder=\"请输入宽度（可支持%）\">\r\n                </ElInput>\r\n              </ElFormItem>\r\n              <ElFormItem label=\"图片最大显示高度\">\r\n                <ElInput v-model={attrs.maxHeight} style=\"width: 100%\" placeholder=\"请输入宽度（可支持%）\">\r\n                </ElInput>\r\n              </ElFormItem>\r\n              <ElFormItem label=\"图片显示外边距\">\r\n                <div style=\"display: flex;flex-wrap: nowrap;gap: 10px;justify-content: space-around;\">\r\n                  <div>\r\n                    上:\r\n                    <ElInput v-model={margin.value.t} placeholder=\"\">\r\n                    </ElInput>\r\n                  </div>\r\n                  <div>\r\n                    右:\r\n                    <ElInput v-model={margin.value.r} placeholder=\"\">\r\n                    </ElInput>\r\n                  </div>\r\n                  \r\n                  <div>\r\n                    下:\r\n                    <ElInput v-model={margin.value.b} placeholder=\"\">\r\n                    </ElInput>\r\n                  </div>\r\n                  \r\n                  <div>\r\n                    左:\r\n                    <ElInput v-model={margin.value.l} placeholder=\"\">\r\n                    </ElInput>\r\n                  </div>\r\n                </div>\r\n              </ElFormItem>\r\n            </ElForm>\r\n          </ElCol>\r\n        </ElRow>\r\n      }\r\n\r\n      return panel;\r\n    }\r\n  }\r\n})\r\n\r\n/**\r\n * \r\n * @param attrs 显示图片编辑面板\r\n * @returns \r\n */\r\nexport const ShowImageEditPanel = async  (attrs:any) => {\r\n  return new Promise((resolve,reject) => {\r\n\r\n    // 初始化\r\n    selectState.value = attrs.src ? \"attrs\":\"select\";\r\n\r\n    const imageEditPanelRef = ref<any>(null);\r\n    const editResult = computed<any>(()=>imageEditPanelRef.value?.getResult())\r\n\r\n    // 去裁切\r\n    const toCropImageHandle = async ()=>{\r\n      \r\n      if(editResult.value.src){\r\n        var result = await ImageCropper({ src: editResult.value.src});\r\n        if(result.data){\r\n          imageEditPanelRef.value?.setSrc(result.data);\r\n        }\r\n      }\r\n     \r\n    }\r\n\r\n    // 取消编辑\r\n    const handleCancelClick = () => {\r\n      dialogInstance.destroy();\r\n      reject();\r\n    };\r\n\r\n    // 确认编辑\r\n    const handleConfirmClick = () => {\r\n      dialogInstance.destroy();\r\n      resolve({...editResult.value});\r\n    };\r\n\r\n    const dialogInstance = Dialoger.customRender({\r\n      title: \"素材选择\",\r\n      class: \"mk-material-select\",\r\n      width: \"70%\",\r\n      onClose: () => {\r\n        dialogInstance.destroy();\r\n      },\r\n      body: () => {\r\n        return h(ImageEditPanelComponent,{attrs,ref:r=>imageEditPanelRef.value = r});\r\n      },\r\n      footer: () => {\r\n\r\n        // 下一步按钮\r\n        let nextBtns = [\r\n          <ElButton type=\"primary\" onClick={()=>selectState.value = 'attrs'}>\r\n            下一步\r\n          </ElButton>\r\n        ]\r\n\r\n        if(selectState.value == \"attrs\"){\r\n          nextBtns = [\r\n            <ElButton type=\"primary\" onClick={()=>selectState.value='select'}>\r\n              重新选图\r\n            </ElButton>,\r\n            <ElButton type=\"primary\" onClick={toCropImageHandle}>\r\n              裁切图\r\n            </ElButton>,\r\n            <ElButton type=\"primary\" onClick={handleConfirmClick}>\r\n              确定\r\n            </ElButton>\r\n          ];\r\n        }\r\n\r\n        return (\r\n          <Fragment>\r\n            <ElButton onClick={handleCancelClick}>取消</ElButton>\r\n            {...nextBtns}\r\n          </Fragment>\r\n        );\r\n      },\r\n    });\r\n  });\r\n}\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","selectState","ref","ImageEditPanelComponent","defineComponent","name","props","setup","expose","attrs","reactive","materialTable","MsMaterialTable","margin","computed","set","v","t","r","b","l","get","vals","split","length","selectionChangeEvent","on","id","getSelection","src","getList","find","item","path","selectImage","file","fileSelect","accept","fileRender","FileReader","onload","data","target","result","readAsDataURL","getResult","setSrc","ImageView","_createVNode","ElImage","error","ElIcon","default","Picture","panel","ElTabs","ElTabPane","ElButton","UploadFilled","_createTextVNode","MKMaterialList","ElInput","$event","Share","value","ElRow","ElCol","ElForm","ElFormItem","_mergeProps","alt","rows","width","height","maxWidth","maxHeight","ShowImageEditPanel","Promise","resolve","reject","imageEditPanelRef","editResult","toCropImageHandle","ImageCropper","handleCancelClick","dialogInstance","destroy","handleConfirmClick","Dialoger","customRender","title","class","onClose","body","h","footer","nextBtns","onClick","_Fragment"],"mappings":"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"}
+{"version":3,"file":"ImageEditPanel.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ImagePlugin/ImageEditPanel.tsx"],"sourcesContent":["\r\nimport { Fragment,h,onMounted, onUnmounted,ref,reactive,defineComponent, computed } from 'vue'\r\nimport { Dialoger } from '@maketribe/dm'\r\nimport { \r\n  ElButton,ElTabs,ElTabPane,ElInput,ElImage,ElIcon,\r\n  ElForm,ElFormItem,ElRow,ElCol\r\n} from \"element-plus\";\r\nimport { Crop,Share,UploadFilled,Picture } from \"@element-plus/icons-vue\";\r\nimport { MsMaterial, MsMaterialTable } from \"../../../../../modules/ms/dataviews/ms-material\";\r\nimport { MKMaterialList } from \"../../../../../modules/ms/components/material-list\";\r\nimport { MKImageCropperContent } from \"../../../image-cropper\"\r\nimport { fileSelect } from \"@maketribe/utils\"\r\nimport { ImageCropper } from \"../../../image-cropper\"\r\n\r\n// 选择状态\r\nconst selectState = ref(\"select\");\r\n\r\n/**\r\n * 图片编辑面板\r\n */\r\nconst ImageEditPanelComponent = defineComponent({\r\n  name: 'ImageEditPanelComponent',\r\n  props: ['attrs'],\r\n  setup(props,{ expose }){\r\n\r\n    const attrs = reactive(props.attrs)\r\n    const materialTable = reactive(new MsMaterialTable()) as MsMaterialTable;\r\n    const margin = computed<any>({\r\n      set(v){\r\n        attrs.margin = `${v.t} ${v.r} ${v.b} ${v.l}`\r\n      },\r\n      get(){\r\n        var vals = attrs.margin.split(/[\\s]+/g);\r\n        if(vals.length == 1){\r\n          return {t:vals[0],r:vals[0],b:vals[0],l:vals[0]}\r\n        }\r\n        else if(vals.length == 2){\r\n          return {t:vals[0],r:vals[1],b:vals[0],l:vals[1]}\r\n        }\r\n        else if(vals.length == 3){\r\n          return {t:vals[0],r:vals[1],b:vals[2],l:vals[1]}\r\n        }\r\n        else if(vals.length <= 0){\r\n          vals = [\"\",\"\",\"\",\"\"];\r\n        }\r\n        return {t:vals[0],r:vals[1],b:vals[2],l:vals[3]}\r\n      }\r\n    })\r\n\r\n    // 选择素材\r\n    materialTable.selectionChangeEvent.on(()=>{\r\n      let id = materialTable.getSelection()[0];\r\n      if(id){\r\n        attrs.src = materialTable.getList().find(item=>item.id == id)?.path;\r\n      }\r\n      else{\r\n        attrs.src = \"\";\r\n      }\r\n    })\r\n\r\n    //\r\n    const selectImage = async ()=>{\r\n\r\n      const file = await fileSelect({ accept:\"image/*\"});\r\n        \r\n      if (file) {\r\n\r\n        const fileRender = new FileReader();\r\n        fileRender.onload = async (data:any)=>{\r\n          attrs.src = data.target.result;\r\n         \r\n        }\r\n        fileRender.readAsDataURL(file)\r\n      }\r\n    }\r\n\r\n    // 导出可用的方法\r\n    expose({ \r\n      getResult:()=>{ return {...attrs} } ,\r\n      setSrc:(src:string)=>{  attrs.src = src }\r\n    });\r\n\r\n    return ()=>{\r\n\r\n      // 图片预览\r\n      const ImageView = <ElImage style=\"background: #dedede;width: 100%; height: 480px;margin-top:10px\" src={attrs.src} fit=\"contain\" v-slots={{\r\n        error:()=>{\r\n          return <div style=\"\r\n              font-size: 50px;\r\n              display: flex;\r\n              align-content: center;\r\n              justify-content: center;\r\n              align-items: center;\r\n              height: 100%;\r\n          \">\r\n            <ElIcon><Picture /></ElIcon>\r\n          </div>\r\n        }\r\n      }}>\r\n      </ElImage>\r\n     \r\n      // 面板内容\r\n      let panel = <ElTabs style=\"min-height: 520px\">\r\n        <ElTabPane label=\"本地选择\">\r\n          <ElButton icon={UploadFilled} type=\"primary\" style=\"width: 100%\" onClick={selectImage}>\r\n            选择本地文件\r\n          </ElButton>\r\n          {ImageView}\r\n        </ElTabPane>\r\n        <ElTabPane label=\"素材库选择\">\r\n          <MKMaterialList class=\"mk-material-select__list\" selectable materialTable={materialTable} />\r\n        </ElTabPane>\r\n        <ElTabPane label=\"网络图片\">\r\n          <ElInput v-model={attrs.src} prefix-icon={Share} style=\"width: 100%\" placeholder=\"请输入链接地址\">\r\n          </ElInput>\r\n          {ImageView}\r\n        </ElTabPane>\r\n      </ElTabs>\r\n\r\n      if(selectState.value == \"attrs\"){\r\n        panel = <ElRow gutter={20}>\r\n          <ElCol span={14}>\r\n            {ImageView}\r\n          </ElCol>\r\n          <ElCol span={10}>\r\n            <ElForm label-position=\"top\" model={attrs}>\r\n              <ElFormItem label=\"图片描述\">\r\n                <ElInput v-model={attrs.alt} type=\"textarea\" {...{ rows:3 }} style=\"width: 100%\" placeholder=\"请输入\">\r\n                </ElInput>\r\n              </ElFormItem>\r\n              <ElFormItem label=\"图片显示宽度\">\r\n                <ElInput v-model={attrs.width} style=\"width: 100%\" placeholder=\"请输入宽度（可支持%）\">\r\n                </ElInput>\r\n              </ElFormItem>\r\n              <ElFormItem label=\"图片显示高度\">\r\n                <ElInput v-model={attrs.height} style=\"width: 100%\" placeholder=\"请输入宽度（可支持%）\">\r\n                </ElInput>\r\n              </ElFormItem>\r\n              <ElFormItem label=\"图片最大显示宽度\">\r\n                <ElInput v-model={attrs.maxWidth} style=\"width: 100%\" placeholder=\"请输入宽度（可支持%）\">\r\n                </ElInput>\r\n              </ElFormItem>\r\n              <ElFormItem label=\"图片最大显示高度\">\r\n                <ElInput v-model={attrs.maxHeight} style=\"width: 100%\" placeholder=\"请输入宽度（可支持%）\">\r\n                </ElInput>\r\n              </ElFormItem>\r\n              <ElFormItem label=\"图片显示外边距\">\r\n                <div style=\"display: flex;flex-wrap: nowrap;gap: 10px;justify-content: space-around;\">\r\n                  <div>\r\n                    上:\r\n                    <ElInput v-model={margin.value.t} placeholder=\"\">\r\n                    </ElInput>\r\n                  </div>\r\n                  <div>\r\n                    右:\r\n                    <ElInput v-model={margin.value.r} placeholder=\"\">\r\n                    </ElInput>\r\n                  </div>\r\n                  \r\n                  <div>\r\n                    下:\r\n                    <ElInput v-model={margin.value.b} placeholder=\"\">\r\n                    </ElInput>\r\n                  </div>\r\n                  \r\n                  <div>\r\n                    左:\r\n                    <ElInput v-model={margin.value.l} placeholder=\"\">\r\n                    </ElInput>\r\n                  </div>\r\n                </div>\r\n              </ElFormItem>\r\n            </ElForm>\r\n          </ElCol>\r\n        </ElRow>\r\n      }\r\n\r\n      return panel;\r\n    }\r\n  }\r\n})\r\n\r\n/**\r\n * \r\n * @param attrs 显示图片编辑面板\r\n * @returns \r\n */\r\nexport const ShowImageEditPanel = async  (attrs:any) => {\r\n  return new Promise((resolve,reject) => {\r\n\r\n    // 初始化\r\n    selectState.value = attrs.src ? \"attrs\":\"select\";\r\n\r\n    const imageEditPanelRef = ref<any>(null);\r\n    const editResult = computed<any>(()=>imageEditPanelRef.value?.getResult())\r\n\r\n    // 去裁切\r\n    const toCropImageHandle = async ()=>{\r\n      \r\n      if(editResult.value.src){\r\n        var result = await ImageCropper({ src: editResult.value.src});\r\n        if(result.data){\r\n          imageEditPanelRef.value?.setSrc(result.data);\r\n        }\r\n      }\r\n     \r\n    }\r\n\r\n    // 取消编辑\r\n    const handleCancelClick = () => {\r\n      dialogInstance.destroy();\r\n      reject();\r\n    };\r\n\r\n    // 确认编辑\r\n    const handleConfirmClick = () => {\r\n      dialogInstance.destroy();\r\n      resolve({...editResult.value});\r\n    };\r\n\r\n    const dialogInstance = Dialoger.customRender({\r\n      title: \"素材选择\",\r\n      class: \"mk-material-select\",\r\n      width: \"70%\",\r\n      onClose: () => {\r\n        dialogInstance.destroy();\r\n      },\r\n      body: () => {\r\n        return h(ImageEditPanelComponent,{attrs,ref:r=>imageEditPanelRef.value = r});\r\n      },\r\n      footer: () => {\r\n\r\n        // 下一步按钮\r\n        let nextBtns = [\r\n          <ElButton type=\"primary\" onClick={()=>selectState.value = 'attrs'}>\r\n            下一步\r\n          </ElButton>\r\n        ]\r\n\r\n        if(selectState.value == \"attrs\"){\r\n          nextBtns = [\r\n            <ElButton type=\"primary\" onClick={()=>selectState.value='select'}>\r\n              重新选图\r\n            </ElButton>,\r\n            <ElButton type=\"primary\" onClick={toCropImageHandle}>\r\n              裁切图\r\n            </ElButton>,\r\n            <ElButton type=\"primary\" onClick={handleConfirmClick}>\r\n              确定\r\n            </ElButton>\r\n          ];\r\n        }\r\n\r\n        return (\r\n          <Fragment>\r\n            <ElButton onClick={handleCancelClick}>取消</ElButton>\r\n            {...nextBtns}\r\n          </Fragment>\r\n        );\r\n      },\r\n    });\r\n  });\r\n}\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","selectState","ref","ImageEditPanelComponent","defineComponent","name","props","setup","expose","attrs","reactive","materialTable","MsMaterialTable","margin","computed","set","v","t","r","b","l","get","vals","split","length","selectionChangeEvent","on","id","getSelection","src","getList","find","item","path","selectImage","file","fileSelect","accept","fileRender","FileReader","onload","data","target","result","readAsDataURL","getResult","setSrc","ImageView","_createVNode","ElImage","error","ElIcon","default","Picture","panel","ElTabs","ElTabPane","ElButton","UploadFilled","_createTextVNode","MKMaterialList","ElInput","$event","Share","value","ElRow","ElCol","ElForm","ElFormItem","_mergeProps","alt","rows","width","height","maxWidth","maxHeight","ShowImageEditPanel","Promise","resolve","reject","imageEditPanelRef","editResult","toCropImageHandle","ImageCropper","handleCancelClick","dialogInstance","destroy","handleConfirmClick","Dialoger","customRender","title","class","onClose","body","h","footer","nextBtns","onClick","_Fragment"],"mappings":";;;;;;;;;;;AAcA,SAAAA,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,IAAA,QAAAL,CAAA;AAAA;AACA,MAAMM,cAAcC,IAAAA,IAAI,QAAQ;AAKhC,MAAMC,0BAA0BC,oBAAAA,gBAAgB;AAAA,EAC9CC,MAAM;AAAA,EACNC,OAAO,CAAC,OAAO;AAAA,EACfC,MAAMD,OAAM;AAAA,IAAEE;AAAAA,EAAO,GAAE;AAErB,UAAMC,QAAQC,IAAAA,SAASJ,MAAMG,KAAK;AAClC,UAAME,gBAAgBD,IAAAA,SAAS,IAAIE,gBAAAA,gBAAiB,CAAA;AACpD,UAAMC,SAASC,IAAAA,SAAc;AAAA,MAC3BC,IAAIC,GAAE;AACJP,cAAMI,SAAS,GAAGG,EAAEC,CAAC,IAAID,EAAEE,CAAC,IAAIF,EAAEG,CAAC,IAAIH,EAAEI,CAAC;AAAA,MAC3C;AAAA,MACDC,MAAK;AACH,YAAIC,OAAOb,MAAMI,OAAOU,MAAM,QAAQ;AACtC,YAAGD,KAAKE,UAAU,GAAE;AAClB,iBAAO;AAAA,YAACP,GAAEK,KAAK,CAAC;AAAA,YAAEJ,GAAEI,KAAK,CAAC;AAAA,YAAEH,GAAEG,KAAK,CAAC;AAAA,YAAEF,GAAEE,KAAK,CAAC;AAAA;QAChD,WACQA,KAAKE,UAAU,GAAE;AACvB,iBAAO;AAAA,YAACP,GAAEK,KAAK,CAAC;AAAA,YAAEJ,GAAEI,KAAK,CAAC;AAAA,YAAEH,GAAEG,KAAK,CAAC;AAAA,YAAEF,GAAEE,KAAK,CAAC;AAAA;QAChD,WACQA,KAAKE,UAAU,GAAE;AACvB,iBAAO;AAAA,YAACP,GAAEK,KAAK,CAAC;AAAA,YAAEJ,GAAEI,KAAK,CAAC;AAAA,YAAEH,GAAEG,KAAK,CAAC;AAAA,YAAEF,GAAEE,KAAK,CAAC;AAAA;QAChD,WACQA,KAAKE,UAAU,GAAE;AACvBF,iBAAO,CAAC,IAAG,IAAG,IAAG,EAAE;AAAA,QACrB;AACA,eAAO;AAAA,UAACL,GAAEK,KAAK,CAAC;AAAA,UAAEJ,GAAEI,KAAK,CAAC;AAAA,UAAEH,GAAEG,KAAK,CAAC;AAAA,UAAEF,GAAEE,KAAK,CAAC;AAAA;MAChD;AAAA,IACF,CAAC;AAGDX,kBAAcc,qBAAqBC,GAAG,MAAI;;AACxC,UAAIC,KAAKhB,cAAciB,aAAc,EAAC,CAAC;AACvC,UAAGD,IAAG;AACJlB,cAAMoB,OAAMlB,mBAAcmB,UAAUC,KAAKC,UAAMA,KAAKL,MAAMA,EAAE,MAAhDhB,mBAAmDsB;AAAAA,MACjE,OACI;AACFxB,cAAMoB,MAAM;AAAA,MACd;AAAA,IACF,CAAC;AAGD,UAAMK,cAAc,YAAU;AAE5B,YAAMC,OAAO,MAAMC,iBAAW;AAAA,QAAEC,QAAO;AAAA,MAAS,CAAC;AAEjD,UAAIF,MAAM;AAER,cAAMG,aAAa,IAAIC;AACvBD,mBAAWE,SAAS,OAAOC,SAAW;AACpChC,gBAAMoB,MAAMY,KAAKC,OAAOC;AAAAA;AAG1BL,mBAAWM,cAAcT,IAAI;AAAA,MAC/B;AAAA;AAIF3B,WAAO;AAAA,MACLqC,WAAUA,MAAI;AAAE,eAAO;AAAA,UAAC,GAAGpC;AAAAA;MAAQ;AAAA,MACnCqC,QAAQjB,SAAa;AAAGpB,cAAMoB,MAAMA;AAAAA,MAAI;AAAA,IAC1C,CAAC;AAED,WAAO,MAAI;AAGT,YAAMkB,YAASC,IAAA,YAAAC,qBAAA;AAAA,QAAA,SAAA;AAAA,QAAA,OAAwFxC,MAAMoB;AAAAA,QAAG,OAAA;AAAA,SAAyB;AAAA,QACvIqB,OAAMA,MAAI;AACR,iBAAAF,IAAAA,YAAA,OAAA;AAAA,YAAA,SAAA;AAAA,aAAAA,CAAAA,IAAAA,YAAAG,YAAA,QAAA,MAAA;AAAA,YAAAC,SAAAA,MAAAJ,CAAAA,IAAA,YAAAK,QAAA,SAAA,MAAA,IAAA,CAAA;AAAA,UAAA,CAAA,CAAA,CAAA;AAAA,QAUF;AAAA,MACF,CAAC;AAID,UAAIC,QAAKN,IAAA,YAAAO,oBAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA;AAAA,QAAAH,SAAAA,MAAAJ,CAAAA,IAAA,YAAAQ,uBAAA;AAAA,UAAA,SAAA;AAAA,QAAA,GAAA;AAAA,UAAAJ,SAAAA,MAAAJ,CAAAA,IAAA,YAAAS,sBAAA;AAAA,YAAA,QAEWC,QAAY;AAAA,YAAA,QAAA;AAAA,YAAA,SAAA;AAAA,YAAA,WAA8CxB;AAAAA,UAAW,GAAA;AAAA,YAAAkB,SAAAA,MAAA,CAAAO,oBAAA,QAAA,CAAA;AAAA,UAAA,CAAA,GAGpFZ,SAAS;AAAA,SAAAC,GAAAA,IAAA,YAAAQ,uBAAA;AAAA,UAAA,SAAA;AAAA,QAAA,GAAA;AAAA,UAAAJ,SAAAA,MAAAJ,CAAAA,IAAA,YAAAY,sBAAA;AAAA,YAAA,SAAA;AAAA,YAAA,cAAA;AAAA,YAAA,iBAGiEjD;AAAAA,UAAa,GAAA,IAAA,CAAA;AAAA,SAAAqC,GAAAA,IAAA,YAAAQ,uBAAA;AAAA,UAAA,SAAA;AAAA,QAAA,GAAA;AAAA,UAAAJ,SAAAA,MAAAJ,CAAAA,IAAA,YAAAa,qBAAA;AAAA,YAAA,cAGtEpD,MAAMoB;AAAAA,YAAG,uBAAAiC,YAATrD,MAAMoB,MAAGiC;AAAAA,YAAA,eAAeC,QAAK;AAAA,YAAA,SAAA;AAAA,YAAA,eAAA;AAAA,UAAA,GAAA,IAAA,GAE9ChB,SAAS;AAAA,QAAA,CAAA,CAAA;AAAA,OAEL;AAET,UAAG9C,YAAY+D,SAAS,SAAQ;AAC9BV,gBAAKN,IAAA,YAAAiB,mBAAA;AAAA,UAAA,UAAkB;AAAA,QAAE,GAAA;AAAA,UAAAb,SAAAA,MAAAJ,CAAAA,IAAA,YAAAkB,mBAAA;AAAA,YAAA,QACV;AAAA,UAAE,GAAAxE,QACZqD,SAAS,IAATA,YAAS;AAAA,YAAAK,SAAAA,MAAA,CAATL,SAAS;AAAA,WAAAC,GAAAA,IAAA,YAAAkB,mBAAA;AAAA,YAAA,QAEC;AAAA,UAAE,GAAA;AAAA,YAAAd,SAAAA,MAAAJ,CAAAA,IAAA,YAAAmB,oBAAA;AAAA,cAAA,kBAAA;AAAA,cAAA,SACuB1D;AAAAA,YAAK,GAAA;AAAA,cAAA2C,SAAAA,MAAAJ,CAAAA,IAAA,YAAAoB,wBAAA;AAAA,gBAAA,SAAA;AAAA,cAAA,GAAA;AAAA,gBAAAhB,SAAAA,MAAA,CAAAJ,gBAAAa,YAAAA,SAAAQ,IAAAA,WAAA;AAAA,kBAAA,cAEnB5D,MAAM6D;AAAAA,kBAAG,uBAAAR,YAATrD,MAAM6D,MAAGR;AAAAA,kBAAA,QAAA;AAAA,gBAAA,GAAA;AAAA,kBAAwBS,MAAK;AAAA,gBAAC,GAAA;AAAA,kBAAA,SAAA;AAAA,kBAAA,eAAA;AAAA,gBAAA,CAAA,GAAA,IAAA,CAAA;AAAA,eAAAvB,GAAAA,IAAA,YAAAoB,wBAAA;AAAA,gBAAA,SAAA;AAAA,cAAA,GAAA;AAAA,gBAAAhB,SAAAA,MAAAJ,CAAAA,IAAA,YAAAa,qBAAA;AAAA,kBAAA,cAIvCpD,MAAM+D;AAAAA,kBAAK,uBAAAV,YAAXrD,MAAM+D,QAAKV;AAAAA,kBAAA,SAAA;AAAA,kBAAA,eAAA;AAAA,gBAAA,GAAA,IAAA,CAAA;AAAA,eAAAd,GAAAA,IAAA,YAAAoB,wBAAA;AAAA,gBAAA,SAAA;AAAA,cAAA,GAAA;AAAA,gBAAAhB,SAAAA,MAAAJ,CAAAA,IAAA,YAAAa,qBAAA;AAAA,kBAAA,cAIXpD,MAAMgE;AAAAA,kBAAM,uBAAAX,YAAZrD,MAAMgE,SAAMX;AAAAA,kBAAA,SAAA;AAAA,kBAAA,eAAA;AAAA,gBAAA,GAAA,IAAA,CAAA;AAAA,eAAAd,GAAAA,IAAA,YAAAoB,wBAAA;AAAA,gBAAA,SAAA;AAAA,cAAA,GAAA;AAAA,gBAAAhB,SAAAA,MAAAJ,CAAAA,IAAA,YAAAa,qBAAA;AAAA,kBAAA,cAIZpD,MAAMiE;AAAAA,kBAAQ,uBAAAZ,YAAdrD,MAAMiE,WAAQZ;AAAAA,kBAAA,SAAA;AAAA,kBAAA,eAAA;AAAA,gBAAA,GAAA,IAAA,CAAA;AAAA,eAAAd,GAAAA,IAAA,YAAAoB,wBAAA;AAAA,gBAAA,SAAA;AAAA,cAAA,GAAA;AAAA,gBAAAhB,SAAAA,MAAAJ,CAAAA,IAAA,YAAAa,qBAAA;AAAA,kBAAA,cAIdpD,MAAMkE;AAAAA,kBAAS,uBAAAb,YAAfrD,MAAMkE,YAASb;AAAAA,kBAAA,SAAA;AAAA,kBAAA,eAAA;AAAA,gBAAA,GAAA,IAAA,CAAA;AAAA,eAAAd,GAAAA,IAAA,YAAAoB,wBAAA;AAAA,gBAAA,SAAA;AAAA,cAAA,GAAA;AAAA,gBAAAhB,SAAAA,MAAA,CAAAJ,IAAA,YAAA,OAAA;AAAA,kBAAA,SAAA;AAAA,gBAAA,GAAA,CAAAA,IAAAA,YAAAW,OAAAA,MAAAA,CAAAA,IAAAA,gBAAAX,IAAAA,GAAAA,IAAA,YAAAa,qBAAA;AAAA,kBAAA,cAOXhD,OAAOmD,MAAM/C;AAAAA,kBAAC,uBAAA6C,YAAdjD,OAAOmD,MAAM/C,IAAC6C;AAAAA,kBAAA,eAAA;AAAA,gBAAA,GAAA,IAAA,CAAA,CAAA,GAAAd,IAAAA,YAAAW,OAAAA,MAAAA,CAAAA,oBAAAX,IAAAA,GAAAA,IAAAA,YAAAa,YAAAA,SAAA;AAAA,kBAAA,cAKdhD,OAAOmD,MAAM9C;AAAAA,kBAAC,uBAAA4C,YAAdjD,OAAOmD,MAAM9C,IAAC4C;AAAAA,kBAAA,eAAA;AAAA,gBAAA,GAAA,IAAA,CAAA,CAAA,GAAAd,IAAAA,YAAAW,OAAAA,MAAAA,CAAAA,oBAAAX,IAAAA,GAAAA,IAAAA,YAAAa,YAAAA,SAAA;AAAA,kBAAA,cAMdhD,OAAOmD,MAAM7C;AAAAA,kBAAC,uBAAA2C,YAAdjD,OAAOmD,MAAM7C,IAAC2C;AAAAA,kBAAA,eAAA;AAAA,gBAAA,GAAA,IAAA,CAAA,CAAA,GAAAd,IAAAA,YAAAW,OAAAA,MAAAA,CAAAA,oBAAAX,IAAAA,GAAAA,IAAAA,YAAAa,YAAAA,SAAA;AAAA,kBAAA,cAMdhD,OAAOmD,MAAM5C;AAAAA,kBAAC,uBAAA0C,YAAdjD,OAAOmD,MAAM5C,IAAC0C;AAAAA,kBAAA,eAAA;AAAA,gBAAA,GAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,cAAA,CAAA,CAAA;AAAA,YAAA,CAAA,CAAA;AAAA,UAAA,CAAA,CAAA;AAAA,SAOpC;AAAA,MACV;AAEA,aAAOR;AAAAA;EAEX;AACF,CAAC;AAOYsB,MAAAA,qBAAqB,OAAQnE,UAAc;AACtD,SAAO,IAAIoE,QAAQ,CAACC,SAAQC,WAAW;AAGrC9E,gBAAY+D,QAAQvD,MAAMoB,MAAM,UAAQ;AAExC,UAAMmD,oBAAoB9E,QAAS,IAAI;AACvC,UAAM+E,aAAanE,IAAAA,SAAc,MAAA;;AAAIkE,qCAAkBhB,UAAlBgB,mBAAyBnC;AAAAA,KAAW;AAGzE,UAAMqC,oBAAoB,YAAU;;AAElC,UAAGD,WAAWjB,MAAMnC,KAAI;AACtB,YAAIc,SAAS,MAAMwC,6BAAa;AAAA,UAAEtD,KAAKoD,WAAWjB,MAAMnC;AAAAA,QAAG,CAAC;AAC5D,YAAGc,OAAOF,MAAK;AACbuC,kCAAkBhB,UAAlBgB,mBAAyBlC,OAAOH,OAAOF;AAAAA,QACzC;AAAA,MACF;AAAA;AAKF,UAAM2C,oBAAoBA,MAAM;AAC9BC,qBAAeC,QAAO;AACtBP;;AAIF,UAAMQ,qBAAqBA,MAAM;AAC/BF,qBAAeC,QAAO;AACtBR,cAAQ;AAAA,QAAC,GAAGG,WAAWjB;AAAAA,MAAK,CAAC;AAAA;AAG/B,UAAMqB,iBAAiBG,GAAQ,SAACC,aAAa;AAAA,MAC3CC,OAAO;AAAA,MACPC,OAAO;AAAA,MACPnB,OAAO;AAAA,MACPoB,SAASA,MAAM;AACbP,uBAAeC,QAAO;AAAA,MACvB;AAAA,MACDO,MAAMA,MAAM;AACV,eAAOC,IAAAA,EAAE3F,yBAAwB;AAAA,UAACM;AAAAA,UAAMP,KAAIgB,OAAG8D,kBAAkBhB,QAAQ9C;AAAAA,QAAC,CAAC;AAAA,MAC5E;AAAA,MACD6E,QAAQA,MAAM;AAGZ,YAAIC,WAAW,CAAAhD,IAAA,YAAAS,sBAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WACqBwC,MAAIhG,YAAY+D,QAAQ;AAAA,QAAO,GAAA;AAAA,UAAAZ,SAAAA,MAAA,CAAAO,oBAAA,KAAA,CAAA;AAAA,QAGlE,CAAA,CAAA;AAED,YAAG1D,YAAY+D,SAAS,SAAQ;AAC9BgC,qBAAW,CAAAhD,IAAA,YAAAS,sBAAA;AAAA,YAAA,QAAA;AAAA,YAAA,WACyBwC,MAAIhG,YAAY+D,QAAM;AAAA,UAAQ,GAAA;AAAA,YAAAZ,SAAAA,MAAA,CAAAO,oBAAA,MAAA,CAAA;AAAA,WAAAX,GAAAA,IAAA,YAAAS,sBAAA;AAAA,YAAA,QAAA;AAAA,YAAA,WAG9ByB;AAAAA,UAAiB,GAAA;AAAA,YAAA9B,SAAAA,MAAA,CAAAO,oBAAA,KAAA,CAAA;AAAA,WAAAX,GAAAA,IAAA,YAAAS,sBAAA;AAAA,YAAA,QAAA;AAAA,YAAA,WAGjB8B;AAAAA,UAAkB,GAAA;AAAA,YAAAnC,SAAAA,MAAA,CAAAO,oBAAA,IAAA,CAAA;AAAA,UAGrD,CAAA,CAAA;AAAA,QACH;AAEA,eAAAX,IAAA,YAAAkD,IAAA,UAAAlD,MAAAA,CAAAA,IAAAA,YAAAS,YAAAA,UAAA;AAAA,UAAA,WAEuB2B;AAAAA,QAAiB,GAAA;AAAA,UAAAhC,SAAAA,MAAA,CAAAO,oBAAA,IAAA,CAAA;AAAA,QAAA,CAAA,GAAA,GAChCqC,QAAQ,CAAA;AAAA,MAGlB;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;;"}

package/dist/cjs/components/basic/icon-select/icon-select-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-select-options.js","sources":["../../../../../src/components/basic/icon-select/icon-select-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const iconSelectProps = buildProps({\n  modelValue: {\n    type: String,\n    default: null,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n});\n\nexport type IconSelectProps = ExtractPropTypes<typeof iconSelectProps>;\n\nexport const iconSelectEmits = {\n  \"update:model-value\": (value: string) => true,\n};\n\nexport type IconSelectEmits = ExtractPropTypes<typeof iconSelectEmits>;\n"],"names":["buildProps"],"mappings":";;;AAGO,MAAM,kBAAkBA,MAAAA,WAAW;AAAA,EACxC,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;AAIM,MAAM,kBAAkB;AAAA,EAC7B,sBAAsB,CAAC,UAAkB;AAC3C;;;"}
+{"version":3,"file":"icon-select-options.js","sources":["../../../../../src/components/basic/icon-select/icon-select-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const iconSelectProps = buildProps({\r\n  modelValue: {\r\n    type: String,\r\n    default: null,\r\n  },\r\n  disabled: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n});\r\n\r\nexport type IconSelectProps = ExtractPropTypes<typeof iconSelectProps>;\r\n\r\nexport const iconSelectEmits = {\r\n  \"update:model-value\": (value: string) => true,\r\n};\r\n\r\nexport type IconSelectEmits = ExtractPropTypes<typeof iconSelectEmits>;\r\n"],"names":["buildProps"],"mappings":";;;AAGO,MAAM,kBAAkBA,MAAAA,WAAW;AAAA,EACxC,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;AAIM,MAAM,kBAAkB;AAAA,EAC7B,sBAAsB,CAAC,UAAkB;AAC3C;;;"}

package/dist/cjs/components/basic/icon-select/icon-select.js

@@ -1,6 +1,6 @@
 "use strict";
 const vue = require("vue");
-const icons = require("@element-plus/icons-vue");
+const elIcons = require("@element-plus/icons-vue");
 const index = require("../svg-icon/index.js");
 const iconSelectOptions = require("./icon-select-options.js");
 const elementPlus = require("element-plus");
@@ -20,7 +20,7 @@ function _interopNamespaceDefault(e) {
   n.default = e;
   return Object.freeze(n);
 }
-const icons__namespace = /* @__PURE__ */ _interopNamespaceDefault(icons);
+const elIcons__namespace = /* @__PURE__ */ _interopNamespaceDefault(elIcons);
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
 }
@@ -31,18 +31,26 @@ const FormIconSelect = /* @__PURE__ */ vue.defineComponent({
   setup(props, {
     emit
   }) {
-    const icons2 = vue.ref([]);
+    const icons = vue.ref([]);
+    const search = vue.ref("");
+    const filteredIcons = vue.computed(() => {
+      const _search = vue.unref(search).toLowerCase().trim();
+      return vue.unref(icons).filter((icon) => icon.toLowerCase().includes(_search));
+    });
     const modelValue = vue.computed({
       get: () => props.modelValue,
       set: (v) => {
         emit("update:model-value", v);
       }
     });
-    vue.computed(() => props.disabled);
+    const disabled = vue.computed(() => props.disabled);
     const {
       formItem: elFormItem
     } = elementPlus.useFormItem();
     const handleClick = (icon) => {
+      if (vue.unref(disabled)) {
+        return;
+      }
       modelValue.value = icon;
     };
     vue.onMounted(() => {
@@ -52,7 +60,7 @@ const FormIconSelect = /* @__PURE__ */ vue.defineComponent({
         const symbols = svg.querySelectorAll("symbol");
         iconList = iconList.concat(Array.from(symbols).map((symbol) => symbol.id.replace(/^icon-/, "")));
       }
-      icons2.value = Array.from(/* @__PURE__ */ new Set([...Object.keys(icons__namespace), ...iconList]));
+      icons.value = Array.from(/* @__PURE__ */ new Set([...Object.keys(elIcons__namespace), ...iconList]));
     });
     vue.watch(modelValue, () => {
       var _a;
@@ -62,20 +70,28 @@ const FormIconSelect = /* @__PURE__ */ vue.defineComponent({
     });
     return () => {
       const _value = vue.unref(modelValue);
-      const children = vue.unref(icons2).map((icon) => vue.createVNode("span", {
+      const children = vue.unref(filteredIcons).map((icon) => vue.createVNode("span", {
         "key": icon,
-        "class": ["mk-form-icon-select__icon-item", icon === _value ? "is-active" : ""],
+        "class": ["mk-icon-select__icon-item", icon === _value ? "is-active" : ""],
         "onClick": () => handleClick(icon)
       }, [vue.createVNode(index.MKSvgIcon, {
         "iconClass": icon
       }, null)]));
       return vue.createVNode("div", {
-        "class": "mk-form-icon-select"
+        "class": "mk-icon-select"
+      }, [vue.createVNode(elementPlus.ElInput, {
+        "modelValue": vue.unref(search),
+        "onUpdate:modelValue": (v) => search.value = v,
+        "placeholder": "搜索图标",
+        "validateEvent": false,
+        "suffixIcon": elIcons__namespace.Search
+      }, null), vue.createVNode("div", {
+        "class": ["mk-icon-select__wrapper", vue.unref(disabled) ? "is-disabled" : ""]
       }, [vue.createVNode(elementPlus.ElScrollbar, {
         "height": "100%"
       }, _isSlot(children) ? children : {
         default: () => [children]
-      })]);
+      })])]);
     };
   }
 });

package/dist/cjs/components/basic/icon-select/icon-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-select.js","sources":["../../../../../src/components/basic/icon-select/icon-select.tsx"],"sourcesContent":["import {\n  Ref,\n  computed,\n  defineComponent,\n  onMounted,\n  ref,\n  unref,\n  watch,\n} from \"vue\";\nimport * as elIcons from \"@element-plus/icons-vue\";\nimport SvgIcon from \"../svg-icon\";\nimport { iconSelectProps, iconSelectEmits } from \"./icon-select-options\";\nimport { ElScrollbar, useFormItem as elUseFormItem } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKFormIconSelect\",\n  props: iconSelectProps,\n  emits: iconSelectEmits,\n  setup(props, { emit }) {\n    const icons: Ref<string[]> = ref([]);\n\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v) => {\n        emit(\"update:model-value\", v);\n      },\n    });\n\n    const disabled = computed(() => props.disabled);\n\n    const { formItem: elFormItem } = elUseFormItem();\n\n    const handleClick = (icon: string) => {\n      modelValue.value = icon;\n    };\n\n    onMounted(() => {\n      const svgList: NodeListOf<SVGElement> = document.querySelectorAll(\n        'body > svg[aria-hidden=\"true\"]'\n      );\n\n      let iconList: string[] = [];\n\n      for (const svg of Array.from(svgList)) {\n        const symbols = svg.querySelectorAll(\"symbol\");\n\n        iconList = iconList.concat(\n          Array.from(symbols).map((symbol) => symbol.id.replace(/^icon-/, \"\"))\n        );\n      }\n\n      icons.value = Array.from(new Set([...Object.keys(elIcons), ...iconList]));\n    });\n\n    watch(\n      modelValue,\n      () => {\n        elFormItem?.validate?.(\"change\");\n      },\n      { flush: \"post\" }\n    );\n\n    return () => {\n      const _value = unref(modelValue);\n\n      const children = unref(icons).map((icon) => (\n        <span\n          key={icon}\n          class={[\n            \"mk-form-icon-select__icon-item\",\n            icon === _value ? \"is-active\" : \"\",\n          ]}\n          onClick={() => handleClick(icon)}\n        >\n          <SvgIcon iconClass={icon} />\n        </span>\n      ));\n\n      return (\n        <div class=\"mk-form-icon-select\">\n          <ElScrollbar height=\"100%\">{children}</ElScrollbar>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","iconSelectProps","emits","iconSelectEmits","setup","emit","icons","ref","modelValue","computed","get","set","v","disabled","formItem","elFormItem","elUseFormItem","handleClick","icon","value","onMounted","svgList","document","querySelectorAll","iconList","svg","Array","from","symbols","concat","map","symbol","id","replace","Set","keys","elIcons","watch","validate","flush","_value","unref","children","_createVNode","onClick","SvgIcon","ElScrollbar","default"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAYyE,SAAAA,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,IAAA,QAAAL,CAAA;AAAA;AAEzE,MAAeM,qDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,kBAAe;AAAA,EACtBC,OAAOC,kBAAe;AAAA,EACtBC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,SAAuBC,QAAI,CAAA,CAAE;AAEnC,UAAMC,aAAaC,IAAAA,SAAS;AAAA,MAC1BC,KAAKA,MAAMV,MAAMQ;AAAAA,MACjBG,KAAMC,OAAM;AACVP,aAAK,sBAAsBO,CAAC;AAAA,MAC9B;AAAA,IACF,CAAC;AAEgBH,iBAAS,MAAMT,MAAMa,QAAQ;AAE9C,UAAM;AAAA,MAAEC,UAAUC;AAAAA,IAAY,IAAGC,YAAa,YAAA;AAE9C,UAAMC,cAAeC,UAAiB;AACpCV,iBAAWW,QAAQD;AAAAA;AAGrBE,QAAAA,UAAU,MAAM;AACd,YAAMC,UAAkCC,SAASC,iBAC/C,gCACF;AAEA,UAAIC,WAAqB,CAAA;AAEzB,iBAAWC,OAAOC,MAAMC,KAAKN,OAAO,GAAG;AACrC,cAAMO,UAAUH,IAAIF,iBAAiB,QAAQ;AAE7CC,mBAAWA,SAASK,OAClBH,MAAMC,KAAKC,OAAO,EAAEE,IAAKC,YAAWA,OAAOC,GAAGC,QAAQ,UAAU,EAAE,CAAC,CACrE;AAAA,MACF;AAEA3B,MAAAA,OAAMa,QAAQO,MAAMC,KAAK,oBAAIO,IAAI,CAAC,GAAGzC,OAAO0C,KAAKC,gBAAO,GAAG,GAAGZ,QAAQ,CAAC,CAAC;AAAA,IAC1E,CAAC;AAEDa,QAAK,MACH7B,YACA,MAAM;;AACJO,qDAAYuB,aAAZvB,oCAAuB;AAAA,IACzB,GACA;AAAA,MAAEwB,OAAO;AAAA,IAAO,CAClB;AAEA,WAAO,MAAM;AACX,YAAMC,SAASC,UAAMjC,UAAU;AAE/B,YAAMkC,WAAWD,IAAAA,MAAMnC,MAAK,EAAEwB,IAAKZ,UAAIyB,IAAA,YAAA,QAAA;AAAA,QAAA,OAE9BzB;AAAAA,QAAI,SACF,CACL,kCACAA,SAASsB,SAAS,cAAc,EAAE;AAAA,QACnC,WACQI,MAAM3B,YAAYC,IAAI;AAAA,SAACyB,CAAAA,IAAA,YAAAE,iBAAA;AAAA,QAAA,aAEZ3B;AAAAA,MAAI,GAAA,IAAA,CAAA,CAAA,CAE3B;AAED,aAAAyB,IAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,SAAAA,CAAAA,IAAA,YAAAG,yBAAA;AAAA,QAAA,UAAA;AAAA,MAAA,GAAAvD,QAEgCmD,QAAQ,IAARA,WAAQ;AAAA,QAAAK,SAAAA,MAAA,CAARL,QAAQ;AAAA,MAAA,CAAA,CAAA,CAAA;AAAA;EAI5C;AACF,CAAC;;"}
+{"version":3,"file":"icon-select.js","sources":["../../../../../src/components/basic/icon-select/icon-select.tsx"],"sourcesContent":["import {\r\n  Ref,\r\n  computed,\r\n  defineComponent,\r\n  onMounted,\r\n  ref,\r\n  unref,\r\n  watch,\r\n} from \"vue\";\r\nimport * as elIcons from \"@element-plus/icons-vue\";\r\nimport SvgIcon from \"../svg-icon\";\r\nimport { iconSelectProps, iconSelectEmits } from \"./icon-select-options\";\r\nimport {\r\n  ElInput,\r\n  ElScrollbar,\r\n  useFormItem as elUseFormItem,\r\n} from \"element-plus\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKFormIconSelect\",\r\n  props: iconSelectProps,\r\n  emits: iconSelectEmits,\r\n  setup(props, { emit }) {\r\n    const icons: Ref<string[]> = ref([]);\r\n\r\n    const search = ref(\"\");\r\n\r\n    const filteredIcons = computed(() => {\r\n      const _search = unref(search).toLowerCase().trim();\r\n\r\n      return unref(icons).filter((icon) =>\r\n        icon.toLowerCase().includes(_search)\r\n      );\r\n    });\r\n\r\n    const modelValue = computed({\r\n      get: () => props.modelValue,\r\n      set: (v) => {\r\n        emit(\"update:model-value\", v);\r\n      },\r\n    });\r\n\r\n    const disabled = computed(() => props.disabled);\r\n\r\n    const { formItem: elFormItem } = elUseFormItem();\r\n\r\n    const handleClick = (icon: string) => {\r\n      if (unref(disabled)) {\r\n        return;\r\n      }\r\n\r\n      modelValue.value = icon;\r\n    };\r\n\r\n    onMounted(() => {\r\n      const svgList: NodeListOf<SVGElement> = document.querySelectorAll(\r\n        'body > svg[aria-hidden=\"true\"]'\r\n      );\r\n\r\n      let iconList: string[] = [];\r\n\r\n      for (const svg of Array.from(svgList)) {\r\n        const symbols = svg.querySelectorAll(\"symbol\");\r\n\r\n        iconList = iconList.concat(\r\n          Array.from(symbols).map((symbol) => symbol.id.replace(/^icon-/, \"\"))\r\n        );\r\n      }\r\n\r\n      icons.value = Array.from(new Set([...Object.keys(elIcons), ...iconList]));\r\n    });\r\n\r\n    watch(\r\n      modelValue,\r\n      () => {\r\n        elFormItem?.validate?.(\"change\");\r\n      },\r\n      { flush: \"post\" }\r\n    );\r\n\r\n    return () => {\r\n      const _value = unref(modelValue);\r\n\r\n      const children = unref(filteredIcons).map((icon) => (\r\n        <span\r\n          key={icon}\r\n          class={[\r\n            \"mk-icon-select__icon-item\",\r\n            icon === _value ? \"is-active\" : \"\",\r\n          ]}\r\n          onClick={() => handleClick(icon)}\r\n        >\r\n          <SvgIcon iconClass={icon} />\r\n        </span>\r\n      ));\r\n\r\n      return (\r\n        <div class=\"mk-icon-select\">\r\n          <ElInput\r\n            modelValue={unref(search)}\r\n            onUpdate:modelValue={(v) => (search.value = v)}\r\n            placeholder=\"搜索图标\"\r\n            validateEvent={false}\r\n            suffixIcon={elIcons.Search}\r\n          />\r\n\r\n          <div\r\n            class={[\r\n              \"mk-icon-select__wrapper\",\r\n              unref(disabled) ? \"is-disabled\" : \"\",\r\n            ]}\r\n          >\r\n            <ElScrollbar height=\"100%\">{children}</ElScrollbar>\r\n          </div>\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","iconSelectProps","emits","iconSelectEmits","setup","emit","icons","ref","search","filteredIcons","computed","_search","unref","toLowerCase","trim","filter","icon","includes","modelValue","get","set","v","disabled","formItem","elFormItem","elUseFormItem","handleClick","value","onMounted","svgList","document","querySelectorAll","iconList","svg","Array","from","symbols","concat","map","symbol","id","replace","Set","keys","elIcons","watch","validate","flush","_value","children","_createVNode","onClick","SvgIcon","ElInput","Search","ElScrollbar","default"],"mappings":"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"}

package/dist/cjs/components/basic/icon-select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/icon-select/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport FormIconSelect from \"./icon-select\";\n\nexport const MKFormIconSelect = withInstall(FormIconSelect);\nexport default MKFormIconSelect;\n"],"names":["withInstall","FormIconSelect"],"mappings":";;;;AAGa,MAAA,mBAAmBA,kBAAYC,UAAc;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/icon-select/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport FormIconSelect from \"./icon-select\";\r\n\r\nexport const MKFormIconSelect = withInstall(FormIconSelect);\r\nexport default MKFormIconSelect;\r\n"],"names":["withInstall","FormIconSelect"],"mappings":";;;;AAGa,MAAA,mBAAmBA,kBAAYC,UAAc;;;"}

package/dist/cjs/components/basic/image-cropper/image-cropper-api.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-cropper-api.js","sources":["../../../../../src/components/basic/image-cropper/image-cropper-api.tsx"],"sourcesContent":["import { Dialoger } from \"@maketribe/dm\";\nimport ImageCropperContent, {\n  ImageCropperRatioOption,\n} from \"./image-cropper-content\";\nimport { Fragment } from \"vue/jsx-runtime\";\nimport { ElButton } from \"element-plus\";\nimport { ref, Ref, unref } from \"vue\";\n\nexport type MKImageCropperOptions = {\n  src: string;\n  ratioOptions?: Array<ImageCropperRatioOption>;\n  fixedBox?: boolean;\n};\nexport type MKImageCropperResult = {\n  isConfirm: boolean;\n  data: string;\n  size: { width: number; height: number };\n};\n\nexport async function ImageCropper(\n  options: MKImageCropperOptions\n): Promise<MKImageCropperResult> {\n  const ratioOptions = options.ratioOptions ?? [];\n  const fixedBox = options.fixedBox ?? false;\n\n  return new Promise((resolve) => {\n    const imageCropperContentEl: Ref<typeof ImageCropperContent | null> =\n      ref(null);\n\n    const handleCancelClick = () => {\n      dialogInstance.destroy();\n\n      resolve({\n        isConfirm: false,\n        data: \"\",\n        size: { width: 0, height: 0 },\n      });\n    };\n\n    const handleConfirmClick = async () => {\n      dialogInstance.destroy();\n\n      const cropperRef = unref(imageCropperContentEl)!.cropperRef;\n\n      resolve({\n        isConfirm: true,\n        data: await new Promise(cropperRef.getCropData.bind(cropperRef)),\n        size: { width: cropperRef.cropW, height: cropperRef.cropH },\n      });\n    };\n\n    const dialogInstance = Dialoger.customRender({\n      title: \"图片裁切\",\n      onClose: handleCancelClick,\n      body: () => {\n        return (\n          <ImageCropperContent\n            ref={((el: any) => (imageCropperContentEl.value = el)) as any}\n            src={options.src}\n            fixedBox={fixedBox}\n            ratioOptions={ratioOptions}\n          />\n        );\n      },\n      footer: () => {\n        return (\n          <Fragment>\n            <ElButton onClick={handleCancelClick}>取消</ElButton>\n            <ElButton type=\"primary\" onClick={handleConfirmClick}>\n              确认\n            </ElButton>\n          </Fragment>\n        );\n      },\n    });\n  });\n}\n"],"names":["ImageCropper","options","ratioOptions","fixedBox","Promise","resolve","imageCropperContentEl","ref","handleCancelClick","dialogInstance","destroy","isConfirm","data","size","width","height","handleConfirmClick","cropperRef","unref","getCropData","bind","cropW","cropH","Dialoger","customRender","title","onClose","body","_createVNode","ImageCropperContent","el","value","src","footer","_Fragment","ElButton","default","_createTextVNode"],"mappings":";;;;;;;AAmBO,eAAeA,aACpBC,SAC+B;AAC/B,QAAMC,eAAeD,QAAQC,gBAAgB;AAC7C,QAAMC,WAAWF,QAAQE,YAAY;AAErC,SAAO,IAAIC,QAASC,aAAY;AAC9B,UAAMC,wBACJC,QAAI,IAAI;AAEV,UAAMC,oBAAoBA,MAAM;AAC9BC,qBAAeC,QAAO;AAEtBL,cAAQ;AAAA,QACNM,WAAW;AAAA,QACXC,MAAM;AAAA,QACNC,MAAM;AAAA,UAAEC,OAAO;AAAA,UAAGC,QAAQ;AAAA,QAAE;AAAA,MAC9B,CAAC;AAAA;AAGH,UAAMC,qBAAqB,YAAY;AACrCP,qBAAeC,QAAO;AAEtB,YAAMO,aAAaC,IAAAA,MAAMZ,qBAAqB,EAAGW;AAEjDZ,cAAQ;AAAA,QACNM,WAAW;AAAA,QACXC,MAAM,MAAM,IAAIR,QAAQa,WAAWE,YAAYC,KAAKH,UAAU,CAAC;AAAA,QAC/DJ,MAAM;AAAA,UAAEC,OAAOG,WAAWI;AAAAA,UAAON,QAAQE,WAAWK;AAAAA,QAAM;AAAA,MAC5D,CAAC;AAAA;AAGH,UAAMb,iBAAiBc,GAAQ,SAACC,aAAa;AAAA,MAC3CC,OAAO;AAAA,MACPC,SAASlB;AAAAA,MACTmB,MAAMA,MAAM;AACV,eAAAC,IAAAA,YAAAC,qBAAA;AAAA,UAAA,OAEWC,QAAaxB,sBAAsByB,QAAQD;AAAAA,UAAG,OAChD7B,QAAQ+B;AAAAA,UAAG,YACN7B;AAAAA,UAAQ,gBACJD;AAAAA,QAAY,GAAA,IAAA;AAAA,MAG/B;AAAA,MACD+B,QAAQA,MAAM;AACZ,eAAAL,IAAA,YAAAM,IAAA,UAAAN,MAAAA,CAAAA,IAAAA,YAAAO,YAAAA,UAAA;AAAA,UAAA,WAEuB3B;AAAAA,QAAiB,GAAA;AAAA,UAAA4B,SAAAA,MAAA,CAAAC,oBAAA,IAAA,CAAA;AAAA,SAAAT,GAAAA,IAAA,YAAAO,sBAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WACFnB;AAAAA,QAAkB,GAAA;AAAA,UAAAoB,SAAAA,MAAA,CAAAC,oBAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA;AAAA,MAK1D;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;;"}
+{"version":3,"file":"image-cropper-api.js","sources":["../../../../../src/components/basic/image-cropper/image-cropper-api.tsx"],"sourcesContent":["import { Dialoger } from \"@maketribe/dm\";\r\nimport ImageCropperContent, {\r\n  ImageCropperRatioOption,\r\n} from \"./image-cropper-content\";\r\nimport { Fragment } from \"vue/jsx-runtime\";\r\nimport { ElButton } from \"element-plus\";\r\nimport { ref, Ref, unref } from \"vue\";\r\n\r\nexport type MKImageCropperOptions = {\r\n  src: string;\r\n  ratioOptions?: Array<ImageCropperRatioOption>;\r\n  fixedBox?: boolean;\r\n};\r\nexport type MKImageCropperResult = {\r\n  isConfirm: boolean;\r\n  data: string;\r\n  size: { width: number; height: number };\r\n};\r\n\r\nexport async function ImageCropper(\r\n  options: MKImageCropperOptions\r\n): Promise<MKImageCropperResult> {\r\n  const ratioOptions = options.ratioOptions ?? [];\r\n  const fixedBox = options.fixedBox ?? false;\r\n\r\n  return new Promise((resolve) => {\r\n    const imageCropperContentEl: Ref<typeof ImageCropperContent | null> =\r\n      ref(null);\r\n\r\n    const handleCancelClick = () => {\r\n      dialogInstance.destroy();\r\n\r\n      resolve({\r\n        isConfirm: false,\r\n        data: \"\",\r\n        size: { width: 0, height: 0 },\r\n      });\r\n    };\r\n\r\n    const handleConfirmClick = async () => {\r\n      dialogInstance.destroy();\r\n\r\n      const cropperRef = unref(imageCropperContentEl)!.cropperRef;\r\n\r\n      resolve({\r\n        isConfirm: true,\r\n        data: await new Promise(cropperRef.getCropData.bind(cropperRef)),\r\n        size: { width: cropperRef.cropW, height: cropperRef.cropH },\r\n      });\r\n    };\r\n\r\n    const dialogInstance = Dialoger.customRender({\r\n      title: \"图片裁切\",\r\n      onClose: handleCancelClick,\r\n      body: () => {\r\n        return (\r\n          <ImageCropperContent\r\n            ref={((el: any) => (imageCropperContentEl.value = el)) as any}\r\n            src={options.src}\r\n            fixedBox={fixedBox}\r\n            ratioOptions={ratioOptions}\r\n          />\r\n        );\r\n      },\r\n      footer: () => {\r\n        return (\r\n          <Fragment>\r\n            <ElButton onClick={handleCancelClick}>取消</ElButton>\r\n            <ElButton type=\"primary\" onClick={handleConfirmClick}>\r\n              确认\r\n            </ElButton>\r\n          </Fragment>\r\n        );\r\n      },\r\n    });\r\n  });\r\n}\r\n"],"names":["ImageCropper","options","ratioOptions","fixedBox","Promise","resolve","imageCropperContentEl","ref","handleCancelClick","dialogInstance","destroy","isConfirm","data","size","width","height","handleConfirmClick","cropperRef","unref","getCropData","bind","cropW","cropH","Dialoger","customRender","title","onClose","body","_createVNode","ImageCropperContent","el","value","src","footer","_Fragment","ElButton","default","_createTextVNode"],"mappings":";;;;;;;AAmBO,eAAeA,aACpBC,SAC+B;AAC/B,QAAMC,eAAeD,QAAQC,gBAAgB;AAC7C,QAAMC,WAAWF,QAAQE,YAAY;AAErC,SAAO,IAAIC,QAASC,aAAY;AAC9B,UAAMC,wBACJC,QAAI,IAAI;AAEV,UAAMC,oBAAoBA,MAAM;AAC9BC,qBAAeC,QAAO;AAEtBL,cAAQ;AAAA,QACNM,WAAW;AAAA,QACXC,MAAM;AAAA,QACNC,MAAM;AAAA,UAAEC,OAAO;AAAA,UAAGC,QAAQ;AAAA,QAAE;AAAA,MAC9B,CAAC;AAAA;AAGH,UAAMC,qBAAqB,YAAY;AACrCP,qBAAeC,QAAO;AAEtB,YAAMO,aAAaC,IAAAA,MAAMZ,qBAAqB,EAAGW;AAEjDZ,cAAQ;AAAA,QACNM,WAAW;AAAA,QACXC,MAAM,MAAM,IAAIR,QAAQa,WAAWE,YAAYC,KAAKH,UAAU,CAAC;AAAA,QAC/DJ,MAAM;AAAA,UAAEC,OAAOG,WAAWI;AAAAA,UAAON,QAAQE,WAAWK;AAAAA,QAAM;AAAA,MAC5D,CAAC;AAAA;AAGH,UAAMb,iBAAiBc,GAAQ,SAACC,aAAa;AAAA,MAC3CC,OAAO;AAAA,MACPC,SAASlB;AAAAA,MACTmB,MAAMA,MAAM;AACV,eAAAC,IAAAA,YAAAC,qBAAA;AAAA,UAAA,OAEWC,QAAaxB,sBAAsByB,QAAQD;AAAAA,UAAG,OAChD7B,QAAQ+B;AAAAA,UAAG,YACN7B;AAAAA,UAAQ,gBACJD;AAAAA,QAAY,GAAA,IAAA;AAAA,MAG/B;AAAA,MACD+B,QAAQA,MAAM;AACZ,eAAAL,IAAA,YAAAM,IAAA,UAAAN,MAAAA,CAAAA,IAAAA,YAAAO,YAAAA,UAAA;AAAA,UAAA,WAEuB3B;AAAAA,QAAiB,GAAA;AAAA,UAAA4B,SAAAA,MAAA,CAAAC,oBAAA,IAAA,CAAA;AAAA,SAAAT,GAAAA,IAAA,YAAAO,sBAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WACFnB;AAAAA,QAAkB,GAAA;AAAA,UAAAoB,SAAAA,MAAA,CAAAC,oBAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA;AAAA,MAK1D;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;;"}

package/dist/cjs/components/basic/image-cropper/image-cropper-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-cropper-content.js","sources":["../../../../../src/components/basic/image-cropper/image-cropper-content.tsx"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  reactive,\n  ref,\n  Ref,\n  unref,\n  watch,\n} from \"vue\";\nimport { VueCropper } from \"vue-cropper\";\nimport { MKSvgIcon } from \"../svg-icon\";\nimport {\n  imageCropperContentEmits,\n  imageCropperContentProps,\n} from \"./image-cropper-content-options\";\nimport {\n  ElForm,\n  ElFormItem,\n  ElInputNumber,\n  ElOption,\n  ElScrollbar,\n  ElSelect,\n  ElTooltip,\n} from \"element-plus\";\n\nexport type ImageCropperRatioOption = {\n  value: string;\n  label: string;\n  width: number;\n  height: number;\n};\n\nconst ORIGIN_RATIO = \"origin\";\nconst FREE_RATIO = \"free\";\n\nconst BASE64_PREFIX = /^data:image\\/([^;]+);base64,/;\n\nexport default defineComponent({\n  name: \"MKImageContentCropper\",\n  props: imageCropperContentProps,\n  emits: imageCropperContentEmits,\n  setup(props) {\n    const cropperRef: Ref<any> = ref(null);\n\n    const outputType = computed(() => {\n      const base64Match = props.src.match(BASE64_PREFIX);\n\n      if (base64Match?.[1]) {\n        return base64Match?.[1];\n      }\n\n      const url = new URL(props.src, location.origin).toString();\n\n      const index = url.lastIndexOf(\".\");\n\n      if (index === -1) {\n        return \"jpeg\";\n      }\n\n      return url.slice(index + 1) || \"jpeg\";\n    });\n\n    const originRatioOption: ImageCropperRatioOption = reactive({\n      value: ORIGIN_RATIO,\n      label: \"原图比例\",\n      width: 1,\n      height: 1,\n    });\n\n    const ratioOptions = computed(() => {\n      return [\n        originRatioOption,\n        { value: FREE_RATIO, label: \"自由比例\", width: 1, height: 1 },\n        ...props.ratioOptions.map((item: any) => ({\n          ...item,\n          value: item.value.toString(),\n        })),\n      ] as ImageCropperRatioOption[];\n    });\n\n    const autoCropWidth = ref(0);\n    const autoCropHeight = ref(0);\n\n    const currentRatio: Ref<string> = ref(ORIGIN_RATIO);\n\n    const maxWidth: Ref<number> = ref(0);\n    const maxHeight: Ref<number> = ref(0);\n\n    const enlarge = computed(() => {\n      const width = unref(cropperRef)?.cropW ?? 1;\n      const height = unref(cropperRef)?.cropH ?? 1;\n\n      const ratio = unref(maxWidth) / unref(maxHeight);\n      const cropRatio = width / height;\n\n      return cropRatio > ratio\n        ? unref(maxWidth) / width\n        : unref(maxHeight) / height;\n    });\n\n    const setCurrentRatio = (value: string) => {\n      currentRatio.value = value;\n    };\n\n    const isFixed = computed(() => unref(currentRatio) !== FREE_RATIO);\n\n    const fixedNumber = computed(() => {\n      const option = unref(ratioOptions).find(\n        (option) => option.value === unref(currentRatio)\n      );\n\n      return [option?.width ?? 1, option?.height ?? 1];\n    });\n\n    watch(\n      computed(() => props.src),\n      (src) => {\n        const image = new Image();\n        image.src = src;\n\n        image.onload = () => {\n          maxWidth.value =\n            autoCropWidth.value =\n            originRatioOption.width =\n              image.naturalWidth;\n          maxHeight.value =\n            autoCropHeight.value =\n            originRatioOption.height =\n              image.naturalHeight;\n        };\n      },\n      { immediate: true }\n    );\n\n    // watch(currentRatio, (currentRatio) => {\n    //   new MouseEvent(\"mousemove\", {});\n    //   // debugger;\n    //   unref(cropperRef).changeCropNow(new MouseEvent(\"mousemove\"));\n    // });\n\n    const handleRotateLeft = () => {\n      unref(cropperRef).rotateLeft();\n    };\n\n    const handleRotateRight = () => {\n      unref(cropperRef).rotateRight();\n    };\n\n    const setCropperRef = (el: any) => {\n      cropperRef.value = el;\n    };\n\n    return {\n      enlarge,\n      maxWidth,\n      maxHeight,\n      outputType,\n      cropperRef,\n      ratioOptions,\n      autoCropWidth,\n      autoCropHeight,\n      currentRatio,\n      isFixed,\n      fixedNumber,\n      setCurrentRatio,\n      setCropperRef,\n      handleRotateLeft,\n      handleRotateRight,\n    };\n  },\n  render() {\n    const {\n      enlarge,\n      maxWidth,\n      maxHeight,\n      outputType,\n      ratioOptions,\n      autoCropHeight,\n      autoCropWidth,\n      isFixed,\n      fixedNumber,\n      currentRatio,\n      setCurrentRatio,\n      setCropperRef,\n      handleRotateLeft,\n      handleRotateRight,\n      $props,\n      $slots,\n    } = this;\n\n    const ratioOptionsVNodes = unref(ratioOptions).map((ratioOption) => (\n      <ElOption value={ratioOption.value} label={ratioOption.label} />\n    ));\n\n    return (\n      <div class=\"mk-image-cropper\">\n        <div class=\"mk-image-cropper__main\">\n          <VueCropper\n            ref={setCropperRef}\n            outputType={outputType}\n            img={$props.src}\n            auto-crop\n            canMoveBox\n            auto-crop-width={autoCropWidth}\n            auto-crop-height={autoCropHeight}\n            fixedBox={$props.fixedBox}\n            fixed={isFixed}\n            fixedNumber={fixedNumber}\n            enlarge={enlarge}\n          />\n\n          <div class=\"mk-image-cropper__bar\">\n            <ElTooltip content=\"左旋\">\n              <MKSvgIcon iconClass=\"RefreshLeft\" onClick={handleRotateLeft} />\n            </ElTooltip>\n            <ElTooltip content=\"右旋\">\n              <MKSvgIcon iconClass=\"RefreshRight\" onClick={handleRotateRight} />\n            </ElTooltip>\n          </div>\n        </div>\n\n        <div class=\"mk-image-cropper__tools\">\n          <ElScrollbar height=\"100%\">\n            <ElForm label-position=\"top\">\n              <ElFormItem label=\"比例\">\n                <ElSelect\n                  placeholder=\"选择比例\"\n                  modelValue={currentRatio}\n                  onUpdate:modelValue={setCurrentRatio}\n                >\n                  {ratioOptionsVNodes}\n                </ElSelect>\n              </ElFormItem>\n              <ElFormItem label=\"最大输出宽度\">\n                <ElInputNumber\n                  placeholder=\"宽度\"\n                  modelValue={maxWidth}\n                  onUpdate:modelValue={\n                    ((v: number) => (this.maxWidth = v)) as any\n                  }\n                />\n              </ElFormItem>\n\n              <ElFormItem label=\"最大输出高度\">\n                <ElInputNumber\n                  placeholder=\"高度\"\n                  modelValue={maxHeight}\n                  onUpdate:modelValue={\n                    ((v: number) => (this.maxHeight = v)) as any\n                  }\n                />\n              </ElFormItem>\n            </ElForm>\n\n            {$slots.tools?.()}\n          </ElScrollbar>\n        </div>\n      </div>\n    );\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","ORIGIN_RATIO","FREE_RATIO","BASE64_PREFIX","defineComponent","name","props","imageCropperContentProps","emits","imageCropperContentEmits","setup","cropperRef","ref","outputType","computed","base64Match","src","match","url","URL","location","origin","index","lastIndexOf","slice","originRatioOption","reactive","value","label","width","height","ratioOptions","map","item","autoCropWidth","autoCropHeight","currentRatio","maxWidth","maxHeight","enlarge","unref","cropW","cropH","ratio","cropRatio","setCurrentRatio","isFixed","fixedNumber","option","find","watch","image","Image","onload","naturalWidth","naturalHeight","immediate","handleRotateLeft","rotateLeft","handleRotateRight","rotateRight","setCropperRef","el","render","$props","$slots","ratioOptionsVNodes","ratioOption","_createVNode","ElOption","VueCropper","fixedBox","ElTooltip","default","MKSvgIcon","ElScrollbar","ElForm","ElFormItem","ElSelect","ElInputNumber","v","tools"],"mappings":"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"}
+{"version":3,"file":"image-cropper-content.js","sources":["../../../../../src/components/basic/image-cropper/image-cropper-content.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  defineComponent,\r\n  reactive,\r\n  ref,\r\n  Ref,\r\n  unref,\r\n  watch,\r\n} from \"vue\";\r\nimport { VueCropper } from \"vue-cropper\";\r\nimport { MKSvgIcon } from \"../svg-icon\";\r\nimport {\r\n  imageCropperContentEmits,\r\n  imageCropperContentProps,\r\n} from \"./image-cropper-content-options\";\r\nimport {\r\n  ElForm,\r\n  ElFormItem,\r\n  ElInputNumber,\r\n  ElOption,\r\n  ElScrollbar,\r\n  ElSelect,\r\n  ElTooltip,\r\n} from \"element-plus\";\r\n\r\nexport type ImageCropperRatioOption = {\r\n  value: string;\r\n  label: string;\r\n  width: number;\r\n  height: number;\r\n};\r\n\r\nconst ORIGIN_RATIO = \"origin\";\r\nconst FREE_RATIO = \"free\";\r\n\r\nconst BASE64_PREFIX = /^data:image\\/([^;]+);base64,/;\r\n\r\nexport default defineComponent({\r\n  name: \"MKImageContentCropper\",\r\n  props: imageCropperContentProps,\r\n  emits: imageCropperContentEmits,\r\n  setup(props) {\r\n    const cropperRef: Ref<any> = ref(null);\r\n\r\n    const outputType = computed(() => {\r\n      const base64Match = props.src.match(BASE64_PREFIX);\r\n\r\n      if (base64Match?.[1]) {\r\n        return base64Match?.[1];\r\n      }\r\n\r\n      const url = new URL(props.src, location.origin).toString();\r\n\r\n      const index = url.lastIndexOf(\".\");\r\n\r\n      if (index === -1) {\r\n        return \"jpeg\";\r\n      }\r\n\r\n      return url.slice(index + 1) || \"jpeg\";\r\n    });\r\n\r\n    const originRatioOption: ImageCropperRatioOption = reactive({\r\n      value: ORIGIN_RATIO,\r\n      label: \"原图比例\",\r\n      width: 1,\r\n      height: 1,\r\n    });\r\n\r\n    const ratioOptions = computed(() => {\r\n      return [\r\n        originRatioOption,\r\n        { value: FREE_RATIO, label: \"自由比例\", width: 1, height: 1 },\r\n        ...props.ratioOptions.map((item: any) => ({\r\n          ...item,\r\n          value: item.value.toString(),\r\n        })),\r\n      ] as ImageCropperRatioOption[];\r\n    });\r\n\r\n    const autoCropWidth = ref(0);\r\n    const autoCropHeight = ref(0);\r\n\r\n    const currentRatio: Ref<string> = ref(ORIGIN_RATIO);\r\n\r\n    const maxWidth: Ref<number> = ref(0);\r\n    const maxHeight: Ref<number> = ref(0);\r\n\r\n    const enlarge = computed(() => {\r\n      const width = unref(cropperRef)?.cropW ?? 1;\r\n      const height = unref(cropperRef)?.cropH ?? 1;\r\n\r\n      const ratio = unref(maxWidth) / unref(maxHeight);\r\n      const cropRatio = width / height;\r\n\r\n      return cropRatio > ratio\r\n        ? unref(maxWidth) / width\r\n        : unref(maxHeight) / height;\r\n    });\r\n\r\n    const setCurrentRatio = (value: string) => {\r\n      currentRatio.value = value;\r\n    };\r\n\r\n    const isFixed = computed(() => unref(currentRatio) !== FREE_RATIO);\r\n\r\n    const fixedNumber = computed(() => {\r\n      const option = unref(ratioOptions).find(\r\n        (option) => option.value === unref(currentRatio)\r\n      );\r\n\r\n      return [option?.width ?? 1, option?.height ?? 1];\r\n    });\r\n\r\n    watch(\r\n      computed(() => props.src),\r\n      (src) => {\r\n        const image = new Image();\r\n        image.src = src;\r\n\r\n        image.onload = () => {\r\n          maxWidth.value =\r\n            autoCropWidth.value =\r\n            originRatioOption.width =\r\n              image.naturalWidth;\r\n          maxHeight.value =\r\n            autoCropHeight.value =\r\n            originRatioOption.height =\r\n              image.naturalHeight;\r\n        };\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    // watch(currentRatio, (currentRatio) => {\r\n    //   new MouseEvent(\"mousemove\", {});\r\n    //   // debugger;\r\n    //   unref(cropperRef).changeCropNow(new MouseEvent(\"mousemove\"));\r\n    // });\r\n\r\n    const handleRotateLeft = () => {\r\n      unref(cropperRef).rotateLeft();\r\n    };\r\n\r\n    const handleRotateRight = () => {\r\n      unref(cropperRef).rotateRight();\r\n    };\r\n\r\n    const setCropperRef = (el: any) => {\r\n      cropperRef.value = el;\r\n    };\r\n\r\n    return {\r\n      enlarge,\r\n      maxWidth,\r\n      maxHeight,\r\n      outputType,\r\n      cropperRef,\r\n      ratioOptions,\r\n      autoCropWidth,\r\n      autoCropHeight,\r\n      currentRatio,\r\n      isFixed,\r\n      fixedNumber,\r\n      setCurrentRatio,\r\n      setCropperRef,\r\n      handleRotateLeft,\r\n      handleRotateRight,\r\n    };\r\n  },\r\n  render() {\r\n    const {\r\n      enlarge,\r\n      maxWidth,\r\n      maxHeight,\r\n      outputType,\r\n      ratioOptions,\r\n      autoCropHeight,\r\n      autoCropWidth,\r\n      isFixed,\r\n      fixedNumber,\r\n      currentRatio,\r\n      setCurrentRatio,\r\n      setCropperRef,\r\n      handleRotateLeft,\r\n      handleRotateRight,\r\n      $props,\r\n      $slots,\r\n    } = this;\r\n\r\n    const ratioOptionsVNodes = unref(ratioOptions).map((ratioOption) => (\r\n      <ElOption value={ratioOption.value} label={ratioOption.label} />\r\n    ));\r\n\r\n    return (\r\n      <div class=\"mk-image-cropper\">\r\n        <div class=\"mk-image-cropper__main\">\r\n          <VueCropper\r\n            ref={setCropperRef}\r\n            outputType={outputType}\r\n            img={$props.src}\r\n            auto-crop\r\n            canMoveBox\r\n            auto-crop-width={autoCropWidth}\r\n            auto-crop-height={autoCropHeight}\r\n            fixedBox={$props.fixedBox}\r\n            fixed={isFixed}\r\n            fixedNumber={fixedNumber}\r\n            enlarge={enlarge}\r\n          />\r\n\r\n          <div class=\"mk-image-cropper__bar\">\r\n            <ElTooltip content=\"左旋\">\r\n              <MKSvgIcon iconClass=\"RefreshLeft\" onClick={handleRotateLeft} />\r\n            </ElTooltip>\r\n            <ElTooltip content=\"右旋\">\r\n              <MKSvgIcon iconClass=\"RefreshRight\" onClick={handleRotateRight} />\r\n            </ElTooltip>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"mk-image-cropper__tools\">\r\n          <ElScrollbar height=\"100%\">\r\n            <ElForm label-position=\"top\">\r\n              <ElFormItem label=\"比例\">\r\n                <ElSelect\r\n                  placeholder=\"选择比例\"\r\n                  modelValue={currentRatio}\r\n                  onUpdate:modelValue={setCurrentRatio}\r\n                >\r\n                  {ratioOptionsVNodes}\r\n                </ElSelect>\r\n              </ElFormItem>\r\n              <ElFormItem label=\"最大输出宽度\">\r\n                <ElInputNumber\r\n                  placeholder=\"宽度\"\r\n                  modelValue={maxWidth}\r\n                  onUpdate:modelValue={\r\n                    ((v: number) => (this.maxWidth = v)) as any\r\n                  }\r\n                />\r\n              </ElFormItem>\r\n\r\n              <ElFormItem label=\"最大输出高度\">\r\n                <ElInputNumber\r\n                  placeholder=\"高度\"\r\n                  modelValue={maxHeight}\r\n                  onUpdate:modelValue={\r\n                    ((v: number) => (this.maxHeight = v)) as any\r\n                  }\r\n                />\r\n              </ElFormItem>\r\n            </ElForm>\r\n\r\n            {$slots.tools?.()}\r\n          </ElScrollbar>\r\n        </div>\r\n      </div>\r\n    );\r\n  },\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","ORIGIN_RATIO","FREE_RATIO","BASE64_PREFIX","defineComponent","name","props","imageCropperContentProps","emits","imageCropperContentEmits","setup","cropperRef","ref","outputType","computed","base64Match","src","match","url","URL","location","origin","index","lastIndexOf","slice","originRatioOption","reactive","value","label","width","height","ratioOptions","map","item","autoCropWidth","autoCropHeight","currentRatio","maxWidth","maxHeight","enlarge","unref","cropW","cropH","ratio","cropRatio","setCurrentRatio","isFixed","fixedNumber","option","find","watch","image","Image","onload","naturalWidth","naturalHeight","immediate","handleRotateLeft","rotateLeft","handleRotateRight","rotateRight","setCropperRef","el","render","$props","$slots","ratioOptionsVNodes","ratioOption","_createVNode","ElOption","VueCropper","fixedBox","ElTooltip","default","MKSvgIcon","ElScrollbar","ElForm","ElFormItem","ElSelect","ElInputNumber","v","tools"],"mappings":"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"}

package/dist/cjs/components/basic/image-cropper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/image-cropper/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport ImageCropperContent from \"./image-cropper-content\";\n\nexport * from \"./image-cropper-api\";\n\nexport const MKImageCropperContent = withInstall(ImageCropperContent);\n\nexport default MKImageCropperContent;\n\nexport * from \"./image-cropper-content-options\";\n"],"names":["withInstall","ImageCropperContent"],"mappings":";;;;;;;;;AAKa,MAAA,wBAAwBA,kBAAYC,mBAAmB;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/image-cropper/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport ImageCropperContent from \"./image-cropper-content\";\r\n\r\nexport * from \"./image-cropper-api\";\r\n\r\nexport const MKImageCropperContent = withInstall(ImageCropperContent);\r\n\r\nexport default MKImageCropperContent;\r\n\r\nexport * from \"./image-cropper-content-options\";\r\n"],"names":["withInstall","ImageCropperContent"],"mappings":";;;;;;;;;AAKa,MAAA,wBAAwBA,kBAAYC,mBAAmB;;;;;"}

package/dist/cjs/components/basic/json-editor/json-editor-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"json-editor-options.js","sources":["../../../../../src/components/basic/json-editor/json-editor-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const jsonEditorProps = buildProps({\n  modelValue: {\n    type: null,\n    required: true,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n} as const);\n\nexport type JsonEditorProps = ExtractPropTypes<typeof jsonEditorProps>;\n\nexport const jsonEditorEmits = {\n  \"update:model-value\": (modelValue: string) => true,\n};\n\nexport type JsonEditorEmits = typeof jsonEditorEmits;\n"],"names":["buildProps"],"mappings":";;;AAGO,MAAM,kBAAkBA,MAAAA,WAAW;AAAA,EACxC,YAAY;AAAA,IACV,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;AAIH,MAAM,kBAAkB;AAAA,EAC7B,sBAAsB,CAAC,eAAuB;AAChD;;;"}
+{"version":3,"file":"json-editor-options.js","sources":["../../../../../src/components/basic/json-editor/json-editor-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const jsonEditorProps = buildProps({\r\n  modelValue: {\r\n    type: null,\r\n    required: true,\r\n  },\r\n  disabled: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n} as const);\r\n\r\nexport type JsonEditorProps = ExtractPropTypes<typeof jsonEditorProps>;\r\n\r\nexport const jsonEditorEmits = {\r\n  \"update:model-value\": (modelValue: string) => true,\r\n};\r\n\r\nexport type JsonEditorEmits = typeof jsonEditorEmits;\r\n"],"names":["buildProps"],"mappings":";;;AAGO,MAAM,kBAAkBA,MAAAA,WAAW;AAAA,EACxC,YAAY;AAAA,IACV,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;AAIH,MAAM,kBAAkB;AAAA,EAC7B,sBAAsB,CAAC,eAAuB;AAChD;;;"}

package/dist/cjs/components/basic/json-editor/json-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"json-editor.js","sources":["../../../../../src/components/basic/json-editor/json-editor.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { json } from \"@codemirror/lang-json\";\nimport { MKCodeEditor } from \"../code-editor\";\nimport { jsonEditorEmits, jsonEditorProps } from \"./json-editor-options\";\n\nexport default defineComponent({\n  name: \"MKJsonEditor\",\n  props: jsonEditorProps,\n  emits: jsonEditorEmits,\n  setup(props, { emit }) {\n    const modelValue = computed({\n      get: () => (props.modelValue as string) || \"\",\n      set: (v: string) => emit(\"update:model-value\", v),\n    });\n\n    return () => {\n      return (\n        <MKCodeEditor\n          class=\"mk-json-editor\"\n          modelValue={unref(modelValue)}\n          onUpdate:model-value={(v: string) => (modelValue.value = v)}\n          disabled={props.disabled}\n          extensions={[json()]}\n        />\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","jsonEditorProps","emits","jsonEditorEmits","setup","emit","modelValue","computed","get","set","v","_createVNode","MKCodeEditor","unref","value","disabled","json"],"mappings":";;;;;AAKA,MAAeA,iDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,kBAAe;AAAA,EACtBC,OAAOC,kBAAe;AAAA,EACtBC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,IAAAA,SAAS;AAAA,MAC1BC,KAAKA,MAAOR,MAAMM,cAAyB;AAAA,MAC3CG,KAAMC,OAAcL,KAAK,sBAAsBK,CAAC;AAAA,IAClD,CAAC;AAED,WAAO,MAAM;AACX,aAAAC,IAAAA,YAAAC,MAAAA,cAAA;AAAA,QAAA,SAAA;AAAA,QAAA,cAGgBC,IAAK,MAACP,UAAU;AAAA,QAAC,wBACNI,OAAeJ,WAAWQ,QAAQJ;AAAAA,QAAE,YACjDV,MAAMe;AAAAA,QAAQ,cACZ,CAACC,SAAAA,MAAM;AAAA,MAAC,GAAA,IAAA;AAAA;EAI5B;AACF,CAAC;;"}
+{"version":3,"file":"json-editor.js","sources":["../../../../../src/components/basic/json-editor/json-editor.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport { json } from \"@codemirror/lang-json\";\r\nimport { MKCodeEditor } from \"../code-editor\";\r\nimport { jsonEditorEmits, jsonEditorProps } from \"./json-editor-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKJsonEditor\",\r\n  props: jsonEditorProps,\r\n  emits: jsonEditorEmits,\r\n  setup(props, { emit }) {\r\n    const modelValue = computed({\r\n      get: () => (props.modelValue as string) || \"\",\r\n      set: (v: string) => emit(\"update:model-value\", v),\r\n    });\r\n\r\n    return () => {\r\n      return (\r\n        <MKCodeEditor\r\n          class=\"mk-json-editor\"\r\n          modelValue={unref(modelValue)}\r\n          onUpdate:model-value={(v: string) => (modelValue.value = v)}\r\n          disabled={props.disabled}\r\n          extensions={[json()]}\r\n        />\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","jsonEditorProps","emits","jsonEditorEmits","setup","emit","modelValue","computed","get","set","v","_createVNode","MKCodeEditor","unref","value","disabled","json"],"mappings":";;;;;AAKA,MAAeA,iDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,kBAAe;AAAA,EACtBC,OAAOC,kBAAe;AAAA,EACtBC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,IAAAA,SAAS;AAAA,MAC1BC,KAAKA,MAAOR,MAAMM,cAAyB;AAAA,MAC3CG,KAAMC,OAAcL,KAAK,sBAAsBK,CAAC;AAAA,IAClD,CAAC;AAED,WAAO,MAAM;AACX,aAAAC,IAAAA,YAAAC,MAAAA,cAAA;AAAA,QAAA,SAAA;AAAA,QAAA,cAGgBC,IAAK,MAACP,UAAU;AAAA,QAAC,wBACNI,OAAeJ,WAAWQ,QAAQJ;AAAAA,QAAE,YACjDV,MAAMe;AAAAA,QAAQ,cACZ,CAACC,SAAAA,MAAM;AAAA,MAAC,GAAA,IAAA;AAAA;EAI5B;AACF,CAAC;;"}

package/dist/cjs/components/basic/page-container/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/page-container/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport PageContainer from \"./page-container\";\n\nexport const MKPageContainer = withInstall(PageContainer);\nexport default MKPageContainer;\n"],"names":["withInstall","PageContainer"],"mappings":";;;;AAGa,MAAA,kBAAkBA,kBAAYC,aAAa;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/page-container/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport PageContainer from \"./page-container\";\r\n\r\nexport const MKPageContainer = withInstall(PageContainer);\r\nexport default MKPageContainer;\r\n"],"names":["withInstall","PageContainer"],"mappings":";;;;AAGa,MAAA,kBAAkBA,kBAAYC,aAAa;;;"}

package/dist/cjs/components/basic/page-container/page-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-container.js","sources":["../../../../../src/components/basic/page-container/page-container.tsx"],"sourcesContent":["import { defineComponent } from \"vue\";\n\nexport default defineComponent({\n  name: \"MKPageContainer\",\n  setup(_, { slots }) {\n    return () => {\n      return <div class=\"mk-page-container\">{slots.default?.()}</div>;\n    };\n  },\n});\n"],"names":["defineComponent","name","setup","_","slots","_createVNode","default"],"mappings":";;AAEA,MAAeA,oDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,MAAMC,GAAG;AAAA,IAAEC;AAAAA,EAAM,GAAG;AAClB,WAAO,MAAM;;AACX,aAAAC,IAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,EAAuCD,WAAME,YAANF,8BAAiB,CAAA;AAAA;EAE5D;AACF,CAAC;;"}
+{"version":3,"file":"page-container.js","sources":["../../../../../src/components/basic/page-container/page-container.tsx"],"sourcesContent":["import { defineComponent } from \"vue\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKPageContainer\",\r\n  setup(_, { slots }) {\r\n    return () => {\r\n      return <div class=\"mk-page-container\">{slots.default?.()}</div>;\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","setup","_","slots","_createVNode","default"],"mappings":";;AAEA,MAAeA,oDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,MAAMC,GAAG;AAAA,IAAEC;AAAAA,EAAM,GAAG;AAClB,WAAO,MAAM;;AACX,aAAAC,IAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,EAAuCD,WAAME,YAANF,8BAAiB,CAAA;AAAA;EAE5D;AACF,CAAC;;"}

package/dist/cjs/components/basic/radio/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/radio/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport FormRadioBox from \"./radio\";\n\nexport const MKFormRadioBox = withInstall(FormRadioBox);\nexport default MKFormRadioBox;\n\nexport * from \"./radio-options\";\n"],"names":["withInstall","FormRadioBox"],"mappings":";;;;;AAGa,MAAA,iBAAiBA,kBAAYC,KAAY;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/radio/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport FormRadioBox from \"./radio\";\r\n\r\nexport const MKFormRadioBox = withInstall(FormRadioBox);\r\nexport default MKFormRadioBox;\r\n\r\nexport * from \"./radio-options\";\r\n"],"names":["withInstall","FormRadioBox"],"mappings":";;;;;AAGa,MAAA,iBAAiBA,kBAAYC,KAAY;;;;;"}

package/dist/cjs/components/basic/radio/radio-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-options.js","sources":["../../../../../src/components/basic/radio/radio-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { DataTable } from \"@maketribe/dm\";\n\nexport const radioProps = buildProps({\n  modelValue: {\n    type: null,\n    default: null,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  options: {\n    type: Array,\n  },\n  dataTable: {\n    type: DataTable,\n  },\n  formatOptions: {\n    type: Function,\n    default: (item: any) => {\n      const value = item.value ?? item.id ?? item.name;\n      const label = item.label ?? item.desc ?? item.title ?? item.name;\n\n      return { value, label };\n    },\n  },\n} as const);\n\nexport type RadioProps = ExtractPropTypes<typeof radioProps>;\n\nexport const radioEmits = {\n  \"update:model-value\": (value: any) => true,\n};\n\nexport type RadioEmits = typeof radioEmits;\n"],"names":["buildProps","DataTable"],"mappings":";;;;AAIO,MAAM,aAAaA,MAAAA,WAAW;AAAA,EACnC,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,MAAMC,GAAA;AAAA,EACR;AAAA,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS,CAAC,SAAc;AACtB,YAAM,QAAQ,KAAK,SAAS,KAAK,MAAM,KAAK;AAC5C,YAAM,QAAQ,KAAK,SAAS,KAAK,QAAQ,KAAK,SAAS,KAAK;AAErD,aAAA,EAAE,OAAO;IAClB;AAAA,EACF;AACF,CAAU;AAIH,MAAM,aAAa;AAAA,EACxB,sBAAsB,CAAC,UAAe;AACxC;;;"}
+{"version":3,"file":"radio-options.js","sources":["../../../../../src/components/basic/radio/radio-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { DataTable } from \"@maketribe/dm\";\r\n\r\nexport const radioProps = buildProps({\r\n  modelValue: {\r\n    type: null,\r\n    default: null,\r\n  },\r\n  disabled: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  options: {\r\n    type: Array,\r\n  },\r\n  dataTable: {\r\n    type: DataTable,\r\n  },\r\n  formatOptions: {\r\n    type: Function,\r\n    default: (item: any) => {\r\n      const value = item.value ?? item.id ?? item.name;\r\n      const label = item.label ?? item.desc ?? item.title ?? item.name;\r\n\r\n      return { value, label };\r\n    },\r\n  },\r\n} as const);\r\n\r\nexport type RadioProps = ExtractPropTypes<typeof radioProps>;\r\n\r\nexport const radioEmits = {\r\n  \"update:model-value\": (value: any) => true,\r\n};\r\n\r\nexport type RadioEmits = typeof radioEmits;\r\n"],"names":["buildProps","DataTable"],"mappings":";;;;AAIO,MAAM,aAAaA,MAAAA,WAAW;AAAA,EACnC,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,MAAMC,GAAA;AAAA,EACR;AAAA,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS,CAAC,SAAc;AACtB,YAAM,QAAQ,KAAK,SAAS,KAAK,MAAM,KAAK;AAC5C,YAAM,QAAQ,KAAK,SAAS,KAAK,QAAQ,KAAK,SAAS,KAAK;AAErD,aAAA,EAAE,OAAO;IAClB;AAAA,EACF;AACF,CAAU;AAIH,MAAM,aAAa;AAAA,EACxB,sBAAsB,CAAC,UAAe;AACxC;;;"}

package/dist/cjs/components/basic/radio/radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio.js","sources":["../../../../../src/components/basic/radio/radio.tsx"],"sourcesContent":["import { computed, defineComponent, unref, ComputedRef, watch } from \"vue\";\nimport { ElRadioGroup, ElRadio } from \"element-plus\";\nimport { radioEmits, radioProps } from \"./radio-options\";\n\nexport type DataOptionItem = { value: any; label: string };\n\nexport default defineComponent({\n  name: \"MKFormRadioBox\",\n  inheritAttrs: false,\n  props: radioProps,\n  emits: radioEmits,\n  setup(props, { emit }) {\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v) => {\n        emit(\"update:model-value\", v);\n      },\n    });\n\n    const disabled = computed(() => props.disabled);\n\n    const options: ComputedRef<DataOptionItem[]> = computed(() => {\n      if (props.dataTable) {\n        return props.dataTable\n          .getList()\n          .map((item) => props.formatOptions(item));\n      }\n\n      if (Array.isArray(props.options)) {\n        return props.options.map((item) => props.formatOptions(item));\n      }\n\n      return [];\n    });\n\n    watch(\n      computed(() => props.dataTable),\n      (dataTable) => {\n        dataTable?.dataFilter.setReady();\n        dataTable?.load();\n      },\n      { immediate: true }\n    );\n\n    return () => {\n      const children = unref(options).map((item: any) => {\n        if (!item.label) {\n          return null;\n        }\n\n        return <ElRadio value={item.value}>{item.label}</ElRadio>;\n      });\n      return (\n        <ElRadioGroup\n          disabled={unref(disabled)}\n          modelValue={unref(modelValue)}\n          onUpdate:modelValue={(v: any) => (modelValue.value = v)}\n        >\n          {children}\n        </ElRadioGroup>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","inheritAttrs","props","radioProps","emits","radioEmits","setup","emit","modelValue","computed","get","set","v","disabled","options","dataTable","getList","map","item","formatOptions","Array","isArray","watch","dataFilter","setReady","load","immediate","children","unref","label","_createVNode","ElRadio","value","default","ElRadioGroup"],"mappings":";;;;AAEyD,SAAAA,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,IAAA,QAAAL,CAAA;AAAA;AAIzD,MAAeM,mDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,cAAc;AAAA,EACdC,OAAOC,aAAU;AAAA,EACjBC,OAAOC,aAAU;AAAA,EACjBC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,IAAAA,SAAS;AAAA,MAC1BC,KAAKA,MAAMR,MAAMM;AAAAA,MACjBG,KAAMC,OAAM;AACVL,aAAK,sBAAsBK,CAAC;AAAA,MAC9B;AAAA,IACF,CAAC;AAED,UAAMC,WAAWJ,IAAQ,SAAC,MAAMP,MAAMW,QAAQ;AAE9C,UAAMC,UAAyCL,IAAAA,SAAS,MAAM;AAC5D,UAAIP,MAAMa,WAAW;AACnB,eAAOb,MAAMa,UACVC,UACAC,IAAKC,UAAShB,MAAMiB,cAAcD,IAAI,CAAC;AAAA,MAC5C;AAEA,UAAIE,MAAMC,QAAQnB,MAAMY,OAAO,GAAG;AAChC,eAAOZ,MAAMY,QAAQG,IAAKC,UAAShB,MAAMiB,cAAcD,IAAI,CAAC;AAAA,MAC9D;AAEA,aAAO;IACT,CAAC;AAEDI,QAAAA,MACEb,IAAAA,SAAS,MAAMP,MAAMa,SAAS,GAC7BA,eAAc;AACbA,6CAAWQ,WAAWC;AACtBT,6CAAWU;AAAAA,IACb,GACA;AAAA,MAAEC,WAAW;AAAA,IAAK,CACpB;AAEA,WAAO,MAAM;AACX,YAAMC,WAAWC,IAAK,MAACd,OAAO,EAAEG,IAAKC,UAAc;AACjD,YAAI,CAACA,KAAKW,OAAO;AACf,iBAAO;AAAA,QACT;AAEA,eAAAC,IAAAA,YAAAC,YAAAA,SAAA;AAAA,UAAA,SAAuBb,KAAKc;AAAAA,QAAK,GAAA;AAAA,UAAAC,SAAAA,MAAGf,CAAAA,KAAKW,KAAK;AAAA,QAAA,CAAA;AAAA,MAChD,CAAC;AACD,aAAAC,IAAAA,YAAAI,YAAAA,cAAA;AAAA,QAAA,YAEcN,IAAK,MAACf,QAAQ;AAAA,QAAC,cACbe,IAAK,MAACpB,UAAU;AAAA,QAAC,uBACPI,OAAYJ,WAAWwB,QAAQpB;AAAAA,MAAE,GAAApB,QAEtDmC,QAAQ,IAARA,WAAQ;AAAA,QAAAM,SAAAA,MAAA,CAARN,QAAQ;AAAA,MAAA,CAAA;AAAA;EAIjB;AACF,CAAC;;"}
+{"version":3,"file":"radio.js","sources":["../../../../../src/components/basic/radio/radio.tsx"],"sourcesContent":["import { computed, defineComponent, unref, ComputedRef, watch } from \"vue\";\r\nimport { ElRadioGroup, ElRadio } from \"element-plus\";\r\nimport { radioEmits, radioProps } from \"./radio-options\";\r\n\r\nexport type DataOptionItem = { value: any; label: string };\r\n\r\nexport default defineComponent({\r\n  name: \"MKFormRadioBox\",\r\n  inheritAttrs: false,\r\n  props: radioProps,\r\n  emits: radioEmits,\r\n  setup(props, { emit }) {\r\n    const modelValue = computed({\r\n      get: () => props.modelValue,\r\n      set: (v) => {\r\n        emit(\"update:model-value\", v);\r\n      },\r\n    });\r\n\r\n    const disabled = computed(() => props.disabled);\r\n\r\n    const options: ComputedRef<DataOptionItem[]> = computed(() => {\r\n      if (props.dataTable) {\r\n        return props.dataTable\r\n          .getList()\r\n          .map((item) => props.formatOptions(item));\r\n      }\r\n\r\n      if (Array.isArray(props.options)) {\r\n        return props.options.map((item) => props.formatOptions(item));\r\n      }\r\n\r\n      return [];\r\n    });\r\n\r\n    watch(\r\n      computed(() => props.dataTable),\r\n      (dataTable) => {\r\n        dataTable?.dataFilter.setReady();\r\n        dataTable?.load();\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    return () => {\r\n      const children = unref(options).map((item: any) => {\r\n        if (!item.label) {\r\n          return null;\r\n        }\r\n\r\n        return <ElRadio value={item.value}>{item.label}</ElRadio>;\r\n      });\r\n      return (\r\n        <ElRadioGroup\r\n          disabled={unref(disabled)}\r\n          modelValue={unref(modelValue)}\r\n          onUpdate:modelValue={(v: any) => (modelValue.value = v)}\r\n        >\r\n          {children}\r\n        </ElRadioGroup>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","inheritAttrs","props","radioProps","emits","radioEmits","setup","emit","modelValue","computed","get","set","v","disabled","options","dataTable","getList","map","item","formatOptions","Array","isArray","watch","dataFilter","setReady","load","immediate","children","unref","label","_createVNode","ElRadio","value","default","ElRadioGroup"],"mappings":";;;;AAEyD,SAAAA,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,IAAA,QAAAL,CAAA;AAAA;AAIzD,MAAeM,mDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,cAAc;AAAA,EACdC,OAAOC,aAAU;AAAA,EACjBC,OAAOC,aAAU;AAAA,EACjBC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,IAAAA,SAAS;AAAA,MAC1BC,KAAKA,MAAMR,MAAMM;AAAAA,MACjBG,KAAMC,OAAM;AACVL,aAAK,sBAAsBK,CAAC;AAAA,MAC9B;AAAA,IACF,CAAC;AAED,UAAMC,WAAWJ,IAAQ,SAAC,MAAMP,MAAMW,QAAQ;AAE9C,UAAMC,UAAyCL,IAAAA,SAAS,MAAM;AAC5D,UAAIP,MAAMa,WAAW;AACnB,eAAOb,MAAMa,UACVC,UACAC,IAAKC,UAAShB,MAAMiB,cAAcD,IAAI,CAAC;AAAA,MAC5C;AAEA,UAAIE,MAAMC,QAAQnB,MAAMY,OAAO,GAAG;AAChC,eAAOZ,MAAMY,QAAQG,IAAKC,UAAShB,MAAMiB,cAAcD,IAAI,CAAC;AAAA,MAC9D;AAEA,aAAO;IACT,CAAC;AAEDI,QAAAA,MACEb,IAAAA,SAAS,MAAMP,MAAMa,SAAS,GAC7BA,eAAc;AACbA,6CAAWQ,WAAWC;AACtBT,6CAAWU;AAAAA,IACb,GACA;AAAA,MAAEC,WAAW;AAAA,IAAK,CACpB;AAEA,WAAO,MAAM;AACX,YAAMC,WAAWC,IAAK,MAACd,OAAO,EAAEG,IAAKC,UAAc;AACjD,YAAI,CAACA,KAAKW,OAAO;AACf,iBAAO;AAAA,QACT;AAEA,eAAAC,IAAAA,YAAAC,YAAAA,SAAA;AAAA,UAAA,SAAuBb,KAAKc;AAAAA,QAAK,GAAA;AAAA,UAAAC,SAAAA,MAAGf,CAAAA,KAAKW,KAAK;AAAA,QAAA,CAAA;AAAA,MAChD,CAAC;AACD,aAAAC,IAAAA,YAAAI,YAAAA,cAAA;AAAA,QAAA,YAEcN,IAAK,MAACf,QAAQ;AAAA,QAAC,cACbe,IAAK,MAACpB,UAAU;AAAA,QAAC,uBACPI,OAAYJ,WAAWwB,QAAQpB;AAAAA,MAAE,GAAApB,QAEtDmC,QAAQ,IAARA,WAAQ;AAAA,QAAAM,SAAAA,MAAA,CAARN,QAAQ;AAAA,MAAA,CAAA;AAAA;EAIjB;AACF,CAAC;;"}

package/dist/cjs/components/basic/svg-icon/svg-icon.js

@@ -1,6 +1,6 @@
 "use strict";
 const vue = require("vue");
-const icons = require("@element-plus/icons-vue");
+const elIcons = require("@element-plus/icons-vue");
 const svgIconOptions = require("./svg-icon-options.js");
 const elementPlus = require("element-plus");
 function _interopNamespaceDefault(e) {
@@ -19,7 +19,7 @@ function _interopNamespaceDefault(e) {
   n.default = e;
   return Object.freeze(n);
 }
-const icons__namespace = /* @__PURE__ */ _interopNamespaceDefault(icons);
+const elIcons__namespace = /* @__PURE__ */ _interopNamespaceDefault(elIcons);
 const SvgIcon = /* @__PURE__ */ vue.defineComponent({
   name: "MKSvgIcon",
   props: svgIconOptions.svgIconProps,
@@ -27,7 +27,7 @@ const SvgIcon = /* @__PURE__ */ vue.defineComponent({
   setup(props, {
     emit
   }) {
-    const iconNames = Object.keys(icons__namespace);
+    const iconNames = Object.keys(elIcons__namespace);
     const iconName = vue.computed(() => `#icon-${props.iconClass}`);
     const iconClass = vue.computed(() => props.className ? `mk-svg-icon ${props.className}` : "mk-svg-icon");
     const isElIcon = vue.computed(() => props.iconClass ? vue.unref(iconNames).includes(props.iconClass) : false);
@@ -36,7 +36,7 @@ const SvgIcon = /* @__PURE__ */ vue.defineComponent({
     };
     return () => {
       if (vue.unref(isElIcon)) {
-        const Icon = icons__namespace[props.iconClass];
+        const Icon = elIcons__namespace[props.iconClass];
         return vue.createVNode("i", {
           "class": vue.unref(iconClass),
           "onClick": handleClick

package/dist/cjs/components/basic/svg-icon/svg-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"svg-icon.js","sources":["../../../../../src/components/basic/svg-icon/svg-icon.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport * as icons from \"@element-plus/icons-vue\";\r\nimport { svgIconEmits, svgIconProps } from \"./svg-icon-options\";\r\nimport { ElIcon } from \"element-plus\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKSvgIcon\",\r\n  props: svgIconProps,\r\n  emits: svgIconEmits,\r\n  setup(props, { emit }) {\r\n    const iconNames = Object.keys(icons);\r\n\r\n    const iconName = computed(() => `#icon-${props.iconClass}`);\r\n    const iconClass = computed(() =>\r\n      props.className ? `mk-svg-icon ${props.className}` : \"mk-svg-icon\"\r\n    );\r\n\r\n    const isElIcon = computed(() =>\r\n      props.iconClass ? unref(iconNames).includes(props.iconClass) : false\r\n    );\r\n\r\n    const handleClick = (e: MouseEvent) => {\r\n      emit(\"click\", e);\r\n    };\r\n\r\n    return () => {\r\n      if (unref(isElIcon)) {\r\n        const Icon = icons[props.iconClass as keyof typeof icons];\r\n\r\n        return (\r\n          <i class={unref(iconClass)} onClick={handleClick}>\r\n            <ElIcon>\r\n              <Icon />\r\n            </ElIcon>\r\n          </i>\r\n        );\r\n      }\r\n\r\n      return (\r\n        <i class={unref(iconClass)} onClick={handleClick}>\r\n          <ElIcon>\r\n            <svg>\r\n              <use xlinkHref={unref(iconName)} />\r\n            </svg>\r\n          </ElIcon>\r\n        </i>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","svgIconProps","emits","svgIconEmits","setup","emit","iconNames","Object","keys","icons","iconName","computed","iconClass","className","isElIcon","unref","includes","handleClick","e","Icon","_createVNode","ElIcon","default"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAKA,MAAeA,8CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,eAAY;AAAA,EACnBC,OAAOC,eAAY;AAAA,EACnBC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,YAAYC,OAAOC,KAAKC,gBAAK;AAEnC,UAAMC,WAAWC,IAAAA,SAAS,MAAM,SAASX,MAAMY,SAAS,EAAE;AAC1D,UAAMA,YAAYD,IAAAA,SAAS,MACzBX,MAAMa,YAAY,eAAeb,MAAMa,SAAS,KAAK,aACvD;AAEA,UAAMC,WAAWH,IAAQ,SAAC,MACxBX,MAAMY,YAAYG,IAAK,MAACT,SAAS,EAAEU,SAAShB,MAAMY,SAAS,IAAI,KACjE;AAEA,UAAMK,cAAeC,OAAkB;AACrCb,WAAK,SAASa,CAAC;AAAA;AAGjB,WAAO,MAAM;AACX,UAAIH,IAAAA,MAAMD,QAAQ,GAAG;AACnB,cAAMK,OAAOV,iBAAMT,MAAMY,SAAS;AAElC,eAAAQ,IAAAA,YAAA,KAAA;AAAA,UAAA,SACYL,IAAK,MAACH,SAAS;AAAA,UAAC,WAAWK;AAAAA,WAAWG,CAAAA,IAAAA,YAAAC,YAAA,QAAA,MAAA;AAAA,UAAAC,SAAAA,MAAAF,CAAAA,IAAA,YAAAD,MAAA,MAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA;AAAA,MAMpD;AAEA,aAAAC,IAAAA,YAAA,KAAA;AAAA,QAAA,SACYL,IAAK,MAACH,SAAS;AAAA,QAAC,WAAWK;AAAAA,SAAWG,CAAAA,IAAAA,YAAAC,YAAA,QAAA,MAAA;AAAA,QAAAC,SAAAA,MAAAF,CAAAA,8BAAAA,IAAA,YAAA,OAAA;AAAA,UAAA,cAG1BL,IAAK,MAACL,QAAQ;AAAA,QAAC,GAAA,IAAA,CAAA,CAAA,CAAA;AAAA,MAAA,CAAA,CAAA,CAAA;AAAA;EAM3C;AACF,CAAC;;"}
+{"version":3,"file":"svg-icon.js","sources":["../../../../../src/components/basic/svg-icon/svg-icon.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport * as icons from \"@element-plus/icons-vue\";\r\nimport { svgIconEmits, svgIconProps } from \"./svg-icon-options\";\r\nimport { ElIcon } from \"element-plus\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKSvgIcon\",\r\n  props: svgIconProps,\r\n  emits: svgIconEmits,\r\n  setup(props, { emit }) {\r\n    const iconNames = Object.keys(icons);\r\n\r\n    const iconName = computed(() => `#icon-${props.iconClass}`);\r\n    const iconClass = computed(() =>\r\n      props.className ? `mk-svg-icon ${props.className}` : \"mk-svg-icon\"\r\n    );\r\n\r\n    const isElIcon = computed(() =>\r\n      props.iconClass ? unref(iconNames).includes(props.iconClass) : false\r\n    );\r\n\r\n    const handleClick = (e: MouseEvent) => {\r\n      emit(\"click\", e);\r\n    };\r\n\r\n    return () => {\r\n      if (unref(isElIcon)) {\r\n        const Icon = icons[props.iconClass as keyof typeof icons];\r\n\r\n        return (\r\n          <i class={unref(iconClass)} onClick={handleClick}>\r\n            <ElIcon>\r\n              <Icon />\r\n            </ElIcon>\r\n          </i>\r\n        );\r\n      }\r\n\r\n      return (\r\n        <i class={unref(iconClass)} onClick={handleClick}>\r\n          <ElIcon>\r\n            <svg>\r\n              <use xlinkHref={unref(iconName)} />\r\n            </svg>\r\n          </ElIcon>\r\n        </i>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","svgIconProps","emits","svgIconEmits","setup","emit","iconNames","Object","keys","icons","iconName","computed","iconClass","className","isElIcon","unref","includes","handleClick","e","Icon","_createVNode","ElIcon","default"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAKA,MAAeA,8CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,eAAY;AAAA,EACnBC,OAAOC,eAAY;AAAA,EACnBC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,YAAYC,OAAOC,KAAKC,kBAAK;AAEnC,UAAMC,WAAWC,IAAAA,SAAS,MAAM,SAASX,MAAMY,SAAS,EAAE;AAC1D,UAAMA,YAAYD,IAAAA,SAAS,MACzBX,MAAMa,YAAY,eAAeb,MAAMa,SAAS,KAAK,aACvD;AAEA,UAAMC,WAAWH,IAAQ,SAAC,MACxBX,MAAMY,YAAYG,IAAK,MAACT,SAAS,EAAEU,SAAShB,MAAMY,SAAS,IAAI,KACjE;AAEA,UAAMK,cAAeC,OAAkB;AACrCb,WAAK,SAASa,CAAC;AAAA;AAGjB,WAAO,MAAM;AACX,UAAIH,IAAAA,MAAMD,QAAQ,GAAG;AACnB,cAAMK,OAAOV,mBAAMT,MAAMY,SAAS;AAElC,eAAAQ,IAAAA,YAAA,KAAA;AAAA,UAAA,SACYL,IAAK,MAACH,SAAS;AAAA,UAAC,WAAWK;AAAAA,WAAWG,CAAAA,IAAAA,YAAAC,YAAA,QAAA,MAAA;AAAA,UAAAC,SAAAA,MAAAF,CAAAA,IAAA,YAAAD,MAAA,MAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA;AAAA,MAMpD;AAEA,aAAAC,IAAAA,YAAA,KAAA;AAAA,QAAA,SACYL,IAAK,MAACH,SAAS;AAAA,QAAC,WAAWK;AAAAA,SAAWG,CAAAA,IAAAA,YAAAC,YAAA,QAAA,MAAA;AAAA,QAAAC,SAAAA,MAAAF,CAAAA,8BAAAA,IAAA,YAAA,OAAA;AAAA,UAAA,cAG1BL,IAAK,MAACL,QAAQ;AAAA,QAAC,GAAA,IAAA,CAAA,CAAA,CAAA;AAAA,MAAA,CAAA,CAAA,CAAA;AAAA;EAM3C;AACF,CAAC;;"}

package/dist/cjs/components/basic/system-provider/system-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"system-provider.js","sources":["../../../../../src/components/basic/system-provider/system-provider.tsx"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  renderSlot,\n  unref,\n  useSlots,\n  watch,\n} from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { Components } from \"@maketribe/dm\";\nimport { MSAppClient } from \"../../../core\";\nimport { MKConfigProvider } from \"../config-provider\";\n\n/**\n * 路由变动的几种情况，\n * 1.点击菜单跳转陆游\n * 2.特定业务逻辑需要跳转路由\n * 3.返回上一页\n * 4.刷新页面\n */\n\nexport default defineComponent({\n  name: \"MKSystemProvider\",\n  setup() {\n    const vueRouter = useRouter();\n\n    const msAppClient = MSAppClient.instance!;\n\n    const ready = computed(() => msAppClient.ready);\n\n    const slots = useSlots();\n\n    watch(\n      computed(() => unref(vueRouter.currentRoute)),\n      (route) => {\n        const userSession = msAppClient.userSession;\n\n        if (!userSession) {\n          return;\n        }\n\n        const router = userSession.router;\n        const menu = userSession.menu;\n        const tabs = userSession.tabs;\n\n        const routeInfo = router.getRouteByName(route.name as string);\n\n        if (!routeInfo) {\n          menu.setCurrentMenuNode(null);\n          tabs.setCurrentTab(null);\n          return;\n        }\n\n        const menuNode = menu.findMenuNodeByID(routeInfo.menuId);\n\n        if (!menuNode) {\n          menu.setCurrentMenuNode(null);\n          tabs.setCurrentTab(null);\n          return;\n        }\n\n        menu.setCurrentMenuNode(menuNode);\n\n        const tab =\n          tabs.findTabByID(route.fullPath) ??\n          tabs.createTab({\n            id: route.fullPath,\n            title: routeInfo.title,\n            affix: !!route.matched?.[route.matched?.length - 1]?.meta?.affix,\n            realRoute: route,\n            route: routeInfo,\n          });\n\n        tabs.switchTab(tab);\n      },\n      { immediate: true }\n    );\n\n    return () => {\n      return (\n        <MKConfigProvider\n          dataTableComponents={msAppClient.dataTableComponents as Components}\n          dataFormComponents={msAppClient.dataFormComponents as Components}\n          dataFilterComponents={msAppClient.dataFilterComponents as Components}\n          whereFilterComponents={\n            msAppClient.whereFilterComponents as Components\n          }\n          dataTableHeaderComponents={msAppClient.dataTableHeaderComponents as Components}\n          i18n={msAppClient.i18n}\n        >\n          {renderSlot(slots, \"default\")}\n        </MKConfigProvider>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","setup","vueRouter","useRouter","msAppClient","MSAppClient","instance","computed","ready","slots","useSlots","watch","unref","currentRoute","route","userSession","router","menu","tabs","routeInfo","getRouteByName","setCurrentMenuNode","setCurrentTab","menuNode","findMenuNodeByID","menuId","tab","findTabByID","fullPath","createTab","id","title","affix","matched","length","meta","realRoute","switchTab","immediate","_slot","_createVNode","MKConfigProvider","dataTableComponents","dataFormComponents","dataFilterComponents","whereFilterComponents","dataTableHeaderComponents","i18n","renderSlot","default"],"mappings":";;;;;;;;;;AAaA,SAAAA,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,IAAA,QAAAL,CAAA;AAAA;AAQA,MAAeM,qDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,QAAQ;AACN,UAAMC,cAAYC,UAAAA;AAElB,UAAMC,cAAcC,YAAW,YAACC;AAElBC,iBAAS,MAAMH,YAAYI,KAAK;AAE9C,UAAMC,QAAQC,IAAAA;AAEdC,QAAK,MACHJ,IAAQ,SAAC,MAAMK,IAAK,MAACV,YAAUW,YAAY,CAAC,GAC3CC,WAAU;;AACT,YAAMC,cAAcX,YAAYW;AAEhC,UAAI,CAACA,aAAa;AAChB;AAAA,MACF;AAEA,YAAMC,SAASD,YAAYC;AAC3B,YAAMC,OAAOF,YAAYE;AACzB,YAAMC,OAAOH,YAAYG;AAEzB,YAAMC,YAAYH,OAAOI,eAAeN,MAAMd,IAAc;AAE5D,UAAI,CAACmB,WAAW;AACdF,aAAKI,mBAAmB,IAAI;AAC5BH,aAAKI,cAAc,IAAI;AACvB;AAAA,MACF;AAEA,YAAMC,WAAWN,KAAKO,iBAAiBL,UAAUM,MAAM;AAEvD,UAAI,CAACF,UAAU;AACbN,aAAKI,mBAAmB,IAAI;AAC5BH,aAAKI,cAAc,IAAI;AACvB;AAAA,MACF;AAEAL,WAAKI,mBAAmBE,QAAQ;AAEhC,YAAMG,MACJR,KAAKS,YAAYb,MAAMc,QAAQ,KAC/BV,KAAKW,UAAU;AAAA,QACbC,IAAIhB,MAAMc;AAAAA,QACVG,OAAOZ,UAAUY;AAAAA,QACjBC,OAAO,CAAC,GAAClB,uBAAMmB,YAANnB,qBAAgBA,WAAMmB,YAANnB,mBAAeoB,UAAS,OAAxCpB,mBAA4CqB,SAA5CrB,mBAAkDkB;AAAAA,QAC3DI,WAAWtB;AAAAA,QACXA,OAAOK;AAAAA,MACT,CAAC;AAEHD,WAAKmB,UAAUX,GAAG;AAAA,IACpB,GACA;AAAA,MAAEY,WAAW;AAAA,IAAK,CACpB;AAEA,WAAO,MAAM;AAAA,UAAAC;AACX,aAAAC,IAAAA,YAAAC,MAAAA,kBAAA;AAAA,QAAA,uBAEyBrC,YAAYsC;AAAAA,QAAmB,sBAChCtC,YAAYuC;AAAAA,QAAkB,wBAC5BvC,YAAYwC;AAAAA,QAAoB,yBAEpDxC,YAAYyC;AAAAA,QAAqB,6BAERzC,YAAY0C;AAAAA,QAAyB,QAC1D1C,YAAY2C;AAAAA,SAAIvD,QAAA+C,QAErBS,IAAU,WAACvC,OAAO,SAAS,CAAC,IAAA8B,QAAA;AAAA,QAAAU,SAAAA,MAAA,CAAAV,KAAA;AAAA,MAAA,CAAA;AAAA;EAIrC;AACF,CAAC;;"}
+{"version":3,"file":"system-provider.js","sources":["../../../../../src/components/basic/system-provider/system-provider.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  defineComponent,\r\n  renderSlot,\r\n  unref,\r\n  useSlots,\r\n  watch,\r\n} from \"vue\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { Components } from \"@maketribe/dm\";\r\nimport { MSAppClient } from \"../../../core\";\r\nimport { MKConfigProvider } from \"../config-provider\";\r\n\r\n/**\r\n * 路由变动的几种情况，\r\n * 1.点击菜单跳转陆游\r\n * 2.特定业务逻辑需要跳转路由\r\n * 3.返回上一页\r\n * 4.刷新页面\r\n */\r\n\r\nexport default defineComponent({\r\n  name: \"MKSystemProvider\",\r\n  setup() {\r\n    const vueRouter = useRouter();\r\n\r\n    const msAppClient = MSAppClient.instance!;\r\n\r\n    const ready = computed(() => msAppClient.ready);\r\n\r\n    const slots = useSlots();\r\n\r\n    watch(\r\n      computed(() => unref(vueRouter.currentRoute)),\r\n      (route) => {\r\n        const userSession = msAppClient.userSession;\r\n\r\n        if (!userSession) {\r\n          return;\r\n        }\r\n\r\n        const router = userSession.router;\r\n        const menu = userSession.menu;\r\n        const tabs = userSession.tabs;\r\n\r\n        const routeInfo = router.getRouteByName(route.name as string);\r\n\r\n        if (!routeInfo) {\r\n          menu.setCurrentMenuNode(null);\r\n          tabs.setCurrentTab(null);\r\n          return;\r\n        }\r\n\r\n        const menuNode = menu.findMenuNodeByID(routeInfo.menuId);\r\n\r\n        if (!menuNode) {\r\n          menu.setCurrentMenuNode(null);\r\n          tabs.setCurrentTab(null);\r\n          return;\r\n        }\r\n\r\n        menu.setCurrentMenuNode(menuNode);\r\n\r\n        const tab =\r\n          tabs.findTabByID(route.fullPath) ??\r\n          tabs.createTab({\r\n            id: route.fullPath,\r\n            title: routeInfo.title,\r\n            affix: !!route.matched?.[route.matched?.length - 1]?.meta?.affix,\r\n            realRoute: route,\r\n            route: routeInfo,\r\n          });\r\n\r\n        tabs.switchTab(tab);\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    return () => {\r\n      return (\r\n        <MKConfigProvider\r\n          dataTableComponents={msAppClient.dataTableComponents as Components}\r\n          dataFormComponents={msAppClient.dataFormComponents as Components}\r\n          dataFilterComponents={msAppClient.dataFilterComponents as Components}\r\n          whereFilterComponents={\r\n            msAppClient.whereFilterComponents as Components\r\n          }\r\n          dataTableHeaderComponents={msAppClient.dataTableHeaderComponents as Components}\r\n          i18n={msAppClient.i18n}\r\n        >\r\n          {renderSlot(slots, \"default\")}\r\n        </MKConfigProvider>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","setup","vueRouter","useRouter","msAppClient","MSAppClient","instance","computed","ready","slots","useSlots","watch","unref","currentRoute","route","userSession","router","menu","tabs","routeInfo","getRouteByName","setCurrentMenuNode","setCurrentTab","menuNode","findMenuNodeByID","menuId","tab","findTabByID","fullPath","createTab","id","title","affix","matched","length","meta","realRoute","switchTab","immediate","_slot","_createVNode","MKConfigProvider","dataTableComponents","dataFormComponents","dataFilterComponents","whereFilterComponents","dataTableHeaderComponents","i18n","renderSlot","default"],"mappings":";;;;;;;;;;AAaA,SAAAA,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,IAAA,QAAAL,CAAA;AAAA;AAQA,MAAeM,qDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,QAAQ;AACN,UAAMC,cAAYC,UAAAA;AAElB,UAAMC,cAAcC,YAAW,YAACC;AAElBC,iBAAS,MAAMH,YAAYI,KAAK;AAE9C,UAAMC,QAAQC,IAAAA;AAEdC,QAAK,MACHJ,IAAQ,SAAC,MAAMK,IAAK,MAACV,YAAUW,YAAY,CAAC,GAC3CC,WAAU;;AACT,YAAMC,cAAcX,YAAYW;AAEhC,UAAI,CAACA,aAAa;AAChB;AAAA,MACF;AAEA,YAAMC,SAASD,YAAYC;AAC3B,YAAMC,OAAOF,YAAYE;AACzB,YAAMC,OAAOH,YAAYG;AAEzB,YAAMC,YAAYH,OAAOI,eAAeN,MAAMd,IAAc;AAE5D,UAAI,CAACmB,WAAW;AACdF,aAAKI,mBAAmB,IAAI;AAC5BH,aAAKI,cAAc,IAAI;AACvB;AAAA,MACF;AAEA,YAAMC,WAAWN,KAAKO,iBAAiBL,UAAUM,MAAM;AAEvD,UAAI,CAACF,UAAU;AACbN,aAAKI,mBAAmB,IAAI;AAC5BH,aAAKI,cAAc,IAAI;AACvB;AAAA,MACF;AAEAL,WAAKI,mBAAmBE,QAAQ;AAEhC,YAAMG,MACJR,KAAKS,YAAYb,MAAMc,QAAQ,KAC/BV,KAAKW,UAAU;AAAA,QACbC,IAAIhB,MAAMc;AAAAA,QACVG,OAAOZ,UAAUY;AAAAA,QACjBC,OAAO,CAAC,GAAClB,uBAAMmB,YAANnB,qBAAgBA,WAAMmB,YAANnB,mBAAeoB,UAAS,OAAxCpB,mBAA4CqB,SAA5CrB,mBAAkDkB;AAAAA,QAC3DI,WAAWtB;AAAAA,QACXA,OAAOK;AAAAA,MACT,CAAC;AAEHD,WAAKmB,UAAUX,GAAG;AAAA,IACpB,GACA;AAAA,MAAEY,WAAW;AAAA,IAAK,CACpB;AAEA,WAAO,MAAM;AAAA,UAAAC;AACX,aAAAC,IAAAA,YAAAC,MAAAA,kBAAA;AAAA,QAAA,uBAEyBrC,YAAYsC;AAAAA,QAAmB,sBAChCtC,YAAYuC;AAAAA,QAAkB,wBAC5BvC,YAAYwC;AAAAA,QAAoB,yBAEpDxC,YAAYyC;AAAAA,QAAqB,6BAERzC,YAAY0C;AAAAA,QAAyB,QAC1D1C,YAAY2C;AAAAA,SAAIvD,QAAA+C,QAErBS,IAAU,WAACvC,OAAO,SAAS,CAAC,IAAA8B,QAAA;AAAA,QAAAU,SAAAA,MAAA,CAAAV,KAAA;AAAA,MAAA,CAAA;AAAA;EAIrC;AACF,CAAC;;"}

package/dist/cjs/components/basic/upload-file/context/WebFileUploadContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"WebFileUploadContext.js","sources":["../../../../../../src/components/basic/upload-file/context/WebFileUploadContext.ts"],"sourcesContent":["import { WebFileUpload } from \"@maketribe/request\";\nimport { UploadContext, UploadResult } from \"./UploadContext\";\nimport { fileSelect } from \"@maketribe/utils\";\n\nexport type WebFileUploadContextOptions = {\n  webFileUpload?: WebFileUpload;\n  accept?: string;\n};\n\nexport class WebFileUploadContext extends UploadContext {\n  webFileUpload: WebFileUpload;\n  accept: string;\n\n  constructor(options: WebFileUploadContextOptions = {}) {\n    super();\n\n    this.accept = options.accept || \"\";\n\n    this.webFileUpload = options.webFileUpload ?? new WebFileUpload();\n  }\n\n  setAccept(accept: string) {\n    this.accept = accept;\n  }\n\n  setWebFileUpload(webFileUpload: WebFileUpload) {\n    this.webFileUpload = webFileUpload;\n  }\n\n  async selectFile(): Promise<UploadResult> {\n    const file = await fileSelect({ accept: this.accept });\n\n    if (!file) {\n      return { success: true, path: \"\", msg: \"\" };\n    }\n\n    const response = await this.webFileUpload.upload(file);\n\n    return {\n      success: response.data.code === 200,\n      path: response.data.data.path,\n      msg: response.data.msg,\n    };\n  }\n}\n"],"names":["UploadContext","WebFileUpload","fileSelect"],"mappings":";;;;;;;;AASO,MAAM,6BAA6BA,cAAAA,cAAc;AAAA,EAItD,YAAY,UAAuC,IAAI;AAC/C;AAJR;AACA;AAKO,SAAA,SAAS,QAAQ,UAAU;AAEhC,SAAK,gBAAgB,QAAQ,iBAAiB,IAAIC,QAAc,cAAA;AAAA,EAClE;AAAA,EAEA,UAAU,QAAgB;AACxB,SAAK,SAAS;AAAA,EAChB;AAAA,EAEA,iBAAiB,eAA8B;AAC7C,SAAK,gBAAgB;AAAA,EACvB;AAAA,EAEA,MAAM,aAAoC;AACxC,UAAM,OAAO,MAAMC,iBAAW,EAAE,QAAQ,KAAK,QAAQ;AAErD,QAAI,CAAC,MAAM;AACT,aAAO,EAAE,SAAS,MAAM,MAAM,IAAI,KAAK;IACzC;AAEA,UAAM,WAAW,MAAM,KAAK,cAAc,OAAO,IAAI;AAE9C,WAAA;AAAA,MACL,SAAS,SAAS,KAAK,SAAS;AAAA,MAChC,MAAM,SAAS,KAAK,KAAK;AAAA,MACzB,KAAK,SAAS,KAAK;AAAA,IAAA;AAAA,EAEvB;AACF;;"}
+{"version":3,"file":"WebFileUploadContext.js","sources":["../../../../../../src/components/basic/upload-file/context/WebFileUploadContext.ts"],"sourcesContent":["import { WebFileUpload } from \"@maketribe/request\";\r\nimport { UploadContext, UploadResult } from \"./UploadContext\";\r\nimport { fileSelect } from \"@maketribe/utils\";\r\n\r\nexport type WebFileUploadContextOptions = {\r\n  webFileUpload?: WebFileUpload;\r\n  accept?: string;\r\n};\r\n\r\nexport class WebFileUploadContext extends UploadContext {\r\n  webFileUpload: WebFileUpload;\r\n  accept: string;\r\n\r\n  constructor(options: WebFileUploadContextOptions = {}) {\r\n    super();\r\n\r\n    this.accept = options.accept || \"\";\r\n\r\n    this.webFileUpload = options.webFileUpload ?? new WebFileUpload();\r\n  }\r\n\r\n  setAccept(accept: string) {\r\n    this.accept = accept;\r\n  }\r\n\r\n  setWebFileUpload(webFileUpload: WebFileUpload) {\r\n    this.webFileUpload = webFileUpload;\r\n  }\r\n\r\n  async selectFile(): Promise<UploadResult> {\r\n    const file = await fileSelect({ accept: this.accept });\r\n\r\n    if (!file) {\r\n      return { success: true, path: \"\", msg: \"\" };\r\n    }\r\n\r\n    const response = await this.webFileUpload.upload(file);\r\n\r\n    return {\r\n      success: response.data.code === 200,\r\n      path: response.data.data.path,\r\n      msg: response.data.msg,\r\n    };\r\n  }\r\n}\r\n"],"names":["UploadContext","WebFileUpload","fileSelect"],"mappings":";;;;;;;;AASO,MAAM,6BAA6BA,cAAAA,cAAc;AAAA,EAItD,YAAY,UAAuC,IAAI;AAC/C;AAJR;AACA;AAKO,SAAA,SAAS,QAAQ,UAAU;AAEhC,SAAK,gBAAgB,QAAQ,iBAAiB,IAAIC,QAAc,cAAA;AAAA,EAClE;AAAA,EAEA,UAAU,QAAgB;AACxB,SAAK,SAAS;AAAA,EAChB;AAAA,EAEA,iBAAiB,eAA8B;AAC7C,SAAK,gBAAgB;AAAA,EACvB;AAAA,EAEA,MAAM,aAAoC;AACxC,UAAM,OAAO,MAAMC,iBAAW,EAAE,QAAQ,KAAK,QAAQ;AAErD,QAAI,CAAC,MAAM;AACT,aAAO,EAAE,SAAS,MAAM,MAAM,IAAI,KAAK;IACzC;AAEA,UAAM,WAAW,MAAM,KAAK,cAAc,OAAO,IAAI;AAE9C,WAAA;AAAA,MACL,SAAS,SAAS,KAAK,SAAS;AAAA,MAChC,MAAM,SAAS,KAAK,KAAK;AAAA,MACzB,KAAK,SAAS,KAAK;AAAA,IAAA;AAAA,EAEvB;AACF;;"}

package/dist/cjs/components/basic/upload-file/ui/upload-image/upload-image-options.js

@@ -16,6 +16,18 @@ const uploadImageProps = utils.buildProps({
   multiple: {
     type: Boolean,
     default: false
+  },
+  width: {
+    type: String,
+    default: "180px"
+  },
+  height: {
+    type: String,
+    default: "180px"
+  },
+  icon: {
+    type: String,
+    default: "Picture"
   }
 });
 const uploadImageEmits = {

package/dist/cjs/components/basic/upload-file/ui/upload-image/upload-image-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"upload-image-options.js","sources":["../../../../../../../src/components/basic/upload-file/ui/upload-image/upload-image-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { WebFileUploadContext, UploadContext } from \"../../context\";\r\n\r\nexport const uploadImageProps = buildProps({\r\n  uploadContext: {\r\n    type: UploadContext,\r\n    default: () => new WebFileUploadContext(),\r\n  },\r\n  modelValue: {\r\n    type: [String, Array<String>],\r\n  },\r\n  multiple: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n} as const);\r\n\r\nexport type UploadImageProps = ExtractPropTypes<typeof uploadImageProps>;\r\n\r\nexport const uploadImageEmits = {\r\n  \"update:modelValue\": (path: string | string[]) => true,\r\n};\r\n\r\nexport type UploadImageEmits = typeof uploadImageEmits;\r\n"],"names":["buildProps","UploadContext","WebFileUploadContext"],"mappings":";;;;;;;AAIO,MAAM,mBAAmBA,MAAAA,WAAW;AAAA,EACzC,eAAe;AAAA,IACb,MAAMC,cAAA;AAAA,IACN,SAAS,MAAM,IAAIC,0CAAqB;AAAA,EAC1C;AAAA,EACA,YAAY;AAAA,IACV,MAAM,CAAC,QAAQ,KAAa;AAAA,EAC9B;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;AAIH,MAAM,mBAAmB;AAAA,EAC9B,qBAAqB,CAAC,SAA4B;AACpD;;;"}
+{"version":3,"file":"upload-image-options.js","sources":["../../../../../../../src/components/basic/upload-file/ui/upload-image/upload-image-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { WebFileUploadContext, UploadContext } from \"../../context\";\r\n\r\nexport const uploadImageProps = buildProps({\r\n  uploadContext: {\r\n    type: UploadContext,\r\n    default: () => new WebFileUploadContext(),\r\n  },\r\n  modelValue: {\r\n    type: [String, Array<String>],\r\n  },\r\n  multiple: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  width: {\r\n    type: String,\r\n    default: \"180px\",\r\n  },\r\n  height: {\r\n    type: String,\r\n    default: \"180px\",\r\n  },\r\n  icon: {\r\n    type: String,\r\n    default: \"Picture\",\r\n  }\r\n} as const);\r\n\r\nexport type UploadImageProps = ExtractPropTypes<typeof uploadImageProps>;\r\n\r\nexport const uploadImageEmits = {\r\n  \"update:modelValue\": (path: string | string[]) => true,\r\n};\r\n\r\nexport type UploadImageEmits = typeof uploadImageEmits;\r\n"],"names":["buildProps","UploadContext","WebFileUploadContext"],"mappings":";;;;;;;AAIO,MAAM,mBAAmBA,MAAAA,WAAW;AAAA,EACzC,eAAe;AAAA,IACb,MAAMC,cAAA;AAAA,IACN,SAAS,MAAM,IAAIC,0CAAqB;AAAA,EAC1C;AAAA,EACA,YAAY;AAAA,IACV,MAAM,CAAC,QAAQ,KAAa;AAAA,EAC9B;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;AAIH,MAAM,mBAAmB;AAAA,EAC9B,qBAAqB,CAAC,SAA4B;AACpD;;;"}