@maketribe/ms-app 4.0.0-alpha.1 → 4.0.0-alpha.3

package/dist/esm/components/basic/doc-editor/editor.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"editor.vue2.js","sources":["../../../../../src/components/basic/doc-editor/editor.vue"],"sourcesContent":["<template>\r\n  <LexicalComposer v-model=\"docContent\" :importCss=\"css\" :importScripts=\"js\" :namespace=\"namespace\">\r\n    <div class=\"mk-doc-editor\" v-bind=\"$attrs\" v-loading=\"loading\">\r\n      <div class=\"mk-doc-editor-toolbar\">\r\n        <ToolbarPlugin />\r\n      </div>\r\n      \r\n      <div class=\"mk-doc-editor__stage_warp\">\r\n        <slot name=\"before-extentions\"></slot>\r\n        <NodeTreeViewPlugin class=\"mk-doc-editor__stage_tree_view\" />\r\n        <div class=\"mk-doc-editor__stage_body\">\r\n          <slot name=\"header\"></slot>\r\n          <EditorStage class=\"mk-doc-editor__stage_iframe\" />\r\n          <ElementBlockSelectionPlugin />\r\n          <slot name=\"footer\"></slot>\r\n        </div>\r\n        <slot name=\"after-extentions\"></slot>\r\n      </div>\r\n     \r\n    </div>\r\n  </LexicalComposer>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { \r\n  LexicalComposer,EditorStage,NodeTreeViewPlugin,\r\n  ElementBlockSelectionPlugin,ToolbarPlugin\r\n} from '../lexical-editor'\r\nimport { computed } from \"vue\"\r\n\r\nconst props = defineProps({ \r\n  modelValue:{ type:String,default:\"\"},\r\n  editable: { default:true,type:Boolean },\r\n  namespace: { type:String,default:\"\" },\r\n  placeholder:{type:String,default:\"这里输入正文...\"},\r\n  loading:{ type:Boolean,defualt:false},\r\n  js:{ type:String,default:`` },\r\n  css:{ type:String,default:`` }\r\n})\r\n\r\nconst emit = defineEmits<{\r\n  (e: 'error', error: Error): void,\r\n  (e: 'update:modelValue',value:string ): void\r\n}>()\r\n\r\n// 文档内容\r\nconst docContent = computed({\r\n  get:()=>props.modelValue,\r\n  set:v=>emit('update:modelValue',v)\r\n})\r\n\r\n</script>\r\n<style scoped lang=\"scss\">\r\n\r\n.mk-doc-editor-toolbar{\r\n  background-color: #fff;\r\n  padding: 10px 20px;\r\n  z-index: 1;\r\n  text-align: center;\r\n\r\n}\r\n\r\n.mk-doc-editor{\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  &__stage_warp{\r\n    width: 100%;\r\n    height: 100%; \r\n    z-index: 0;\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding: 0 10px 10px 10px;\r\n    overflow: auto;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  &__stage_tree_view{\r\n    position: sticky;\r\n    top:0;\r\n    background-color: #f4f4f4;\r\n    width: 100%;\r\n    z-index: 999;\r\n  }\r\n  &__stage_body{  \r\n    z-index: 0;\r\n    position: relative;\r\n    padding-top:10px;\r\n    max-width: 1400px;\r\n    width: 100%;    \r\n    min-height: calc(100% - 60px);\r\n    margin: auto;\r\n  }\r\n\r\n  &__view_warp{\r\n    display: flex;\r\n    background-color: var(--mk-container-border-color);\r\n    overflow: auto;    \r\n    height: calc(100vh - 50px);\r\n    padding-top: 10px;\r\n  }\r\n\r\n  &__module-template{\r\n    &_dialog{\r\n        &_warp{\r\n          height:600px;\r\n          display: flex;\r\n          flex-direction: column;\r\n        }\r\n        &_list-body{\r\n          flex: 1;\r\n          height: 100%;\r\n          overflow: auto;\r\n          padding-top: 10px;\r\n          box-sizing: border-box;\r\n          display: flex;\r\n          flex-wrap: wrap;    \r\n          align-content: flex-start;\r\n          gap: 10px;\r\n        }\r\n        &_list-item{\r\n          width: 49%;\r\n          height: 150px;\r\n          display: flex;\r\n          background-color: #dedede;\r\n          align-items: center;\r\n          justify-content: center;\r\n          cursor: pointer;\r\n          box-sizing: border-box;\r\n          position: relative;\r\n          border: 2px solid #dedede;    \r\n\r\n          &.active{\r\n            border-color:#2196F3;\r\n          }\r\n          &_title{\r\n            text-align:center;\r\n          }\r\n          &.cover{\r\n            img{\r\n              object-fit: contain;\r\n              padding: 10px;\r\n              width: 100%;\r\n              height: 100%;    \r\n              box-sizing: border-box;\r\n            }\r\n            >.mk-doc-editor__module-template_dialog_list-item_title{\r\n              width: 100%;\r\n              height: 100%;\r\n              display: none;\r\n              background-color: #0d0d0db3;\r\n              align-items: center;\r\n              justify-content: center;\r\n              color:#fff;\r\n              position: absolute;\r\n              top:0;\r\n              left:0;\r\n            }\r\n            &:hover{\r\n              >.mk-doc-editor__module-template_dialog_list-item_title{\r\n                display: flex;\r\n              }\r\n            }\r\n          }\r\n        }\r\n    }\r\n  }\r\n}\r\n\r\n</style>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,UAAM,QAAQ;AAUd,UAAM,OAAO;AAMb,UAAM,aAAa,SAAS;AAAA,MAC1B,KAAI,MAAI,MAAM;AAAA,MACd,KAAI,CAAA,MAAG,KAAK,qBAAoB,CAAC;AAAA,IAAA,CAClC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/basic/doc-editor/index.js

@@ -1,8 +0,0 @@
-import { withInstall } from "@maketribe/utils";
-import Editor from "./editor.vue.js";
-const MKDocEditor = withInstall(Editor);
-export {
-  MKDocEditor,
-  MKDocEditor as default
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/components/basic/doc-editor/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/doc-editor/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport Editor from \"./editor.vue\";\r\n\r\nexport const MKDocEditor = withInstall(Editor);\r\n\r\nexport default MKDocEditor;\r\n\r\n"],"names":[],"mappings":";;AAGa,MAAA,cAAc,YAAY,MAAM;"}

package/dist/esm/components/basic/dynamic-form-panel/DynamicFormPanel.js

@@ -1,77 +0,0 @@
-import { defineComponent, ref, resolveComponent, h } from "vue";
-import { ElFormItem, ElForm } from "element-plus";
-import { ImageUploadContext } from "../../../modules/ms/image-upload-context/index.js";
-const DynamicFormPanel = /* @__PURE__ */ defineComponent({
-  name: "DynamicFormPanel",
-  props: {
-    data: {
-      type: Object
-    },
-    options: {
-      type: Array
-    }
-  },
-  setup: (props, {
-    emit
-  }) => {
-    const dataRef = ref(props.data);
-    return () => {
-      var _a;
-      const formItems = (_a = props.options) == null ? void 0 : _a.filter((item) => {
-        if (item.condition) {
-          return item.condition(dataRef.value);
-        }
-        return true;
-      }).map((item) => {
-        const resloveComponent = typeof item.component == "string" ? resolveComponent(item.component) : item.component;
-        let defaultSlot = () => [];
-        if (item.component == "el-radio-group") {
-          defaultSlot = () => item.props.data.map((dt) => {
-            return h(resolveComponent("el-radio-button"), {
-              label: dt.label,
-              value: dt.value
-            });
-          });
-        } else if (item.component == "MKUploadImage") {
-          if (item.props.cutSize) {
-            item.props.uploadContext = new ImageUploadContext(item.props.cutSize);
-          }
-        }
-        return h(ElFormItem, {
-          label: item.title,
-          prop: item.name
-        }, {
-          default: () => {
-            return [h(resloveComponent, {
-              ...item.props,
-              "modelValue": dataRef.value[item.name],
-              "onUpdate:modelValue": (v) => {
-                dataRef.value[item.name] = v;
-              }
-            }, {
-              default: defaultSlot
-            })];
-          }
-        });
-      });
-      return h(ElForm, {
-        labelPosition: "top",
-        model: props.data,
-        labelWidth: "auto",
-        style: {
-          height: "600px",
-          overflow: "auto",
-          padding: "10px"
-        }
-      }, {
-        default: () => {
-          return formItems;
-        }
-      });
-    };
-  }
-});
-export {
-  DynamicFormPanel as default
-};
-//# sourceMappingURL=DynamicFormPanel.js.map

package/dist/esm/components/basic/dynamic-form-panel/DynamicFormPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DynamicFormPanel.js","sources":["../../../../../src/components/basic/dynamic-form-panel/DynamicFormPanel.tsx"],"sourcesContent":["import { defineComponent,resolveComponent,h,ref } from \"vue\"\r\nimport {  ElButton,ElForm,ElFormItem,ElCollapse,ElCollapseItem,ElInput } from \"element-plus\";\r\nimport { type DynamicFormItemType } from \"./type\"\r\nimport { ImageUploadContext } from \"../../../modules/ms/image-upload-context\";\r\n\r\nexport default defineComponent({\r\n  name:\"DynamicFormPanel\",\r\n  props:{\r\n    data:{ type:Object },\r\n    options:{ type:Array<DynamicFormItemType> }\r\n  },\r\n  setup:(props,{ emit })=>{\r\n\r\n    // 编辑\r\n    const dataRef = ref<any>(props.data);\r\n\r\n\r\n    return ()=>{\r\n\r\n      // 生成的表单项\r\n      const formItems = props.options?.filter(item=>{\r\n        if(item.condition){\r\n            return item.condition(dataRef.value);\r\n        }\r\n        return true;\r\n      }).map(item=>{\r\n\r\n        const resloveComponent = typeof item.component == \"string\" ? resolveComponent(item.component) : item.component;\r\n        let defaultSlot:any = ()=>[];\r\n\r\n        // 特殊处理的组件\r\n        if(item.component == \"el-radio-group\"){\r\n          defaultSlot = ()=>item.props.data.map((dt:any)=>{\r\n            return h(resolveComponent(\"el-radio-button\"),{ label:dt.label, value:dt.value })\r\n          })\r\n        }\r\n        else if(item.component == \"MKUploadImage\"){\r\n          if(item.props.cutSize){\r\n            item.props.uploadContext = new ImageUploadContext(item.props.cutSize)\r\n          }\r\n        }\r\n\r\n        return h(ElFormItem,{ \r\n          label:item.title,prop:item.name,\r\n        },{\r\n          default:()=>{\r\n            return [\r\n              h(resloveComponent,{ \r\n                ...item.props,\r\n                \"modelValue\" : dataRef.value[item.name],\r\n                \"onUpdate:modelValue\" : (v:any) => {\r\n                  dataRef.value[item.name] = v;\r\n                }\r\n              },{  default:defaultSlot })\r\n            ]\r\n          }\r\n        })\r\n      });\r\n\r\n      return h(ElForm,{ \r\n        labelPosition:\"top\",model:props.data,labelWidth:\"auto\",\r\n        style:{ height:\"600px\",overflow:\"auto\",padding:\"10px\" }\r\n      },{\r\n        default:()=>{\r\n          return formItems\r\n        }\r\n      })\r\n    }\r\n  }\r\n});\r\n"],"names":["defineComponent","name","props","data","type","Object","options","Array","setup","emit","dataRef","ref","formItems","filter","item","condition","value","map","resloveComponent","component","resolveComponent","defaultSlot","dt","h","label","cutSize","uploadContext","ImageUploadContext","ElFormItem","title","prop","default","v","ElForm","labelPosition","model","labelWidth","style","height","overflow","padding"],"mappings":";;;AAKA,MAAeA,mDAAgB;AAAA,EAC7BC,MAAK;AAAA,EACLC,OAAM;AAAA,IACJC,MAAK;AAAA,MAAEC,MAAKC;AAAAA,IAAQ;AAAA,IACpBC,SAAQ;AAAA,MAAEF,MAAKG;AAAAA,IAA2B;AAAA,EAC3C;AAAA,EACDC,OAAMA,CAACN,OAAM;AAAA,IAAEO;AAAAA,EAAK,MAAI;AAGtB,UAAMC,UAAUC,IAAST,MAAMC,IAAI;AAGnC,WAAO,MAAI;;AAGT,YAAMS,aAAYV,WAAMI,YAANJ,mBAAeW,OAAOC,UAAM;AAC5C,YAAGA,KAAKC,WAAU;AACd,iBAAOD,KAAKC,UAAUL,QAAQM,KAAK;AAAA,QACvC;AACA,eAAO;AAAA,MACT,GAAGC,IAAIH,UAAM;AAEX,cAAMI,mBAAmB,OAAOJ,KAAKK,aAAa,WAAWC,iBAAiBN,KAAKK,SAAS,IAAIL,KAAKK;AACrG,YAAIE,cAAkBA,MAAI;AAG1B,YAAGP,KAAKK,aAAa,kBAAiB;AACpCE,wBAAcA,MAAIP,KAAKZ,MAAMC,KAAKc,IAAKK,QAAS;AAC9C,mBAAOC,EAAEH,iBAAiB,iBAAiB,GAAE;AAAA,cAAEI,OAAMF,GAAGE;AAAAA,cAAOR,OAAMM,GAAGN;AAAAA,YAAM,CAAC;AAAA,UACjF,CAAC;AAAA,QACH,WACQF,KAAKK,aAAa,iBAAgB;AACxC,cAAGL,KAAKZ,MAAMuB,SAAQ;AACpBX,iBAAKZ,MAAMwB,gBAAgB,IAAIC,mBAAmBb,KAAKZ,MAAMuB,OAAO;AAAA,UACtE;AAAA,QACF;AAEA,eAAOF,EAAEK,YAAW;AAAA,UAClBJ,OAAMV,KAAKe;AAAAA,UAAMC,MAAKhB,KAAKb;AAAAA,QAC7B,GAAE;AAAA,UACA8B,SAAQA,MAAI;AACV,mBAAO,CACLR,EAAEL,kBAAiB;AAAA,cACjB,GAAGJ,KAAKZ;AAAAA,cACR,cAAeQ,QAAQM,MAAMF,KAAKb,IAAI;AAAA,cACtC,uBAAyB+B,OAAU;AACjCtB,wBAAQM,MAAMF,KAAKb,IAAI,IAAI+B;AAAAA,cAC7B;AAAA,YACF,GAAE;AAAA,cAAGD,SAAQV;AAAAA,YAAa,CAAA,CAAC;AAAA,UAE/B;AAAA,QACF,CAAC;AAAA,MACH;AAEA,aAAOE,EAAEU,QAAO;AAAA,QACdC,eAAc;AAAA,QAAMC,OAAMjC,MAAMC;AAAAA,QAAKiC,YAAW;AAAA,QAChDC,OAAM;AAAA,UAAEC,QAAO;AAAA,UAAQC,UAAS;AAAA,UAAOC,SAAQ;AAAA,QAAO;AAAA,MACxD,GAAE;AAAA,QACAT,SAAQA,MAAI;AACV,iBAAOnB;AAAAA,QACT;AAAA,MACF,CAAC;AAAA;EAEL;AACF,CAAC;"}

package/dist/esm/components/basic/dynamic-form-panel/dialog.js

@@ -1,42 +0,0 @@
-import { reactive, h, Fragment } from "vue";
-import { Dialoger } from "@maketribe/dm";
-import { ElButton } from "element-plus";
-import DynamicFormPanel from "./DynamicFormPanel.js";
-import { createDefaultFormData } from "./utils.js";
-const showDynamicFormDialoger = async (title, options, data) => {
-  return new Promise((resolve) => {
-    const isAdd = data == null;
-    if (isAdd) {
-      data = createDefaultFormData(options);
-    }
-    reactive(data);
-    const handleCancelClick = () => {
-      dialogInstance.destroy();
-    };
-    const handleConfirmClick = () => {
-      dialogInstance.destroy();
-      resolve(data);
-    };
-    const dialogInstance = Dialoger.customRender({
-      title: isAdd ? `添加${title}` : `编辑${title}`,
-      class: "mk-dynamic-form-editor-dialog",
-      width: "700px",
-      onClose: () => {
-        dialogInstance.destroy();
-      },
-      body: () => {
-        return h(DynamicFormPanel, { data, options });
-      },
-      footer: () => {
-        return h(Fragment, {}, [
-          h(ElButton, { onClick: () => handleCancelClick() }, { default: () => "取消" }),
-          h(ElButton, { type: "primary", onClick: () => handleConfirmClick() }, { default: () => "确定" })
-        ]);
-      }
-    });
-  });
-};
-export {
-  showDynamicFormDialoger
-};
-//# sourceMappingURL=dialog.js.map

package/dist/esm/components/basic/dynamic-form-panel/dialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog.js","sources":["../../../../../src/components/basic/dynamic-form-panel/dialog.ts"],"sourcesContent":["\r\nimport { h ,type Component,Fragment,reactive } from 'vue'\r\nimport { Dialoger } from '@maketribe/dm'\r\nimport {  ElButton,ElForm,ElFormItem,ElCollapse,ElCollapseItem,ElInput } from \"element-plus\";\r\nimport DynamicFormPanel from \"./DynamicFormPanel\"\r\nimport { type DynamicFormItemType } from \"./type\"\r\nimport { createDefaultFormData } from \"./utils\"\r\n\r\n/**\r\n * 显示动态表单弹窗\r\n * @param title 标题\r\n * @param options 表单配置\r\n * @param data 表单数据\r\n * @returns \r\n */\r\nexport const showDynamicFormDialoger = async  (title:string,options:DynamicFormItemType[],data:any) => {\r\n  return new Promise(resolve => {\r\n\r\n    // 是否是新增\r\n    const isAdd = data == null;\r\n\r\n    // 新增的话\r\n    if(isAdd){ \r\n      data = createDefaultFormData(options);  \r\n    }\r\n\r\n    // 响应数据\r\n    const reactiveData = reactive(data)\r\n\r\n    // 取消编辑\r\n    const handleCancelClick = () => {\r\n      dialogInstance.destroy();\r\n    };\r\n\r\n    // 确认编辑\r\n    const handleConfirmClick = () => {\r\n      dialogInstance.destroy();\r\n      resolve(data);\r\n    };\r\n\r\n    const dialogInstance = Dialoger.customRender({\r\n      title: isAdd ? `添加${title}` : `编辑${title}`,\r\n      class: \"mk-dynamic-form-editor-dialog\",\r\n      width: \"700px\",\r\n      onClose: () => {\r\n        dialogInstance.destroy();\r\n      },\r\n      body: () => {\r\n        return h(DynamicFormPanel,{ data,options })\r\n      },\r\n      footer: () => {\r\n        return h(Fragment,{},[\r\n          h(ElButton,{ onClick:()=>handleCancelClick() },{ default:()=>\"取消\" }),\r\n          h(ElButton,{ type:\"primary\" , onClick:()=>handleConfirmClick() },{ default:()=>\"确定\" })\r\n        ]) \r\n      },\r\n    });\r\n  });\r\n}\r\n\r\n\r\n\r\n"],"names":[],"mappings":";;;;;AAeO,MAAM,0BAA0B,OAAQ,OAAa,SAA8B,SAAa;AAC9F,SAAA,IAAI,QAAQ,CAAW,YAAA;AAG5B,UAAM,QAAQ,QAAQ;AAGtB,QAAG,OAAM;AACP,aAAO,sBAAsB,OAAO;AAAA,IACtC;AAGqB,aAAS,IAAI;AAGlC,UAAM,oBAAoB,MAAM;AAC9B,qBAAe,QAAQ;AAAA,IAAA;AAIzB,UAAM,qBAAqB,MAAM;AAC/B,qBAAe,QAAQ;AACvB,cAAQ,IAAI;AAAA,IAAA;AAGR,UAAA,iBAAiB,SAAS,aAAa;AAAA,MAC3C,OAAO,QAAQ,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,MACxC,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAS,MAAM;AACb,uBAAe,QAAQ;AAAA,MACzB;AAAA,MACA,MAAM,MAAM;AACV,eAAO,EAAE,kBAAiB,EAAE,MAAK,QAAS,CAAA;AAAA,MAC5C;AAAA,MACA,QAAQ,MAAM;AACL,eAAA,EAAE,UAAS,IAAG;AAAA,UACnB,EAAE,UAAS,EAAE,SAAQ,MAAI,kBAAoB,EAAA,GAAE,EAAE,SAAQ,MAAI,MAAM;AAAA,UACnE,EAAE,UAAS,EAAE,MAAK,WAAY,SAAQ,MAAI,mBAAmB,KAAI,EAAE,SAAQ,MAAI,MAAM;AAAA,QAAA,CACtF;AAAA,MACH;AAAA,IAAA,CACD;AAAA,EAAA,CACF;AACH;"}

package/dist/esm/components/basic/dynamic-form-panel/utils.js

@@ -1,11 +0,0 @@
-const createDefaultFormData = (options) => {
-  const data = {};
-  options.forEach((item) => {
-    data[item.name] = item.defaultValue;
-  });
-  return data;
-};
-export {
-  createDefaultFormData
-};
-//# sourceMappingURL=utils.js.map

package/dist/esm/components/basic/dynamic-form-panel/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../../../../../src/components/basic/dynamic-form-panel/utils.ts"],"sourcesContent":["\r\n\r\nimport { type DynamicFormItemType } from \"./type\"\r\n\r\n\r\n/**\r\n * 创建默认表单数据\r\n * @param options \r\n */\r\nexport const createDefaultFormData = (options:DynamicFormItemType[]) : any=>{\r\n  const data:any = {};  \r\n  options.forEach(item=>{ data[item.name] = item.defaultValue })\r\n  return data;\r\n}\r\n"],"names":[],"mappings":"AASa,MAAA,wBAAwB,CAAC,YAAsC;AAC1E,QAAM,OAAW,CAAA;AACjB,UAAQ,QAAQ,CAAM,SAAA;AAAO,SAAA,KAAK,IAAI,IAAI,KAAK;AAAA,EAAA,CAAc;AACtD,SAAA;AACT;"}

package/dist/esm/components/basic/icon-select/icon-select-options.js

@@ -1,19 +0,0 @@
-import { buildProps } from "@maketribe/utils";
-const iconSelectProps = buildProps({
-  modelValue: {
-    type: String,
-    default: null
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  }
-});
-const iconSelectEmits = {
-  "update:model-value": (value) => true
-};
-export {
-  iconSelectEmits,
-  iconSelectProps
-};
-//# sourceMappingURL=icon-select-options.js.map

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

@@ -1 +0,0 @@
-{"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":[],"mappings":";AAGO,MAAM,kBAAkB,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/esm/components/basic/icon-select/icon-select.js

@@ -1,80 +0,0 @@
-import { defineComponent, ref, computed, unref, onMounted, watch, createVNode, isVNode } from "vue";
-import * as elIcons from "@element-plus/icons-vue";
-import { iconSelectProps, iconSelectEmits } from "./icon-select-options.js";
-import { useFormItem, ElInput, ElScrollbar } from "element-plus";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-const FormIconSelect = /* @__PURE__ */ defineComponent({
-  name: "MKFormIconSelect",
-  props: iconSelectProps,
-  emits: iconSelectEmits,
-  setup(props, {
-    emit
-  }) {
-    const icons = ref([]);
-    const search = ref("");
-    const filteredIcons = computed(() => {
-      const _search = unref(search).toLowerCase().trim();
-      return unref(icons).filter((icon) => icon.toLowerCase().includes(_search));
-    });
-    const modelValue = computed({
-      get: () => props.modelValue,
-      set: (v) => {
-        emit("update:model-value", v);
-      }
-    });
-    const disabled = computed(() => props.disabled);
-    const {
-      formItem: elFormItem
-    } = useFormItem();
-    const handleClick = (icon) => {
-      if (unref(disabled)) {
-        return;
-      }
-      modelValue.value = icon;
-    };
-    onMounted(() => {
-      const svgList = document.querySelectorAll('body > svg[aria-hidden="true"]');
-      let iconList = [];
-      for (const svg of Array.from(svgList)) {
-        const symbols = svg.querySelectorAll("symbol");
-        iconList = iconList.concat(Array.from(symbols).map((symbol) => symbol.id.replace(/^icon-/, "")));
-      }
-      icons.value = Array.from(/* @__PURE__ */ new Set([...Object.keys(elIcons), ...iconList]));
-    });
-    watch(modelValue, () => {
-      var _a;
-      (_a = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
-    }, {
-      flush: "post"
-    });
-    return () => {
-      const _value = unref(modelValue);
-      const children = unref(filteredIcons).map((icon) => createVNode("span", {
-        "key": icon,
-        "class": ["mk-icon-select__icon-item", icon === _value ? "is-active" : ""],
-        "onClick": () => handleClick(icon)
-      }, null));
-      return createVNode("div", {
-        "class": "mk-icon-select"
-      }, [createVNode(ElInput, {
-        "modelValue": unref(search),
-        "onUpdate:modelValue": (v) => search.value = v,
-        "placeholder": "搜索图标",
-        "validateEvent": false,
-        "suffixIcon": elIcons.Search
-      }, null), createVNode("div", {
-        "class": ["mk-icon-select__wrapper", unref(disabled) ? "is-disabled" : ""]
-      }, [createVNode(ElScrollbar, {
-        "height": "100%"
-      }, _isSlot(children) ? children : {
-        default: () => [children]
-      })])]);
-    };
-  }
-});
-export {
-  FormIconSelect as default
-};
-//# sourceMappingURL=icon-select.js.map

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

@@ -1 +0,0 @@
-{"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","ElInput","Search","ElScrollbar","default"],"mappings":";;;;AAgBsB,SAAAA,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,QAAAL,CAAA;AAAA;AAEtB,MAAeM,iDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,QAAuBC,IAAI,CAAA,CAAE;AAEnC,UAAMC,SAASD,IAAI,EAAE;AAErB,UAAME,gBAAgBC,SAAS,MAAM;AACnC,YAAMC,UAAUC,MAAMJ,MAAM,EAAEK,YAAW,EAAGC;AAE5C,aAAOF,MAAMN,KAAK,EAAES,OAAQC,UAC1BA,KAAKH,cAAcI,SAASN,OAAO,CACrC;AAAA,IACF,CAAC;AAED,UAAMO,aAAaR,SAAS;AAAA,MAC1BS,KAAKA,MAAMnB,MAAMkB;AAAAA,MACjBE,KAAMC,OAAM;AACVhB,aAAK,sBAAsBgB,CAAC;AAAA,MAC9B;AAAA,IACF,CAAC;AAED,UAAMC,WAAWZ,SAAS,MAAMV,MAAMsB,QAAQ;AAE9C,UAAM;AAAA,MAAEC,UAAUC;AAAAA,IAAY,IAAGC,YAAa;AAE9C,UAAMC,cAAeV,UAAiB;AACpC,UAAIJ,MAAMU,QAAQ,GAAG;AACnB;AAAA,MACF;AAEAJ,iBAAWS,QAAQX;AAAAA;AAGrBY,cAAU,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;AAEAnC,YAAMqB,QAAQO,MAAMC,KAAK,oBAAIO,IAAI,CAAC,GAAGjD,OAAOkD,KAAKC,OAAO,GAAG,GAAGZ,QAAQ,CAAC,CAAC;AAAA,IAC1E,CAAC;AAEDa,UACE3B,YACA,MAAM;;AACJM,qDAAYsB,aAAZtB,oCAAuB;AAAA,IACzB,GACA;AAAA,MAAEuB,OAAO;AAAA,IAAO,CAClB;AAEA,WAAO,MAAM;AACX,YAAMC,SAASpC,MAAMM,UAAU;AAE/B,YAAM+B,WAAWrC,MAAMH,aAAa,EAAE6B,IAAKtB,UAAIkC,YAAA,QAAA;AAAA,QAAA,OAEtClC;AAAAA,QAAI,SACF,CACL,6BACAA,SAASgC,SAAS,cAAc,EAAE;AAAA,QACnC,WACQG,MAAMzB,YAAYV,IAAI;AAAA,MAAC,GAAA,IAAA,CAInC;AAED,aAAAkC,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,SAAAA,CAAAA,YAAAE,SAAA;AAAA,QAAA,cAGkBxC,MAAMJ,MAAM;AAAA,QAAC,uBACHa,OAAOb,OAAOmB,QAAQN;AAAAA,QAAE,eAAA;AAAA,QAAA,iBAE/B;AAAA,QAAK,cACRuB,QAAQS;AAAAA,MAAM,GAAA,IAAA,GAAAH,YAAA,OAAA;AAAA,QAAA,SAInB,CACL,2BACAtC,MAAMU,QAAQ,IAAI,gBAAgB,EAAE;AAAA,SACrC4B,CAAAA,YAAAI,aAAA;AAAA,QAAA,UAAA;AAAA,MAAA,GAAA/D,QAE2B0D,QAAQ,IAARA,WAAQ;AAAA,QAAAM,SAAAA,MAAA,CAARN,QAAQ;AAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA;EAK9C;AACF,CAAC;"}

package/dist/esm/components/basic/icon-select/index.js

@@ -1,8 +0,0 @@
-import { withInstall } from "@maketribe/utils";
-import FormIconSelect from "./icon-select.js";
-const MKFormIconSelect = withInstall(FormIconSelect);
-export {
-  MKFormIconSelect,
-  MKFormIconSelect as default
-};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"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":[],"mappings":";;AAGa,MAAA,mBAAmB,YAAY,cAAc;"}

package/dist/esm/components/basic/image-cropper/image-cropper-api.js

@@ -1,65 +0,0 @@
-import { ref, createVNode, Fragment, createTextVNode, unref } from "vue";
-import { Dialoger } from "@maketribe/dm";
-import ImageCropperContent from "./image-cropper-content.js";
-import "vue/jsx-runtime";
-import { ElButton } from "element-plus";
-async function ImageCropper(options) {
-  const ratioOptions = options.ratioOptions ?? [];
-  const fixedBox = options.fixedBox ?? false;
-  return new Promise((resolve) => {
-    const imageCropperContentEl = ref(null);
-    const handleCancelClick = () => {
-      dialogInstance.destroy();
-      resolve({
-        isConfirm: false,
-        data: "",
-        size: {
-          width: 0,
-          height: 0
-        }
-      });
-    };
-    const handleConfirmClick = async () => {
-      dialogInstance.destroy();
-      const cropperRef = unref(imageCropperContentEl).cropperRef;
-      resolve({
-        isConfirm: true,
-        data: await new Promise(cropperRef.getCropData.bind(cropperRef)),
-        size: {
-          width: cropperRef.cropW,
-          height: cropperRef.cropH
-        }
-      });
-    };
-    const dialogInstance = Dialoger.customRender({
-      title: "图片裁切",
-      onClose: handleCancelClick,
-      body: () => {
-        return createVNode(ImageCropperContent, {
-          "ref": (el) => imageCropperContentEl.value = el,
-          "src": options.src,
-          "fixedBox": fixedBox,
-          "ratioOptions": ratioOptions,
-          "maxHeight": options.maxHeight,
-          "maxWidth": options.maxWidth
-        }, null);
-      },
-      footer: () => {
-        return createVNode(Fragment, null, [createVNode(ElButton, {
-          "onClick": handleCancelClick
-        }, {
-          default: () => [createTextVNode("取消")]
-        }), createVNode(ElButton, {
-          "type": "primary",
-          "onClick": handleConfirmClick
-        }, {
-          default: () => [createTextVNode("确认")]
-        })]);
-      }
-    });
-  });
-}
-export {
-  ImageCropper
-};
-//# sourceMappingURL=image-cropper-api.js.map

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

@@ -1 +0,0 @@
-{"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  maxWidth?:number;\r\n  maxHeight?:number;\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            maxHeight={options.maxHeight}\r\n            maxWidth={options.maxWidth}\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","maxHeight","maxWidth","footer","_Fragment","ElButton","default","_createTextVNode"],"mappings":";;;;;AAqBO,eAAeA,aACpBC,SAC+B;AAC/B,QAAMC,eAAeD,QAAQC,gBAAgB;AAC7C,QAAMC,WAAWF,QAAQE,YAAY;AAErC,SAAO,IAAIC,QAASC,aAAY;AAC9B,UAAMC,wBACJC,IAAI,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,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,SAASC,aAAa;AAAA,MAC3CC,OAAO;AAAA,MACPC,SAASlB;AAAAA,MACTmB,MAAMA,MAAM;AACV,eAAAC,YAAAC,qBAAA;AAAA,UAAA,OAEWC,QAAaxB,sBAAsByB,QAAQD;AAAAA,UAAG,OAChD7B,QAAQ+B;AAAAA,UAAG,YACN7B;AAAAA,UAAQ,gBACJD;AAAAA,UAAY,aACfD,QAAQgC;AAAAA,UAAS,YAClBhC,QAAQiC;AAAAA,QAAQ,GAAA,IAAA;AAAA,MAG/B;AAAA,MACDC,QAAQA,MAAM;AACZ,eAAAP,YAAAQ,UAAAR,MAAAA,CAAAA,YAAAS,UAAA;AAAA,UAAA,WAEuB7B;AAAAA,QAAiB,GAAA;AAAA,UAAA8B,SAAAA,MAAA,CAAAC,gBAAA,IAAA,CAAA;AAAA,SAAAX,GAAAA,YAAAS,UAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WACFrB;AAAAA,QAAkB,GAAA;AAAA,UAAAsB,SAAAA,MAAA,CAAAC,gBAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA;AAAA,MAK1D;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;"}

package/dist/esm/components/basic/image-cropper/image-cropper-content-options.js

@@ -1,20 +0,0 @@
-import { buildProps } from "@maketribe/utils";
-const imageCropperContentProps = buildProps({
-  // modelValue: { type: String, required: true },
-  src: { type: String, required: true },
-  fixedBox: { type: Boolean, default: false },
-  maxWidth: { type: Number, default: 0 },
-  maxHeight: { type: Number, default: 0 },
-  ratioOptions: {
-    type: Array,
-    default: () => []
-  }
-});
-const imageCropperContentEmits = {
-  // "update:model-value": (modelValue: string) => true,
-};
-export {
-  imageCropperContentEmits,
-  imageCropperContentProps
-};
-//# sourceMappingURL=image-cropper-content-options.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"image-cropper-content-options.js","sources":["../../../../../src/components/basic/image-cropper/image-cropper-content-options.ts"],"sourcesContent":["import { buildProps } from \"@maketribe/utils\";\r\nimport { ExtractPropTypes } from \"vue\";\r\n\r\nexport const imageCropperContentProps = buildProps({\r\n  // modelValue: { type: String, required: true },\r\n  src: { type: String, required: true },\r\n  fixedBox: { type: Boolean, default: false },\r\n  maxWidth:{ type:Number,default:0},\r\n  maxHeight:{ type:Number,default:0},\r\n  ratioOptions: {\r\n    type: Array,\r\n    default: () => [],\r\n  },\r\n} as const);\r\n\r\nexport type ImageCropperContentProps = ExtractPropTypes<\r\n  typeof imageCropperContentProps\r\n>;\r\n\r\nexport const imageCropperContentEmits = {\r\n  // \"update:model-value\": (modelValue: string) => true,\r\n};\r\n\r\nexport type ImageCropperContentEmits = typeof imageCropperContentEmits;\r\n"],"names":[],"mappings":";AAGO,MAAM,2BAA2B,WAAW;AAAA;AAAA,EAEjD,KAAK,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,EACpC,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAC1C,UAAS,EAAE,MAAK,QAAO,SAAQ,EAAC;AAAA,EAChC,WAAU,EAAE,MAAK,QAAO,SAAQ,EAAC;AAAA,EACjC,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS,MAAM,CAAC;AAAA,EAClB;AACF,CAAU;AAMH,MAAM,2BAA2B;AAAA;AAExC;"}

package/dist/esm/components/basic/image-cropper/image-cropper-content.js

@@ -1,207 +0,0 @@
-import { defineComponent, ref, computed, unref, watch, createVNode, isVNode } from "vue";
-import { VueCropper } from "vue-cropper";
-import { MKSvgIcon } from "../svg-icon/index.js";
-import { imageCropperContentProps, imageCropperContentEmits } from "./image-cropper-content-options.js";
-import { ElOption, ElTooltip, ElScrollbar, ElForm, ElFormItem, ElSelect, ElInputNumber } from "element-plus";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-const FREE_RATIO = "free";
-const BASE64_PREFIX = /^data:image\/([^;]+);base64,/;
-const ImageCropperContent = /* @__PURE__ */ defineComponent({
-  name: "MKImageContentCropper",
-  props: imageCropperContentProps,
-  emits: imageCropperContentEmits,
-  setup(props) {
-    const cropperRef = ref(null);
-    const outputType = computed(() => {
-      const base64Match = props.src.match(BASE64_PREFIX);
-      if (base64Match == null ? void 0 : base64Match[1]) {
-        return base64Match == null ? void 0 : base64Match[1];
-      }
-      const url = new URL(props.src, location.origin).toString();
-      const index = url.lastIndexOf(".");
-      if (index === -1) {
-        return "jpeg";
-      }
-      return url.slice(index + 1) || "jpeg";
-    });
-    const ratioOptions = computed(() => {
-      return [
-        ...props.ratioOptions.map((item) => ({
-          ...item,
-          value: item.value.toString()
-        })),
-        // originRatioOption,
-        {
-          value: FREE_RATIO,
-          label: "自由比例",
-          width: 1,
-          height: 1
-        }
-      ];
-    });
-    const autoCropWidth = ref(props.maxWidth);
-    const autoCropHeight = ref(props.maxHeight);
-    const currentRatio = ref(ratioOptions.value[0].value);
-    const maxWidth = ref(props.maxWidth);
-    const maxHeight = ref(props.maxHeight);
-    const enlarge = computed(() => {
-      var _a, _b;
-      const width = ((_a = unref(cropperRef)) == null ? void 0 : _a.cropW) ?? 1;
-      const height = ((_b = unref(cropperRef)) == null ? void 0 : _b.cropH) ?? 1;
-      const ratio = unref(maxWidth) / unref(maxHeight);
-      const cropRatio = width / height;
-      return cropRatio > ratio ? unref(maxWidth) / width : unref(maxHeight) / height;
-    });
-    const setCurrentRatio = (value) => {
-      currentRatio.value = value;
-    };
-    const isFixed = computed(() => unref(currentRatio) !== FREE_RATIO);
-    const fixedNumber = computed(() => {
-      const option = unref(ratioOptions).find((option2) => option2.value === unref(currentRatio));
-      return [(option == null ? void 0 : option.width) ?? 1, (option == null ? void 0 : option.height) ?? 1];
-    });
-    watch(computed(() => props.src), (src) => {
-      const image = new Image();
-      image.src = src;
-      image.onload = () => {
-        if (!props.maxWidth) {
-          autoCropWidth.value = image.naturalWidth;
-        }
-        if (props.maxHeight) {
-          autoCropHeight.value = image.naturalHeight;
-        }
-      };
-    }, {
-      immediate: true
-    });
-    const handleRotateLeft = () => {
-      unref(cropperRef).rotateLeft();
-    };
-    const handleRotateRight = () => {
-      unref(cropperRef).rotateRight();
-    };
-    const setCropperRef = (el) => {
-      cropperRef.value = el;
-    };
-    return {
-      enlarge,
-      maxWidth,
-      maxHeight,
-      outputType,
-      cropperRef,
-      ratioOptions,
-      autoCropWidth,
-      autoCropHeight,
-      currentRatio,
-      isFixed,
-      fixedNumber,
-      setCurrentRatio,
-      setCropperRef,
-      handleRotateLeft,
-      handleRotateRight
-    };
-  },
-  render() {
-    const {
-      enlarge,
-      maxWidth,
-      maxHeight,
-      outputType,
-      ratioOptions,
-      autoCropHeight,
-      autoCropWidth,
-      isFixed,
-      fixedNumber,
-      currentRatio,
-      setCurrentRatio,
-      setCropperRef,
-      handleRotateLeft,
-      handleRotateRight,
-      $props,
-      $slots
-    } = this;
-    const ratioOptionsVNodes = unref(ratioOptions).map((ratioOption) => createVNode(ElOption, {
-      "value": ratioOption.value,
-      "label": ratioOption.label
-    }, null));
-    return createVNode("div", {
-      "class": "mk-image-cropper"
-    }, [createVNode("div", {
-      "class": "mk-image-cropper__main"
-    }, [createVNode(VueCropper, {
-      "ref": setCropperRef,
-      "outputType": outputType,
-      "img": $props.src,
-      "auto-crop": true,
-      "canMoveBox": true,
-      "auto-crop-width": autoCropWidth,
-      "auto-crop-height": autoCropHeight,
-      "fixedBox": $props.fixedBox,
-      "fixed": isFixed,
-      "fixedNumber": fixedNumber,
-      "enlarge": enlarge
-    }, null), createVNode("div", {
-      "class": "mk-image-cropper__bar"
-    }, [createVNode(ElTooltip, {
-      "content": "右旋"
-    }, {
-      default: () => [createVNode(MKSvgIcon, {
-        "name": "hugeicons:rotate-top-right",
-        "onClick": handleRotateRight,
-        "class": "m-r-10px"
-      }, null)]
-    }), createVNode(ElTooltip, {
-      "content": "左旋"
-    }, {
-      default: () => [createVNode(MKSvgIcon, {
-        "name": "hugeicons:rotate-top-left",
-        "onClick": handleRotateLeft
-      }, null)]
-    })])]), createVNode("div", {
-      "class": "mk-image-cropper__tools"
-    }, [createVNode(ElScrollbar, {
-      "height": "100%"
-    }, {
-      default: () => {
-        var _a;
-        return [createVNode(ElForm, {
-          "label-position": "top"
-        }, {
-          default: () => [createVNode(ElFormItem, {
-            "label": "比例"
-          }, {
-            default: () => [createVNode(ElSelect, {
-              "placeholder": "选择比例",
-              "modelValue": currentRatio,
-              "onUpdate:modelValue": setCurrentRatio
-            }, _isSlot(ratioOptionsVNodes) ? ratioOptionsVNodes : {
-              default: () => [ratioOptionsVNodes]
-            })]
-          }), createVNode(ElFormItem, {
-            "label": "最大输出宽度"
-          }, {
-            default: () => [createVNode(ElInputNumber, {
-              "placeholder": "宽度",
-              "modelValue": maxWidth,
-              "onUpdate:modelValue": (v) => this.maxWidth = v
-            }, null)]
-          }), createVNode(ElFormItem, {
-            "label": "最大输出高度"
-          }, {
-            default: () => [createVNode(ElInputNumber, {
-              "placeholder": "高度",
-              "modelValue": maxHeight,
-              "onUpdate:modelValue": (v) => this.maxHeight = v
-            }, null)]
-          })]
-        }), (_a = $slots.tools) == null ? void 0 : _a.call($slots)];
-      }
-    })])]);
-  }
-});
-export {
-  ImageCropperContent as default
-};
-//# sourceMappingURL=image-cropper-content.js.map