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

package/dist/esm/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 {\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":";;;;;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,SAACkC,CAAAA,YAAAE,WAAA;AAAA,QAAA,aAEZpC;AAAAA,MAAI,GAAA,IAAA,CAAA,CAAA,CAE3B;AAED,aAAAkC,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,SAAAA,CAAAA,YAAAG,SAAA;AAAA,QAAA,cAGkBzC,MAAMJ,MAAM;AAAA,QAAC,uBACHa,OAAOb,OAAOmB,QAAQN;AAAAA,QAAE,eAAA;AAAA,QAAA,iBAE/B;AAAA,QAAK,cACRuB,QAAQU;AAAAA,MAAM,GAAA,IAAA,GAAAJ,YAAA,OAAA;AAAA,QAAA,SAInB,CACL,2BACAtC,MAAMU,QAAQ,IAAI,gBAAgB,EAAE;AAAA,SACrC4B,CAAAA,YAAAK,aAAA;AAAA,QAAA,UAAA;AAAA,MAAA,GAAAhE,QAE2B0D,QAAQ,IAARA,WAAQ;AAAA,QAAAO,SAAAA,MAAA,CAARP,QAAQ;AAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA;EAK9C;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","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.map

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

@@ -145,18 +145,19 @@ const ImageCropperContent = /* @__PURE__ */ defineComponent({
     }, null), createVNode("div", {
       "class": "mk-image-cropper__bar"
     }, [createVNode(ElTooltip, {
-      "content": "左旋"
+      "content": "右旋"
     }, {
       default: () => [createVNode(MKSvgIcon, {
-        "iconClass": "RefreshLeft",
-        "onClick": handleRotateLeft
+        "name": "hugeicons:rotate-top-right",
+        "onClick": handleRotateRight,
+        "class": "m-r-10px"
       }, null)]
     }), createVNode(ElTooltip, {
-      "content": "右旋"
+      "content": "左旋"
     }, {
       default: () => [createVNode(MKSvgIcon, {
-        "iconClass": "RefreshRight",
-        "onClick": handleRotateRight
+        "name": "hugeicons:rotate-top-left",
+        "onClick": handleRotateLeft
       }, null)]
     })])]), createVNode("div", {
       "class": "mk-image-cropper__tools"

package/dist/esm/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 {\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\n// const 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        ...props.ratioOptions.map((item: any) => ({\r\n          ...item,\r\n          value: item.value.toString(),\r\n        })),\r\n        // originRatioOption,\r\n        { value: FREE_RATIO, label: \"自由比例\", width: 1, height: 1 },\r\n         \r\n      ] as ImageCropperRatioOption[];\r\n    });\r\n\r\n    const autoCropWidth = ref(props.maxWidth);\r\n    const autoCropHeight = ref(props.maxHeight);\r\n\r\n    const currentRatio: Ref<string> = ref(ratioOptions.value[0].value);\r\n\r\n    const maxWidth: Ref<number> = ref(props.maxWidth);\r\n    const maxHeight: Ref<number> = ref(props.maxHeight);\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\r\n          if(!props.maxWidth){\r\n            autoCropWidth.value = image.naturalWidth;\r\n          }\r\n\r\n          if(props.maxHeight){\r\n            autoCropHeight.value = image.naturalHeight;\r\n          }\r\n          \r\n              \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","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","ratioOptions","map","item","value","label","width","height","autoCropWidth","maxWidth","autoCropHeight","maxHeight","currentRatio","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\n// const 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        ...props.ratioOptions.map((item: any) => ({\r\n          ...item,\r\n          value: item.value.toString(),\r\n        })),\r\n        // originRatioOption,\r\n        {value: FREE_RATIO, label: \"自由比例\", width: 1, height: 1},\r\n\r\n      ] as ImageCropperRatioOption[];\r\n    });\r\n\r\n    const autoCropWidth = ref(props.maxWidth);\r\n    const autoCropHeight = ref(props.maxHeight);\r\n\r\n    const currentRatio: Ref<string> = ref(ratioOptions.value[0].value);\r\n\r\n    const maxWidth: Ref<number> = ref(props.maxWidth);\r\n    const maxHeight: Ref<number> = ref(props.maxHeight);\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\r\n          if (!props.maxWidth) {\r\n            autoCropWidth.value = image.naturalWidth;\r\n          }\r\n\r\n          if (props.maxHeight) {\r\n            autoCropHeight.value = image.naturalHeight;\r\n          }\r\n\r\n\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 name=\"hugeicons:rotate-top-right\" onClick={handleRotateRight} class=\"m-r-10px\"/>\r\n            </ElTooltip>\r\n            <ElTooltip content=\"左旋\">\r\n              <MKSvgIcon name=\"hugeicons:rotate-top-left\" onClick={handleRotateLeft}/>\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","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","ratioOptions","map","item","value","label","width","height","autoCropWidth","maxWidth","autoCropHeight","maxHeight","currentRatio","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/esm/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\";\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":[],"mappings":";;;;;;;AAKa,MAAA,wBAAwB,YAAY,mBAAmB;"}
+{"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":[],"mappings":";;;;;;;AAKa,MAAA,wBAAwB,YAAY,mBAAmB;"}

package/dist/esm/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\";\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":[],"mappings":";AAGO,MAAM,kBAAkB,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\";\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":[],"mappings":";AAGO,MAAM,kBAAkB,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/esm/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\";\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,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,SAAS;AAAA,MAC1BC,KAAKA,MAAOR,MAAMM,cAAyB;AAAA,MAC3CG,KAAMC,OAAcL,KAAK,sBAAsBK,CAAC;AAAA,IAClD,CAAC;AAED,WAAO,MAAM;AACX,aAAAC,YAAAC,cAAA;AAAA,QAAA,SAAA;AAAA,QAAA,cAGgBC,MAAMP,UAAU;AAAA,QAAC,wBACNI,OAAeJ,WAAWQ,QAAQJ;AAAAA,QAAE,YACjDV,MAAMe;AAAAA,QAAQ,cACZ,CAACC,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\";\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,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,SAAS;AAAA,MAC1BC,KAAKA,MAAOR,MAAMM,cAAyB;AAAA,MAC3CG,KAAMC,OAAcL,KAAK,sBAAsBK,CAAC;AAAA,IAClD,CAAC;AAED,WAAO,MAAM;AACX,aAAAC,YAAAC,cAAA;AAAA,QAAA,SAAA;AAAA,QAAA,cAGgBC,MAAMP,UAAU;AAAA,QAAC,wBACNI,OAAeJ,WAAWQ,QAAQJ;AAAAA,QAAE,YACjDV,MAAMe;AAAAA,QAAQ,cACZ,CAACC,MAAM;AAAA,MAAC,GAAA,IAAA;AAAA;EAI5B;AACF,CAAC;"}

package/dist/esm/components/basic/lexical-editor/LexicalComposer.vue.js

@@ -22,6 +22,7 @@ import "./nodes/ModuleDecoratorNode.js";
 import "./nodes/ImageNode.js";
 import "./nodes/ImageTextWarpNode.js";
 import "./nodes/Template.js";
+import "../svg-icon/index.js";
 /* empty css                                         */
 /* empty css                           */
 /* empty css                           */

package/dist/esm/components/basic/lexical-editor/LexicalComposer.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"LexicalComposer.vue.js","sources":["../../../../../src/components/basic/lexical-editor/LexicalComposer.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport {  CAN_UNDO_COMMAND } from 'lexical'\r\nimport {  mergeRegister } from '@lexical/utils'\r\nimport { useLexicalEditor,useMounted } from './composables'\r\nimport { \r\n  LexicalAutoFocusPlugin,\r\n  LexicalHistoryPlugin,\r\n  TabIndentationPlugin,\r\n} from './plugins'\r\nimport './plugins/RichTextEditorPlugin'\r\nimport './plugins/HashtagPlugin'\r\nimport './plugins/ListPlugin'\r\nimport './plugins/CheckListPlugin'\r\nimport './plugins/TablePlugin'\r\nimport DocTheme from \"./DocTheme\"\r\nimport { generateHtmlFromNodes } from \"./utils\"\r\nimport { watchEffect } from \"vue\"\r\n\r\nconst props = defineProps({ \r\n  modelValue:{ type:String,default:\"\" },\r\n  htmlConfig:{ type:Object,default(){ return undefined; }},\r\n  namespace: { type:String,default:\"\" },\r\n  editable: { default:true,type:Boolean },\r\n  importCss: { type:String,default:\"\" },\r\n  importScripts: { type:String,default:\"\" },\r\n  modules: { type:Array,default:()=>[] },\r\n  templates: { type:Array,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\nconst { editor,setEditornitializeContent } = useLexicalEditor({\r\n  html: props.htmlConfig,\r\n  theme: DocTheme,\r\n  editable:props.editable,\r\n  namespace:props.namespace,\r\n  editorState:null,\r\n  importCss:props.importCss,\r\n  importScripts:props.importScripts,\r\n  modules:props.modules,\r\n  templates:props.templates\r\n} as any,(error) => emit('error', error))\r\n// 设置内容\r\nconst setContent = (content?:string)=>setEditornitializeContent(content)\r\n\r\n// 数据更新\r\nlet inited = false;\r\nlet triggerCanUndo = false\r\nconst unWatch = watchEffect(() => {\r\n  if(props.modelValue && !inited){\r\n    // 初始化编辑器\r\n    setEditornitializeContent(props.modelValue)\r\n    inited = true;\r\n    setTimeout(()=>unWatch(),1);\r\n  }\r\n})\r\n\r\nuseMounted(()=>{\r\n  \r\n  return  mergeRegister(\r\n    editor.registerCommand(CAN_UNDO_COMMAND, (payload: boolean) => {\r\n      if(!triggerCanUndo){\r\n        emit(\"update:modelValue\",generateHtmlFromNodes(editor));\r\n        triggerCanUndo = payload;\r\n      }\r\n      return true\r\n    }, 1),\r\n    editor.registerUpdateListener(({ editorState }) => {\r\n      if(triggerCanUndo){\r\n        editorState.read(() => emit(\"update:modelValue\",generateHtmlFromNodes(editor)))\r\n      }\r\n    })\r\n  )\r\n})\r\n\r\ndefineExpose({ setContent });\r\n</script>\r\n\r\n<template>\r\n  <slot></slot>\r\n  <LexicalAutoFocusPlugin />\r\n  <LexicalHistoryPlugin />\r\n  <TabIndentationPlugin />\r\n</template>\r\n<style lang=\"scss\">\r\n.mk-doc-editor{\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</style>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,UAAM,QAAQ;AAWd,UAAM,OAAO;AAKb,UAAM,EAAE,QAAO,0BAA0B,IAAI,iBAAiB;AAAA,MAC5D,MAAM,MAAM;AAAA,MACZ;AAAA,MACA,UAAS,MAAM;AAAA,MACf,WAAU,MAAM;AAAA,MAChB,aAAY;AAAA,MACZ,WAAU,MAAM;AAAA,MAChB,eAAc,MAAM;AAAA,MACpB,SAAQ,MAAM;AAAA,MACd,WAAU,MAAM;AAAA,OACT,CAAC,UAAU,KAAK,SAAS,KAAK,CAAC;AAExC,UAAM,aAAa,CAAC,YAAkB,0BAA0B,OAAO;AAGvE,QAAI,SAAS;AACb,QAAI,iBAAiB;AACf,UAAA,UAAU,YAAY,MAAM;AAC7B,UAAA,MAAM,cAAc,CAAC,QAAO;AAE7B,kCAA0B,MAAM,UAAU;AACjC,iBAAA;AACE,mBAAA,MAAI,WAAU,CAAC;AAAA,MAC5B;AAAA,IAAA,CACD;AAED,eAAW,MAAI;AAEL,aAAA;AAAA,QACN,OAAO,gBAAgB,kBAAkB,CAAC,YAAqB;AAC7D,cAAG,CAAC,gBAAe;AACZ,iBAAA,qBAAoB,sBAAsB,MAAM,CAAC;AACrC,6BAAA;AAAA,UACnB;AACO,iBAAA;AAAA,WACN,CAAC;AAAA,QACJ,OAAO,uBAAuB,CAAC,EAAE,kBAAkB;AACjD,cAAG,gBAAe;AAChB,wBAAY,KAAK,MAAM,KAAK,qBAAoB,sBAAsB,MAAM,CAAC,CAAC;AAAA,UAChF;AAAA,QAAA,CACD;AAAA,MAAA;AAAA,IACH,CACD;AAEY,aAAA,EAAE,YAAY;;;;;;;;;;;"}
+{"version":3,"file":"LexicalComposer.vue.js","sources":["../../../../../src/components/basic/lexical-editor/LexicalComposer.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport {  CAN_UNDO_COMMAND } from 'lexical'\r\nimport {  mergeRegister } from '@lexical/utils'\r\nimport { useLexicalEditor,useMounted } from './composables'\r\nimport { \r\n  LexicalAutoFocusPlugin,\r\n  LexicalHistoryPlugin,\r\n  TabIndentationPlugin,\r\n} from './plugins'\r\nimport './plugins/RichTextEditorPlugin'\r\nimport './plugins/HashtagPlugin'\r\nimport './plugins/ListPlugin'\r\nimport './plugins/CheckListPlugin'\r\nimport './plugins/TablePlugin'\r\nimport DocTheme from \"./DocTheme\"\r\nimport { generateHtmlFromNodes } from \"./utils\"\r\nimport { watchEffect } from \"vue\"\r\n\r\nconst props = defineProps({ \r\n  modelValue:{ type:String,default:\"\" },\r\n  htmlConfig:{ type:Object,default(){ return undefined; }},\r\n  namespace: { type:String,default:\"\" },\r\n  editable: { default:true,type:Boolean },\r\n  importCss: { type:String,default:\"\" },\r\n  importScripts: { type:String,default:\"\" },\r\n  modules: { type:Array,default:()=>[] },\r\n  templates: { type:Array,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\nconst { editor,setEditornitializeContent } = useLexicalEditor({\r\n  html: props.htmlConfig,\r\n  theme: DocTheme,\r\n  editable:props.editable,\r\n  namespace:props.namespace,\r\n  editorState:null,\r\n  importCss:props.importCss,\r\n  importScripts:props.importScripts,\r\n  modules:props.modules,\r\n  templates:props.templates\r\n} as any,(error) => emit('error', error))\r\n// 设置内容\r\nconst setContent = (content?:string)=>setEditornitializeContent(content)\r\n\r\n// 数据更新\r\nlet inited = false;\r\nlet triggerCanUndo = false\r\nconst unWatch = watchEffect(() => {\r\n  if(props.modelValue && !inited){\r\n    // 初始化编辑器\r\n    setEditornitializeContent(props.modelValue)\r\n    inited = true;\r\n    setTimeout(()=>unWatch(),1);\r\n  }\r\n})\r\n\r\nuseMounted(()=>{\r\n  \r\n  return  mergeRegister(\r\n    editor.registerCommand(CAN_UNDO_COMMAND, (payload: boolean) => {\r\n      if(!triggerCanUndo){\r\n        emit(\"update:modelValue\",generateHtmlFromNodes(editor));\r\n        triggerCanUndo = payload;\r\n      }\r\n      return true\r\n    }, 1),\r\n    editor.registerUpdateListener(({ editorState }) => {\r\n      if(triggerCanUndo){\r\n        editorState.read(() => emit(\"update:modelValue\",generateHtmlFromNodes(editor)))\r\n      }\r\n    })\r\n  )\r\n})\r\n\r\ndefineExpose({ setContent });\r\n</script>\r\n\r\n<template>\r\n  <slot></slot>\r\n  <LexicalAutoFocusPlugin />\r\n  <LexicalHistoryPlugin />\r\n  <TabIndentationPlugin />\r\n</template>\r\n<style lang=\"scss\">\r\n.mk-doc-editor{\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</style>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,UAAM,QAAQ;AAWd,UAAM,OAAO;AAKb,UAAM,EAAE,QAAO,0BAA0B,IAAI,iBAAiB;AAAA,MAC5D,MAAM,MAAM;AAAA,MACZ;AAAA,MACA,UAAS,MAAM;AAAA,MACf,WAAU,MAAM;AAAA,MAChB,aAAY;AAAA,MACZ,WAAU,MAAM;AAAA,MAChB,eAAc,MAAM;AAAA,MACpB,SAAQ,MAAM;AAAA,MACd,WAAU,MAAM;AAAA,OACT,CAAC,UAAU,KAAK,SAAS,KAAK,CAAC;AAExC,UAAM,aAAa,CAAC,YAAkB,0BAA0B,OAAO;AAGvE,QAAI,SAAS;AACb,QAAI,iBAAiB;AACf,UAAA,UAAU,YAAY,MAAM;AAC7B,UAAA,MAAM,cAAc,CAAC,QAAO;AAE7B,kCAA0B,MAAM,UAAU;AACjC,iBAAA;AACE,mBAAA,MAAI,WAAU,CAAC;AAAA,MAC5B;AAAA,IAAA,CACD;AAED,eAAW,MAAI;AAEL,aAAA;AAAA,QACN,OAAO,gBAAgB,kBAAkB,CAAC,YAAqB;AAC7D,cAAG,CAAC,gBAAe;AACZ,iBAAA,qBAAoB,sBAAsB,MAAM,CAAC;AACrC,6BAAA;AAAA,UACnB;AACO,iBAAA;AAAA,WACN,CAAC;AAAA,QACJ,OAAO,uBAAuB,CAAC,EAAE,kBAAkB;AACjD,cAAG,gBAAe;AAChB,wBAAY,KAAK,MAAM,KAAK,qBAAoB,sBAAsB,MAAM,CAAC,CAAC;AAAA,UAChF;AAAA,QAAA,CACD;AAAA,MAAA;AAAA,IACH,CACD;AAEY,aAAA,EAAE,YAAY;;;;;;;;;;;"}

package/dist/esm/components/basic/lexical-editor/assets/doc-editor.css.js

@@ -1,4 +1,4 @@
-const DocEditorCss = ' \r\n.mk-doc__embedBlock {\r\n  position: relative;\r\n  z-index: 1;\r\n  padding: 1px;\r\n  cursor: pointer;\r\n}\r\n\r\n.mk-doc__embedBlock >*{ pointer-events: none; }\r\n\r\n/* 清除浮动 */\r\n.mk-doc-editor-stage::after{\r\n  content: "";\r\n  display: block;\r\n  clear: both;\r\n  width: 0;\r\n  height: 0;\r\n  font-size: 0;\r\n}\r\n/* 缩进 */\r\n.mk-doc-editor-stage * {\r\n  --lexical-indent-base-value:2em\r\n}\r\n/* 光标样式 */\r\n.mk-doc-editor-stage *:has(>span):not(a) > span:last-child::after,\r\n.mk-doc__empty-mark::before,\r\n.mk-doc__br-brfore-mark::after{ \r\n  content: "↩︎";\r\n  color: #ccc;\r\n  margin-left: 4px;\r\n  cursor: text;\r\n  user-select: none;\r\n  pointer-events: none;\r\n  position: absolute;\r\n  font-size: 12px;\r\n  height: 0;\r\n  width: 1px;    \r\n  vertical-align: middle;\r\n}\r\n\r\n/* placeholder 模式 */\r\n.mk-doc-editor-stage.placeholder *::after,\r\n.mk-doc-editor-stage.placeholder *::before{ display: none;}\r\n\r\n/* 选中样式 */\r\n.mk-doc__node-selection {\r\n  outline: 2px solid rgb(60, 132, 244);\r\n}\r\n/* hover 的标识线条 */\r\n.mk-doc-editor-stage div:not([data-lexical-decorator]>*):hover,\r\n.mk-doc-editor-stage section:not([data-lexical-decorator]>*):hover,\r\n.mk-doc-editor-stage main:not([data-lexical-decorator]>*):hover,\r\n.mk-doc-editor-stage header:not([data-lexical-decorator]):hover,\r\n.mk-doc-editor-stage p:not([data-lexical-decorator]>*):hover{\r\n  outline: 1px solid #d7e6ff;\r\n}\r\n.mk-doc__image-text-warp p:hover,\r\n.mk-doc__image-text-warp section:hover,\r\n.mk-doc__image-text-warp div:hover,\r\n[data-lexical-decorator]:hover  {\r\n  outline: none !important;\r\n}\r\n.mk-doc-editor-stage [data-lexical-decorator]{\r\n  user-select: none;\r\n  white-space: initial;\r\n  word-break: initial;\r\n  cursor: pointer;\r\n}\r\n.mk-doc-editor-stage p>img ~ span[data-lexical-text]{\r\n  display: inline-block;\r\n}\r\n.mk-doc-editor-stage [data-lexical-decorator]>* {\r\n  pointer-events: none;\r\n}\r\n';
+const DocEditorCss = ' \r\n.mk-doc__embedBlock {\r\n  position: relative;\r\n  z-index: 1;\r\n  padding: 1px;\r\n  cursor: pointer;\r\n}\r\n\r\n.mk-doc__embedBlock >*{ pointer-events: none; }\r\n\r\n/* 清除浮动 */\r\n.mk-doc-editor-stage::after{\r\n  content: "";\r\n  display: block;\r\n  clear: both;\r\n  width: 0;\r\n  height: 0;\r\n  font-size: 0;\r\n}\r\n/* 缩进 */\r\n.mk-doc-editor-stage * {\r\n  --lexical-indent-base-value:2em\r\n}\r\n/* 光标样式 */\r\n.mk-doc-editor-stage *:has(>span):not(a) > span:last-child::after,\r\n.mk-doc__empty-mark::before,\r\n.mk-doc__br-brfore-mark::after{ \r\n  content: "↩︎";\r\n  color: #ccc;\r\n  margin-left: 4px;\r\n  cursor: text;\r\n  user-select: none;\r\n  pointer-events: none;\r\n  position: absolute;\r\n  font-size: 12px;\r\n  height: 0;\r\n  width: 1px;    \r\n  vertical-align: middle;\r\n}\r\n\r\n/* placeholder 模式 */\r\n.mk-doc-editor-stage.placeholder *::after,\r\n.mk-doc-editor-stage.placeholder *::before{ display: none;}\r\n\r\n/* 选中样式 */\r\n.mk-doc__node-selection {\r\n  outline: 2px solid rgb(60, 132, 244);\r\n}\r\n/* hover 的标识线条 */\r\n.mk-doc-editor-stage div:not([data-lexical-decorator]>*):hover,\r\n.mk-doc-editor-stage section:not([data-lexical-decorator]>*):hover,\r\n.mk-doc-editor-stage main:not([data-lexical-decorator]>*):hover,\r\n.mk-doc-editor-stage header:not([data-lexical-decorator]):hover,\r\n.mk-doc-editor-stage p:not([data-lexical-decorator]>*):hover{\r\n  outline: 1px solid #d7e6ff;\r\n}\r\n.mk-doc__image-text-warp p:hover,\r\n.mk-doc__image-text-warp section:hover,\r\n.mk-doc__image-text-warp div:hover,\r\n[data-lexical-decorator]:hover  {\r\n  outline: none !important;\r\n}\r\n.mk-doc-editor-stage [data-lexical-decorator]{\r\n  user-select: none;\r\n  white-space: initial;\r\n  word-break: initial;\r\n  cursor: pointer;\r\n}\r\n.mk-doc-editor-stage [data-lexical-decorator]>* {\r\n  pointer-events: none;\r\n}\r\n';
 export {
   DocEditorCss as default
 };

package/dist/esm/components/basic/lexical-editor/assets/doc-editor.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"doc-editor.css.js","sources":["../../../../../../src/components/basic/lexical-editor/assets/doc-editor.css?raw"],"sourcesContent":["export default \" \\r\\n.mk-doc__embedBlock {\\r\\n  position: relative;\\r\\n  z-index: 1;\\r\\n  padding: 1px;\\r\\n  cursor: pointer;\\r\\n}\\r\\n\\r\\n.mk-doc__embedBlock >*{ pointer-events: none; }\\r\\n\\r\\n/* 清除浮动 */\\r\\n.mk-doc-editor-stage::after{\\r\\n  content: \\\"\\\";\\r\\n  display: block;\\r\\n  clear: both;\\r\\n  width: 0;\\r\\n  height: 0;\\r\\n  font-size: 0;\\r\\n}\\r\\n/* 缩进 */\\r\\n.mk-doc-editor-stage * {\\r\\n  --lexical-indent-base-value:2em\\r\\n}\\r\\n/* 光标样式 */\\r\\n.mk-doc-editor-stage *:has(>span):not(a) > span:last-child::after,\\r\\n.mk-doc__empty-mark::before,\\r\\n.mk-doc__br-brfore-mark::after{ \\r\\n  content: \\\"↩︎\\\";\\r\\n  color: #ccc;\\r\\n  margin-left: 4px;\\r\\n  cursor: text;\\r\\n  user-select: none;\\r\\n  pointer-events: none;\\r\\n  position: absolute;\\r\\n  font-size: 12px;\\r\\n  height: 0;\\r\\n  width: 1px;    \\r\\n  vertical-align: middle;\\r\\n}\\r\\n\\r\\n/* placeholder 模式 */\\r\\n.mk-doc-editor-stage.placeholder *::after,\\r\\n.mk-doc-editor-stage.placeholder *::before{ display: none;}\\r\\n\\r\\n/* 选中样式 */\\r\\n.mk-doc__node-selection {\\r\\n  outline: 2px solid rgb(60, 132, 244);\\r\\n}\\r\\n/* hover 的标识线条 */\\r\\n.mk-doc-editor-stage div:not([data-lexical-decorator]>*):hover,\\r\\n.mk-doc-editor-stage section:not([data-lexical-decorator]>*):hover,\\r\\n.mk-doc-editor-stage main:not([data-lexical-decorator]>*):hover,\\r\\n.mk-doc-editor-stage header:not([data-lexical-decorator]):hover,\\r\\n.mk-doc-editor-stage p:not([data-lexical-decorator]>*):hover{\\r\\n  outline: 1px solid #d7e6ff;\\r\\n}\\r\\n.mk-doc__image-text-warp p:hover,\\r\\n.mk-doc__image-text-warp section:hover,\\r\\n.mk-doc__image-text-warp div:hover,\\r\\n[data-lexical-decorator]:hover  {\\r\\n  outline: none !important;\\r\\n}\\r\\n.mk-doc-editor-stage [data-lexical-decorator]{\\r\\n  user-select: none;\\r\\n  white-space: initial;\\r\\n  word-break: initial;\\r\\n  cursor: pointer;\\r\\n}\\r\\n.mk-doc-editor-stage p>img ~ span[data-lexical-text]{\\r\\n  display: inline-block;\\r\\n}\\r\\n.mk-doc-editor-stage [data-lexical-decorator]>* {\\r\\n  pointer-events: none;\\r\\n}\\r\\n\""],"names":[],"mappings":"AAAA,MAAe,eAAA;"}
+{"version":3,"file":"doc-editor.css.js","sources":["../../../../../../src/components/basic/lexical-editor/assets/doc-editor.css?raw"],"sourcesContent":["export default \" \\r\\n.mk-doc__embedBlock {\\r\\n  position: relative;\\r\\n  z-index: 1;\\r\\n  padding: 1px;\\r\\n  cursor: pointer;\\r\\n}\\r\\n\\r\\n.mk-doc__embedBlock >*{ pointer-events: none; }\\r\\n\\r\\n/* 清除浮动 */\\r\\n.mk-doc-editor-stage::after{\\r\\n  content: \\\"\\\";\\r\\n  display: block;\\r\\n  clear: both;\\r\\n  width: 0;\\r\\n  height: 0;\\r\\n  font-size: 0;\\r\\n}\\r\\n/* 缩进 */\\r\\n.mk-doc-editor-stage * {\\r\\n  --lexical-indent-base-value:2em\\r\\n}\\r\\n/* 光标样式 */\\r\\n.mk-doc-editor-stage *:has(>span):not(a) > span:last-child::after,\\r\\n.mk-doc__empty-mark::before,\\r\\n.mk-doc__br-brfore-mark::after{ \\r\\n  content: \\\"↩︎\\\";\\r\\n  color: #ccc;\\r\\n  margin-left: 4px;\\r\\n  cursor: text;\\r\\n  user-select: none;\\r\\n  pointer-events: none;\\r\\n  position: absolute;\\r\\n  font-size: 12px;\\r\\n  height: 0;\\r\\n  width: 1px;    \\r\\n  vertical-align: middle;\\r\\n}\\r\\n\\r\\n/* placeholder 模式 */\\r\\n.mk-doc-editor-stage.placeholder *::after,\\r\\n.mk-doc-editor-stage.placeholder *::before{ display: none;}\\r\\n\\r\\n/* 选中样式 */\\r\\n.mk-doc__node-selection {\\r\\n  outline: 2px solid rgb(60, 132, 244);\\r\\n}\\r\\n/* hover 的标识线条 */\\r\\n.mk-doc-editor-stage div:not([data-lexical-decorator]>*):hover,\\r\\n.mk-doc-editor-stage section:not([data-lexical-decorator]>*):hover,\\r\\n.mk-doc-editor-stage main:not([data-lexical-decorator]>*):hover,\\r\\n.mk-doc-editor-stage header:not([data-lexical-decorator]):hover,\\r\\n.mk-doc-editor-stage p:not([data-lexical-decorator]>*):hover{\\r\\n  outline: 1px solid #d7e6ff;\\r\\n}\\r\\n.mk-doc__image-text-warp p:hover,\\r\\n.mk-doc__image-text-warp section:hover,\\r\\n.mk-doc__image-text-warp div:hover,\\r\\n[data-lexical-decorator]:hover  {\\r\\n  outline: none !important;\\r\\n}\\r\\n.mk-doc-editor-stage [data-lexical-decorator]{\\r\\n  user-select: none;\\r\\n  white-space: initial;\\r\\n  word-break: initial;\\r\\n  cursor: pointer;\\r\\n}\\r\\n.mk-doc-editor-stage [data-lexical-decorator]>* {\\r\\n  pointer-events: none;\\r\\n}\\r\\n\""],"names":[],"mappings":"AAAA,MAAe,eAAA;"}

package/dist/esm/components/basic/lexical-editor/plugins/ElementBlockSelectionPlugin.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./ElementBlockSelectionPlugin.vue3.js";
 /* empty css                                 */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
-const ElementBlockSelectionPlugin = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6efcbbca"]]);
+const ElementBlockSelectionPlugin = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ee604343"]]);
 export {
   ElementBlockSelectionPlugin as default
 };

package/dist/esm/components/basic/lexical-editor/plugins/ElementBlockSelectionPlugin.vue3.js

@@ -15,6 +15,7 @@ import "../utils/image.js";
 import "@element-plus/icons-vue";
 import { REMOVE_ELEMENTBLOCK_COMMAND, setElementBlockSelection, UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND, SELECTED_ELEMENTBLOCK_COMMAND } from "../composables/useElementBlockSelection.js";
 import { deepCloneNode } from "../nodes/index.js";
+import { MKSvgIcon } from "../../svg-icon/index.js";
 import { $isModuleDecoratorNode } from "../nodes/ModuleDecoratorNode.js";
 import { $isHtmlElementDecoratorNode } from "../nodes/HtmlElementDecoratorNode.js";
 import { $isModuleDecoratorWarpNode } from "../nodes/ModuleDecoratorWarpNode.js";
@@ -199,7 +200,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_el_button = resolveComponent("el-button");
-      const _component_MKSvgIcon = resolveComponent("MKSvgIcon");
       const _component_el_tooltip = resolveComponent("el-tooltip");
       const _component_el_button_group = resolveComponent("el-button-group");
       const _component_el_popover = resolveComponent("el-popover");
@@ -237,9 +237,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       onClick: ($event) => execAction(item)
                     }, {
                       default: withCtx(() => [
-                        createVNode(_component_MKSvgIcon, {
-                          iconClass: item.icon
-                        }, null, 8, ["iconClass"])
+                        createVNode(unref(MKSvgIcon), {
+                          name: item.icon
+                        }, null, 8, ["name"])
                       ]),
                       _: 2
                     }, 1032, ["onClick"])
@@ -259,7 +259,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     onClick: _cache[0] || (_cache[0] = ($event) => unref(editor).dispatchCommand(unref(REMOVE_ELEMENTBLOCK_COMMAND), null))
                   }, {
                     default: withCtx(() => [
-                      createVNode(_component_MKSvgIcon, { iconClass: `Delete` })
+                      createVNode(unref(MKSvgIcon), { name: "ep:delete" })
                     ]),
                     _: 1
                   })
@@ -270,7 +270,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 reference: withCtx(() => [
                   createVNode(_component_el_button, { text: "" }, {
                     default: withCtx(() => [
-                      createVNode(_component_MKSvgIcon, { iconClass: "MoreFilled" })
+                      createVNode(unref(MKSvgIcon), { name: "ep:more-filled" })
                     ]),
                     _: 1
                   })
@@ -290,7 +290,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             onClick: _cache[1] || (_cache[1] = ($event) => selectedPrevNode())
                           }, {
                             default: withCtx(() => [
-                              createVNode(_component_MKSvgIcon, { iconClass: `CaretLeft` })
+                              createVNode(unref(MKSvgIcon), { name: "ep:caret-left" })
                             ]),
                             _: 1
                           })
@@ -308,7 +308,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             onClick: _cache[2] || (_cache[2] = ($event) => copyInsert(-1))
                           }, {
                             default: withCtx(() => [
-                              createVNode(_component_MKSvgIcon, { iconClass: `Fold` })
+                              createVNode(unref(MKSvgIcon), { name: "ep:fold" })
                             ]),
                             _: 1
                           })
@@ -326,7 +326,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             onClick: _cache[3] || (_cache[3] = ($event) => copyInsert(1))
                           }, {
                             default: withCtx(() => [
-                              createVNode(_component_MKSvgIcon, { iconClass: `Expand` })
+                              createVNode(unref(MKSvgIcon), { name: "ep:expand" })
                             ]),
                             _: 1
                           })
@@ -345,7 +345,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             onClick: _cache[4] || (_cache[4] = ($event) => selectedNextNode())
                           }, {
                             default: withCtx(() => [
-                              createVNode(_component_MKSvgIcon, { iconClass: `CaretRight` })
+                              createVNode(unref(MKSvgIcon), { name: "ep:caret-right" })
                             ]),
                             _: 1
                           })

package/dist/esm/components/basic/lexical-editor/plugins/ElementBlockSelectionPlugin.vue3.js.map

@@ -1 +1 @@
-{"version":3,"file":"ElementBlockSelectionPlugin.vue3.js","sources":["../../../../../../src/components/basic/lexical-editor/plugins/ElementBlockSelectionPlugin.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { \r\n  type CommandListenerPriority, $isNodeSelection, $getSelection, $getNodeByKey, SELECTION_CHANGE_COMMAND, \r\n  $isTextNode,$isElementNode, $isRangeSelection, $isRootNode, CLICK_COMMAND,$isParagraphNode\r\n} from 'lexical'\r\nimport { mergeRegister } from '@lexical/utils'\r\nimport { \r\n  useLexicalEditorContext, useMounted ,\r\n  UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND,\r\n  SELECTED_ELEMENTBLOCK_COMMAND,\r\n  REMOVE_ELEMENTBLOCK_COMMAND, setElementBlockSelection,\r\n} from '../composables'\r\nimport { $isModuleDecoratorWarpNode,$isModuleDecoratorNode,$isHtmlElementDecoratorNode ,deepCloneNode} from \"../nodes\"\r\nimport { ref, reactive, shallowRef, nextTick } from 'vue'\r\n\r\n// 点击工具条按钮\r\nconst lowPriority: CommandListenerPriority = 1\r\nconst { editor,stageId,findLexicalEditorModule,shortcutToolsList } = useLexicalEditorContext()\r\nconst selectionMarkPos = ref({ left: \"px\", top: \"0px\",width:\"0\",height:\"0\" });\r\nconst toolbarRef = ref<HTMLDivElement | null>(null)\r\nconst selectPayload = shallowRef<any>(null);\r\nconst toolsPos = reactive({ left: \"px\", top: \"0px\" });\r\nconst showTools = ref(false);\r\nconst showMask = ref(false);\r\nconst a = ref()\r\n\r\n// watch(DEVICE_VIEW_MODE, () => {\r\n//   editor.dispatchCommand(UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND, null);\r\n// })\r\n\r\n// 更新工具条坐标\r\nconst updateToolsPos = () => {\r\n\r\n  nextTick(() => {\r\n  \r\n    if (selectPayload.value != null) {\r\n\r\n      const stageIframe = document.body.querySelector(\"#\"+stageId) as HTMLElement;\r\n      // const editIframeRect = stageIframe?.getBoundingClientRect();\r\n      const editBodyRect = editor.getRootElement()?.getBoundingClientRect();\r\n      const selectElement = editor.getElementByKey(selectPayload.value.nodeKey) as HTMLElement\r\n      const selectRect = selectElement.getBoundingClientRect();\r\n      const selectElComputedStyle = window.getComputedStyle(selectElement);\r\n      const selectElMarginTop:number = parseInt(selectElComputedStyle.marginTop)\r\n      const selectElMarginLeft:number = parseInt(selectElComputedStyle.marginLeft)\r\n      const selectElMarginBottom:number = parseInt(selectElComputedStyle.marginBottom)\r\n      const selectElMarginRight:number = parseInt(selectElComputedStyle.marginRight)\r\n\r\n      let baseY = (stageIframe?.offsetTop ?? 0)- (editBodyRect?.y ?? 0),\r\n          baseX = (stageIframe?.offsetLeft ?? 0)- (editBodyRect?.x ?? 0);\r\n\r\n      if(toolbarRef.value != null){\r\n\r\n        const toolsRect = toolbarRef.value.getBoundingClientRect();\r\n \r\n        // 中心点\r\n        toolsPos.top = Math.max(selectRect.y - toolsRect.height - 5 + baseY, 5 + baseY) + \"px\"\r\n        toolsPos.left = Math.max(toolsRect.width / -2 + selectRect.x + selectRect.width / 2,0) + \"px\";\r\n      }\r\n\r\n      // 选中框\r\n      selectionMarkPos.value = {\r\n        top:`${selectRect.y  + baseY - selectElMarginTop}px`,left:`${selectRect.x + baseX - selectElMarginLeft}px`,\r\n        width:`${selectRect.width + selectElMarginLeft + selectElMarginRight}px`,height:`${selectRect.height + selectElMarginTop + selectElMarginBottom}px`\r\n      };\r\n\r\n    }\r\n  })\r\n  return false;\r\n}\r\n\r\n// 节点标题\r\nconst nodeTitle = ref(\"\")\r\n\r\n// 选中兄弟节点\r\nconst canSelectedNextNode = ref(false);\r\nconst selectedNextNode = ()=>{\r\n  const node = editor.getEditorState().read(() => {\r\n    return $getNodeByKey(selectPayload.value.nodeKey)\r\n  }) as any;\r\n  \r\n  if(node && node.__next){\r\n    setElementBlockSelection(editor,node.__next);\r\n  }\r\n}\r\nconst canSelectedPrevNode = ref(false);\r\nconst selectedPrevNode = ()=>{\r\n  const node = editor.getEditorState().read(() => {\r\n    return $getNodeByKey(selectPayload.value.nodeKey)\r\n  }) as any;\r\n  \r\n  if(node && node.__prev){\r\n    setElementBlockSelection(editor,node.__prev);\r\n  }\r\n}\r\n// 拷贝插入\r\nconst copyInsert = (action:number)=>{\r\n\r\n\r\n  editor.update(() => {\r\n\r\n    const selection = $getSelection();\r\n    // 当前选中节点\r\n    const node = $isNodeSelection(selection) ? selection?.getNodes()[0] : ($isRangeSelection(selection) ? selection.anchor.getNode() : null);\r\n\r\n    if(node){\r\n\r\n      const oldNode = deepCloneNode(node)\r\n   \r\n      if(action == -1){\r\n        node.insertBefore(oldNode)\r\n      }\r\n      else{\r\n        node.insertAfter(oldNode)\r\n      }\r\n    }\r\n  })\r\n  \r\n}\r\n\r\n// 执行 aciton\r\nconst execAction = function(item:any){\r\n  editor.update(()=>{\r\n    item.action($getNodeByKey(selectPayload.value.nodeKey),editor.getElementByKey(selectPayload.value.nodeKey) )\r\n  })\r\n}\r\n\r\nuseMounted(() => {\r\n  return mergeRegister(\r\n    editor.registerCommand(UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND, () => updateToolsPos(), lowPriority),\r\n    editor.registerUpdateListener(() =>  setTimeout(()=> updateToolsPos(),50)),\r\n    // 点击选中\r\n    editor.registerCommand<MouseEvent>(CLICK_COMMAND,(event:MouseEvent) => {\r\n          \r\n      const el = event.target as HTMLElement;\r\n      const nodeKey = el?.getAttribute(\"node-key\");\r\n\r\n      // 不为null的话则视为点击选中\r\n      if(nodeKey != null){\r\n        \r\n        event.preventDefault();\r\n\r\n        // 暂时不支持使用 shift 建 多选\r\n        // if (!event.shiftKey) { \r\n        //   // 先取消\r\n        //   clearSelection(editor)\r\n        // }\r\n        setElementBlockSelection(editor,nodeKey);\r\n        return true;\r\n      }\r\n  \r\n      return false;\r\n    }, lowPriority),\r\n    // 选中元素快\r\n    editor.registerCommand(SELECTED_ELEMENTBLOCK_COMMAND, (nodeKey) => {\r\n \r\n      if (nodeKey != null) {\r\n\r\n        const toolsbarList:any = [];\r\n\r\n        const node = $getNodeByKey(nodeKey)\r\n\r\n        if(node){\r\n\r\n          shortcutToolsList.forEach(item=>{\r\n\r\n            if(item.exist(node)){\r\n              ((typeof item.tools == \"function\" ? item.tools(nodeKey) : item.tools) as Array<any>).forEach((toolsbar:any)=>{\r\n                const index = toolsbarList.findIndex((b:any)=>b.key && toolsbar.key && b.key == toolsbar.key);\r\n                if(index >= 0){\r\n                  toolsbarList.splice(index,1,toolsbar)\r\n                }\r\n                else{\r\n                  toolsbarList.push(toolsbar);\r\n                }\r\n              })\r\n            }\r\n          })\r\n        }\r\n        \r\n        // 选中的元数据\r\n        selectPayload.value = { nodeKey: nodeKey, toolsbars: toolsbarList };\r\n        \r\n      }\r\n      else {\r\n        selectPayload.value = null;\r\n      }\r\n\r\n      return updateToolsPos();\r\n    }, lowPriority),\r\n    // 删除模块\r\n    editor.registerCommand(REMOVE_ELEMENTBLOCK_COMMAND, () => {\r\n\r\n      const selection = $getSelection();\r\n\r\n      // 当前选中节点\r\n      const node = $isNodeSelection(selection) ? selection?.getNodes()[0] : ($isRangeSelection(selection) ? selection.anchor.getNode() : null);\r\n\r\n      // 删除\r\n      if (node) {\r\n        node.remove();\r\n        // 没选中\r\n        editor.dispatchCommand(SELECTED_ELEMENTBLOCK_COMMAND, null);\r\n        return true;\r\n      }\r\n      return false;\r\n    }, lowPriority),\r\n    // 选中的话\r\n    editor.registerCommand(SELECTION_CHANGE_COMMAND, () => {\r\n\r\n      const selection = $getSelection();\r\n\r\n      // 当前选中节点\r\n      const node = $isNodeSelection(selection) ? selection?.getNodes()[0] : ($isRangeSelection(selection) ? selection.anchor.getNode() : null);\r\n    \r\n      // 选中节点\r\n      if(node){\r\n\r\n\r\n        // 节点描述\r\n        nodeTitle.value = (node as any).getTitle ?  (node as any).getTitle() : \"\";\r\n\r\n        // 选中模块 模块描述\r\n        if($isModuleDecoratorNode(node)){\r\n          const module = findLexicalEditorModule(node.__moduleName);\r\n          if(module){ nodeTitle.value = module.title; }\r\n        }\r\n\r\n        // 根\r\n        showTools.value = !$isRootNode(node)\r\n        showMask.value = $isHtmlElementDecoratorNode(node);\r\n       \r\n   \r\n        if(node?.__next){\r\n          const nextNode = $getNodeByKey(node.__next);\r\n          canSelectedNextNode.value = node?.__next ? $isElementNode(nextNode) && !$isParagraphNode(nextNode) : false;\r\n        }\r\n        else{\r\n          canSelectedNextNode.value = false;\r\n        }\r\n\r\n        if(node?.__prev){\r\n          const prevNode = $getNodeByKey(node.__prev);\r\n          canSelectedPrevNode.value = node?.__prev ? $isElementNode(prevNode)&& !$isParagraphNode(prevNode)  : false;\r\n        }\r\n        else{\r\n          canSelectedPrevNode.value = false;\r\n        }\r\n\r\n        // 设置选中节点\r\n        const nodeKey = node.getKey();\r\n        const el =  editor.getElementByKey(nodeKey);\r\n     \r\n        // 文本 p 根 不做选中 空的容器也不允许直接选中 模块容器除外\r\n        if(nodeKey && el && !$isRootNode(node) && !$isTextNode(node)){\r\n\r\n          if($isElementNode(node) && !$isModuleDecoratorWarpNode(node)){\r\n           \r\n            if(!node.isEmpty()){\r\n              editor.dispatchCommand(SELECTED_ELEMENTBLOCK_COMMAND,nodeKey);\r\n              return true;\r\n            }\r\n            \r\n          }\r\n          else{\r\n            editor.dispatchCommand(SELECTED_ELEMENTBLOCK_COMMAND,nodeKey);\r\n            return true;\r\n          }\r\n        \r\n        }\r\n      }\r\n      nodeTitle.value = \"\";\r\n      showTools.value = false;\r\n      canSelectedNextNode.value = false;\r\n      canSelectedPrevNode.value = false;\r\n      editor.dispatchCommand(SELECTED_ELEMENTBLOCK_COMMAND,null);\r\n      return false;\r\n    },lowPriority)\r\n  )\r\n})\r\n\r\n</script>\r\n\r\n<template>\r\n  <div v-if=\"selectPayload != null && showTools\" ref=\"toolbarRef\" v-bind=\"$attrs\" class=\"mk-doc-editor-shortcut-tools-warp\" :style=\"toolsPos\">\r\n    <el-button-group>\r\n        <el-button v-if=\"nodeTitle\" text bg style=\"font-size: 14px;\">{{nodeTitle}}</el-button>\r\n        <template v-for=\"item in selectPayload.toolsbars\">\r\n          <el-tooltip effect=\"dark\" :content=\"item.title\" placement=\"top\">\r\n            <el-button text @click=\"execAction(item)\">\r\n              <MKSvgIcon :iconClass=\"item.icon\" />\r\n            </el-button>\r\n          </el-tooltip>\r\n        </template>\r\n        <el-tooltip effect=\"dark\" content=\"删除\" placement=\"top\">\r\n          <el-button text type=\"danger\" @click=\"editor.dispatchCommand(REMOVE_ELEMENTBLOCK_COMMAND, null)\">\r\n            <MKSvgIcon :iconClass=\"`Delete`\" />\r\n          </el-button>\r\n        </el-tooltip>\r\n        <el-popover popper-style=\"padding: 10px;width:auto;min-width:50px\">\r\n          <template #reference>\r\n            <el-button text>\r\n              <MKSvgIcon iconClass=\"MoreFilled\" /> \r\n            </el-button>\r\n          </template>\r\n          <el-button-group style=\"display: flex;\">\r\n          \r\n            <el-tooltip effect=\"dark\" content=\"上一个\" v-if=\"canSelectedPrevNode\" placement=\"top\">\r\n              <el-button text @click=\"selectedPrevNode()\">\r\n                <MKSvgIcon :iconClass=\"`CaretLeft`\" />\r\n              </el-button>\r\n            </el-tooltip>\r\n            <el-tooltip effect=\"dark\" content=\"拷贝自己插入到当前快之前\" placement=\"top\">\r\n              <el-button text @click=\"copyInsert(-1)\">\r\n                <MKSvgIcon :iconClass=\"`Fold`\" />\r\n              </el-button>\r\n            </el-tooltip>\r\n            <el-tooltip effect=\"dark\" content=\"拷贝自己插入到当前快之后\" placement=\"top\">\r\n              <el-button text @click=\"copyInsert(1)\">\r\n                <MKSvgIcon :iconClass=\"`Expand`\" />\r\n              </el-button>\r\n            </el-tooltip>\r\n\r\n            <el-tooltip effect=\"dark\" content=\"下一个\" v-if=\"canSelectedNextNode\" placement=\"top\">\r\n              <el-button text @click=\"selectedNextNode()\">\r\n                <MKSvgIcon :iconClass=\"`CaretRight`\" />\r\n              </el-button>\r\n            </el-tooltip>\r\n          </el-button-group>\r\n        </el-popover>\r\n      </el-button-group>\r\n  </div>\r\n  <!-- 选中框 showMask -->\r\n  <div v-if=\"selectPayload != null\" :style=\"\r\n    {\r\n      position:'absolute',boxSizing:'border-box',pointerEvents:'none',zIndex:0,outline:'2px solid rgb(131 176 248)',\r\n      background:showMask ? '#03a9f417':'transparent',boxShadow: '0 0 10px 2px rgb(131 176 248)',\r\n      ...selectionMarkPos\r\n    }\r\n  \"></div>\r\n</template>\r\n<style scoped lang=\"scss\">\r\n.mk-doc-editor-shortcut-tools-warp{\r\n    position: absolute;\r\n    z-index: 1;\r\n    background-color: rgb(255, 255, 255);\r\n    box-shadow: rgb(204, 204, 204) 1px -3px 7px 4px;\r\n    padding: 5px;\r\n    top: 15px;\r\n    left: 494px;\r\n}\r\n\r\n</style>\r\n\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ElementBlockSelectionPlugin.vue3.js","sources":["../../../../../../src/components/basic/lexical-editor/plugins/ElementBlockSelectionPlugin.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { \r\n  type CommandListenerPriority, $isNodeSelection, $getSelection, $getNodeByKey, SELECTION_CHANGE_COMMAND, \r\n  $isTextNode,$isElementNode, $isRangeSelection, $isRootNode, CLICK_COMMAND,$isParagraphNode\r\n} from 'lexical'\r\nimport { mergeRegister } from '@lexical/utils'\r\nimport { \r\n  useLexicalEditorContext, useMounted ,\r\n  UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND,\r\n  SELECTED_ELEMENTBLOCK_COMMAND,\r\n  REMOVE_ELEMENTBLOCK_COMMAND, setElementBlockSelection,\r\n} from '../composables'\r\nimport { $isModuleDecoratorWarpNode,$isModuleDecoratorNode,$isHtmlElementDecoratorNode ,deepCloneNode} from \"../nodes\"\r\nimport { ref, reactive, shallowRef, nextTick } from 'vue'\r\nimport {MKSvgIcon} from \"../../svg-icon\";\r\n\r\n// 点击工具条按钮\r\nconst lowPriority: CommandListenerPriority = 1\r\nconst { editor,stageId,findLexicalEditorModule,shortcutToolsList } = useLexicalEditorContext()\r\nconst selectionMarkPos = ref({ left: \"px\", top: \"0px\",width:\"0\",height:\"0\" });\r\nconst toolbarRef = ref<HTMLDivElement | null>(null)\r\nconst selectPayload = shallowRef<any>(null);\r\nconst toolsPos = reactive({ left: \"px\", top: \"0px\" });\r\nconst showTools = ref(false);\r\nconst showMask = ref(false);\r\nconst a = ref()\r\n\r\n// watch(DEVICE_VIEW_MODE, () => {\r\n//   editor.dispatchCommand(UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND, null);\r\n// })\r\n\r\n// 更新工具条坐标\r\nconst updateToolsPos = () => {\r\n\r\n  nextTick(() => {\r\n  \r\n    if (selectPayload.value != null) {\r\n\r\n      const stageIframe = document.body.querySelector(\"#\"+stageId) as HTMLElement;\r\n      // const editIframeRect = stageIframe?.getBoundingClientRect();\r\n      const editBodyRect = editor.getRootElement()?.getBoundingClientRect();\r\n      const selectElement = editor.getElementByKey(selectPayload.value.nodeKey) as HTMLElement\r\n      const selectRect = selectElement.getBoundingClientRect();\r\n      const selectElComputedStyle = window.getComputedStyle(selectElement);\r\n      const selectElMarginTop:number = parseInt(selectElComputedStyle.marginTop)\r\n      const selectElMarginLeft:number = parseInt(selectElComputedStyle.marginLeft)\r\n      const selectElMarginBottom:number = parseInt(selectElComputedStyle.marginBottom)\r\n      const selectElMarginRight:number = parseInt(selectElComputedStyle.marginRight)\r\n\r\n      let baseY = (stageIframe?.offsetTop ?? 0)- (editBodyRect?.y ?? 0),\r\n          baseX = (stageIframe?.offsetLeft ?? 0)- (editBodyRect?.x ?? 0);\r\n\r\n      if(toolbarRef.value != null){\r\n\r\n        const toolsRect = toolbarRef.value.getBoundingClientRect();\r\n \r\n        // 中心点\r\n        toolsPos.top = Math.max(selectRect.y - toolsRect.height - 5 + baseY, 5 + baseY) + \"px\"\r\n        toolsPos.left = Math.max(toolsRect.width / -2 + selectRect.x + selectRect.width / 2,0) + \"px\";\r\n      }\r\n\r\n      // 选中框\r\n      selectionMarkPos.value = {\r\n        top:`${selectRect.y  + baseY - selectElMarginTop}px`,left:`${selectRect.x + baseX - selectElMarginLeft}px`,\r\n        width:`${selectRect.width + selectElMarginLeft + selectElMarginRight}px`,height:`${selectRect.height + selectElMarginTop + selectElMarginBottom}px`\r\n      };\r\n\r\n    }\r\n  })\r\n  return false;\r\n}\r\n\r\n// 节点标题\r\nconst nodeTitle = ref(\"\")\r\n\r\n// 选中兄弟节点\r\nconst canSelectedNextNode = ref(false);\r\nconst selectedNextNode = ()=>{\r\n  const node = editor.getEditorState().read(() => {\r\n    return $getNodeByKey(selectPayload.value.nodeKey)\r\n  }) as any;\r\n  \r\n  if(node && node.__next){\r\n    setElementBlockSelection(editor,node.__next);\r\n  }\r\n}\r\nconst canSelectedPrevNode = ref(false);\r\nconst selectedPrevNode = ()=>{\r\n  const node = editor.getEditorState().read(() => {\r\n    return $getNodeByKey(selectPayload.value.nodeKey)\r\n  }) as any;\r\n  \r\n  if(node && node.__prev){\r\n    setElementBlockSelection(editor,node.__prev);\r\n  }\r\n}\r\n// 拷贝插入\r\nconst copyInsert = (action:number)=>{\r\n\r\n\r\n  editor.update(() => {\r\n\r\n    const selection = $getSelection();\r\n    // 当前选中节点\r\n    const node = $isNodeSelection(selection) ? selection?.getNodes()[0] : ($isRangeSelection(selection) ? selection.anchor.getNode() : null);\r\n\r\n    if(node){\r\n\r\n      const oldNode = deepCloneNode(node)\r\n   \r\n      if(action == -1){\r\n        node.insertBefore(oldNode)\r\n      }\r\n      else{\r\n        node.insertAfter(oldNode)\r\n      }\r\n    }\r\n  })\r\n  \r\n}\r\n\r\n// 执行 aciton\r\nconst execAction = function(item:any){\r\n  editor.update(()=>{\r\n    item.action($getNodeByKey(selectPayload.value.nodeKey),editor.getElementByKey(selectPayload.value.nodeKey) )\r\n  })\r\n}\r\n\r\nuseMounted(() => {\r\n  return mergeRegister(\r\n    editor.registerCommand(UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND, () => updateToolsPos(), lowPriority),\r\n    editor.registerUpdateListener(() =>  setTimeout(()=> updateToolsPos(),50)),\r\n    // 点击选中\r\n    editor.registerCommand<MouseEvent>(CLICK_COMMAND,(event:MouseEvent) => {\r\n          \r\n      const el = event.target as HTMLElement;\r\n      const nodeKey = el?.getAttribute(\"node-key\");\r\n\r\n      // 不为null的话则视为点击选中\r\n      if(nodeKey != null){\r\n        \r\n        event.preventDefault();\r\n\r\n        // 暂时不支持使用 shift 建 多选\r\n        // if (!event.shiftKey) { \r\n        //   // 先取消\r\n        //   clearSelection(editor)\r\n        // }\r\n        setElementBlockSelection(editor,nodeKey);\r\n        return true;\r\n      }\r\n  \r\n      return false;\r\n    }, lowPriority),\r\n    // 选中元素快\r\n    editor.registerCommand(SELECTED_ELEMENTBLOCK_COMMAND, (nodeKey) => {\r\n \r\n      if (nodeKey != null) {\r\n\r\n        const toolsbarList:any = [];\r\n\r\n        const node = $getNodeByKey(nodeKey)\r\n\r\n        if(node){\r\n\r\n          shortcutToolsList.forEach(item=>{\r\n\r\n            if(item.exist(node)){\r\n              ((typeof item.tools == \"function\" ? item.tools(nodeKey) : item.tools) as Array<any>).forEach((toolsbar:any)=>{\r\n                const index = toolsbarList.findIndex((b:any)=>b.key && toolsbar.key && b.key == toolsbar.key);\r\n                if(index >= 0){\r\n                  toolsbarList.splice(index,1,toolsbar)\r\n                }\r\n                else{\r\n                  toolsbarList.push(toolsbar);\r\n                }\r\n              })\r\n            }\r\n          })\r\n        }\r\n        \r\n        // 选中的元数据\r\n        selectPayload.value = { nodeKey: nodeKey, toolsbars: toolsbarList };\r\n        \r\n      }\r\n      else {\r\n        selectPayload.value = null;\r\n      }\r\n\r\n      return updateToolsPos();\r\n    }, lowPriority),\r\n    // 删除模块\r\n    editor.registerCommand(REMOVE_ELEMENTBLOCK_COMMAND, () => {\r\n\r\n      const selection = $getSelection();\r\n\r\n      // 当前选中节点\r\n      const node = $isNodeSelection(selection) ? selection?.getNodes()[0] : ($isRangeSelection(selection) ? selection.anchor.getNode() : null);\r\n\r\n      // 删除\r\n      if (node) {\r\n        node.remove();\r\n        // 没选中\r\n        editor.dispatchCommand(SELECTED_ELEMENTBLOCK_COMMAND, null);\r\n        return true;\r\n      }\r\n      return false;\r\n    }, lowPriority),\r\n    // 选中的话\r\n    editor.registerCommand(SELECTION_CHANGE_COMMAND, () => {\r\n\r\n      const selection = $getSelection();\r\n\r\n      // 当前选中节点\r\n      const node = $isNodeSelection(selection) ? selection?.getNodes()[0] : ($isRangeSelection(selection) ? selection.anchor.getNode() : null);\r\n    \r\n      // 选中节点\r\n      if(node){\r\n\r\n\r\n        // 节点描述\r\n        nodeTitle.value = (node as any).getTitle ?  (node as any).getTitle() : \"\";\r\n\r\n        // 选中模块 模块描述\r\n        if($isModuleDecoratorNode(node)){\r\n          const module = findLexicalEditorModule(node.__moduleName);\r\n          if(module){ nodeTitle.value = module.title; }\r\n        }\r\n\r\n        // 根\r\n        showTools.value = !$isRootNode(node)\r\n        showMask.value = $isHtmlElementDecoratorNode(node);\r\n       \r\n   \r\n        if(node?.__next){\r\n          const nextNode = $getNodeByKey(node.__next);\r\n          canSelectedNextNode.value = node?.__next ? $isElementNode(nextNode) && !$isParagraphNode(nextNode) : false;\r\n        }\r\n        else{\r\n          canSelectedNextNode.value = false;\r\n        }\r\n\r\n        if(node?.__prev){\r\n          const prevNode = $getNodeByKey(node.__prev);\r\n          canSelectedPrevNode.value = node?.__prev ? $isElementNode(prevNode)&& !$isParagraphNode(prevNode)  : false;\r\n        }\r\n        else{\r\n          canSelectedPrevNode.value = false;\r\n        }\r\n\r\n        // 设置选中节点\r\n        const nodeKey = node.getKey();\r\n        const el =  editor.getElementByKey(nodeKey);\r\n     \r\n        // 文本 p 根 不做选中 空的容器也不允许直接选中 模块容器除外\r\n        if(nodeKey && el && !$isRootNode(node) && !$isTextNode(node)){\r\n\r\n          if($isElementNode(node) && !$isModuleDecoratorWarpNode(node)){\r\n           \r\n            if(!node.isEmpty()){\r\n              editor.dispatchCommand(SELECTED_ELEMENTBLOCK_COMMAND,nodeKey);\r\n              return true;\r\n            }\r\n            \r\n          }\r\n          else{\r\n            editor.dispatchCommand(SELECTED_ELEMENTBLOCK_COMMAND,nodeKey);\r\n            return true;\r\n          }\r\n        \r\n        }\r\n      }\r\n      nodeTitle.value = \"\";\r\n      showTools.value = false;\r\n      canSelectedNextNode.value = false;\r\n      canSelectedPrevNode.value = false;\r\n      editor.dispatchCommand(SELECTED_ELEMENTBLOCK_COMMAND,null);\r\n      return false;\r\n    },lowPriority)\r\n  )\r\n})\r\n\r\n</script>\r\n\r\n<template>\r\n  <div v-if=\"selectPayload != null && showTools\" ref=\"toolbarRef\" v-bind=\"$attrs\" class=\"mk-doc-editor-shortcut-tools-warp\" :style=\"toolsPos\">\r\n    <el-button-group>\r\n        <el-button v-if=\"nodeTitle\" text bg style=\"font-size: 14px;\">{{nodeTitle}}</el-button>\r\n        <template v-for=\"item in selectPayload.toolsbars\">\r\n          <el-tooltip effect=\"dark\" :content=\"item.title\" placement=\"top\">\r\n            <el-button text @click=\"execAction(item)\">\r\n              <MKSvgIcon :name=\"item.icon\" />\r\n            </el-button>\r\n          </el-tooltip>\r\n        </template>\r\n        <el-tooltip effect=\"dark\" content=\"删除\" placement=\"top\">\r\n          <el-button text type=\"danger\" @click=\"editor.dispatchCommand(REMOVE_ELEMENTBLOCK_COMMAND, null)\">\r\n            <MKSvgIcon name=\"ep:delete\" />\r\n          </el-button>\r\n        </el-tooltip>\r\n        <el-popover popper-style=\"padding: 10px;width:auto;min-width:50px\">\r\n          <template #reference>\r\n            <el-button text>\r\n              <MKSvgIcon name=\"ep:more-filled\" />\r\n            </el-button>\r\n          </template>\r\n          <el-button-group style=\"display: flex;\">\r\n          \r\n            <el-tooltip effect=\"dark\" content=\"上一个\" v-if=\"canSelectedPrevNode\" placement=\"top\">\r\n              <el-button text @click=\"selectedPrevNode()\">\r\n                <MKSvgIcon name=\"ep:caret-left\" />\r\n              </el-button>\r\n            </el-tooltip>\r\n            <el-tooltip effect=\"dark\" content=\"拷贝自己插入到当前快之前\" placement=\"top\">\r\n              <el-button text @click=\"copyInsert(-1)\">\r\n                <MKSvgIcon name=\"ep:fold\" />\r\n              </el-button>\r\n            </el-tooltip>\r\n            <el-tooltip effect=\"dark\" content=\"拷贝自己插入到当前快之后\" placement=\"top\">\r\n              <el-button text @click=\"copyInsert(1)\">\r\n                <MKSvgIcon name=\"ep:expand\" />\r\n              </el-button>\r\n            </el-tooltip>\r\n\r\n            <el-tooltip effect=\"dark\" content=\"下一个\" v-if=\"canSelectedNextNode\" placement=\"top\">\r\n              <el-button text @click=\"selectedNextNode()\">\r\n                <MKSvgIcon name=\"ep:caret-right\" />\r\n              </el-button>\r\n            </el-tooltip>\r\n          </el-button-group>\r\n        </el-popover>\r\n      </el-button-group>\r\n  </div>\r\n  <!-- 选中框 showMask -->\r\n  <div v-if=\"selectPayload != null\" :style=\"\r\n    {\r\n      position:'absolute',boxSizing:'border-box',pointerEvents:'none',zIndex:0,outline:'2px solid rgb(131 176 248)',\r\n      background:showMask ? '#03a9f417':'transparent',boxShadow: '0 0 10px 2px rgb(131 176 248)',\r\n      ...selectionMarkPos\r\n    }\r\n  \"></div>\r\n</template>\r\n<style scoped lang=\"scss\">\r\n.mk-doc-editor-shortcut-tools-warp{\r\n    position: absolute;\r\n    z-index: 1;\r\n    background-color: rgb(255, 255, 255);\r\n    box-shadow: rgb(204, 204, 204) 1px -3px 7px 4px;\r\n    padding: 5px;\r\n    top: 15px;\r\n    left: 494px;\r\n}\r\n\r\n</style>\r\n\r\n"],"names":[],"mappings":"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"}

package/dist/esm/components/basic/lexical-editor/plugins/RichTextEditorPlugin.js

@@ -33,6 +33,8 @@ import "../../../../core/DataModelDefines.js";
 import "vue-router";
 import "@maketribe/request";
 import "@maketribe/locale";
+import "../../../../store/modules/settings.js";
+import "../../../../store/modules/menu.js";
 import "../../../../modules/ms/dataviews/ms-config/MsConfigTable.js";
 import "lodash-es";
 import "../../../../modules/ms/components/material-list/index.js";

package/dist/esm/components/basic/lexical-editor/plugins/RichTextEditorPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditorPlugin.js","sources":["../../../../../../src/components/basic/lexical-editor/plugins/RichTextEditorPlugin.ts"],"sourcesContent":["\r\n\r\nimport { $createParagraphNode, $getNodeByKey, $getRoot, $getSelection, $isElementNode, $isNodeSelection, $isParagraphNode, $isRangeSelection, $isRootNode, COMMAND_PRIORITY_LOW, LexicalNode, NodeKey } from \"lexical\";\r\n\r\nimport { DRAG_DROP_PASTE, HeadingNode, QuoteNode } from '@lexical/rich-text'\r\nimport { CodeHighlightNode, CodeNode } from '@lexical/code'\r\nimport { $isLinkNode, $toggleLink, AutoLinkNode, LinkNode, TOGGLE_LINK_COMMAND } from '@lexical/link'\r\nimport { registerEditorPlugin,  useLexicalEditorContext } from \"../composables\"\r\nimport { \r\n    HtmlElementDecoratorNode,\r\n    ModuleDecoratorNode,ModuleDecoratorWarpNode,\r\n    HtmlElementNode,\r\n    ImageNode,ImageTextWarpNode,\r\n    $isImageNode,\r\n    $isImageTextWarpNode,\r\n    INSERT_IMAGETEXTWARP_COMMAND,\r\n    $createImageTextWarpNode,\r\n    INSERT_IMAGE_COMMAND,\r\n    $createImageNode,\r\n    INSERT_MODULE_COMMAND,\r\n    ModulePropType,\r\n    createModuleHtml,getModuleData,\r\n    $isModuleDecoratorNode,\r\n    $isModuleDecoratorWarpNode,\r\n    INSERT_HTMLTEMPLATE_COMMAND,\r\n    INSERT_TEMPLATE_COMMAND\r\n } from \"../nodes\"\r\nimport { $insertNodeToNearestRoot, isMimeType, mediaFileReader, mergeRegister } from \"@lexical/utils\";\r\nimport {  generateNodesFromHtml, getCSSFromStyleObject, imageUpload, sanitizeUrl, showHtmlTemplateDialog, showImageEditDialog, showLinkEditDialog, showModuleSelectDialog, showTemplateSelectDialog } from \"../utils\";\r\nimport { ElLoading } from \"element-plus\";\r\nimport { createDefaultFormData, showDynamicFormDialoger } from \"../../dynamic-form-panel\"; \r\n\r\n// 上传处理函数\r\nconst uploadhandle = async (pathList: Array<string>) => {\r\n\r\n  if (pathList.length) {\r\n\r\n    const loadingInstance = ElLoading.service({ fullscreen: true, text: \"图片上传中...\" })\r\n\r\n    const reesult = await Promise.all(pathList.map(path => imageUpload(path)))\r\n\r\n    loadingInstance.close();\r\n\r\n    return reesult;\r\n  }\r\n\r\n  return [];\r\n}\r\n\r\n// 插入节点的处理函数\r\nconst insertNodeHandle = (node: LexicalNode,selectNode:LexicalNode) => {\r\n\r\n  // 模块\r\n  if ($isModuleDecoratorNode(node) && !$isModuleDecoratorWarpNode(node)) {\r\n    const moduleWarp = new ModuleDecoratorWarpNode();\r\n    moduleWarp.append(node);\r\n    node = moduleWarp;\r\n  }\r\n\r\n  // 图片\r\n  if($isImageNode(node)){\r\n    const p = $createParagraphNode();\r\n    p.append(node)\r\n    node = p;\r\n  }\r\n  if ($isElementNode(selectNode) && !$isParagraphNode(selectNode)) {\r\n    selectNode.append(node);\r\n  } \r\n  else if ($isParagraphNode(selectNode)) {\r\n    selectNode.replace(node);\r\n  } \r\n  else{\r\n    $insertNodeToNearestRoot(node);\r\n  }\r\n \r\n}\r\n\r\n// 插入节点的处理函数\r\nconst insertNodesHandle = (...nodes: Array<LexicalNode>) => {\r\n\r\n  const selection = $getSelection()\r\n  let selectNode = $isNodeSelection(selection) ? selection?.getNodes()[0]  : ($isRangeSelection(selection) ? selection.anchor.getNode() :  $getRoot());\r\n\r\n  nodes.forEach(node=> insertNodeHandle(node,selectNode))\r\n\r\n  return false;\r\n}\r\n\r\n// 注册插件\r\nregisterEditorPlugin({\r\n  nodes:[\r\n    AutoLinkNode, LinkNode,\r\n    CodeHighlightNode, CodeNode ,\r\n    HeadingNode, QuoteNode ,\r\n    HtmlElementDecoratorNode,\r\n    ModuleDecoratorNode,ModuleDecoratorWarpNode,\r\n    HtmlElementNode,\r\n    ImageNode,ImageTextWarpNode\r\n  ],\r\n  tools:[\r\n    {\r\n      icon: \"Picture\",\r\n      text: \"图片\",\r\n      action:(editor)=>{\r\n        // 显示图片编辑面板\r\n        showImageEditDialog({\r\n          src: \"\", alt: \"\", width: \"\", height: \"\", maxWidth: \"100%\", maxHeight: \"\", margin: \"\"\r\n        }).then(async (data: any) => {\r\n          const result = await uploadhandle([data.src])\r\n          editor.dispatchCommand(INSERT_IMAGE_COMMAND, { \r\n            src:result[0] as string,\r\n            alt:data.alt,\r\n            style:getCSSFromStyleObject({\r\n              \"width\":data.width,\"height\":data.height,\r\n              \"max-width\":data.maxWidth,\r\n              \"max-height\":data.maxHeight,\"margin\":data.margin\r\n            }) \r\n          })\r\n        });\r\n      },\r\n      disbale:(node)=>!$isElementNode(node) && !$isRootNode(node) || $isModuleDecoratorWarpNode(node),\r\n      sort:99\r\n    },\r\n    {\r\n      icon: \"Grid\",\r\n      text: \"模块\",\r\n      action:async (editor)=>{\r\n        // 打开模块面板\r\n        const result = (await showModuleSelectDialog(editor._config.namespace)) as any;\r\n        const defaultData = createDefaultFormData(result.options);\r\n        editor.dispatchCommand(INSERT_MODULE_COMMAND, { name: result.name, data: defaultData })\r\n      }, \r\n      disbale:(node)=>!$isElementNode(node) && !$isRootNode(node),\r\n      sort:99\r\n    },\r\n    {\r\n      icon:\"richtext\",\r\n      text:\"模版\",\r\n      action:async (editor)=>{\r\n        editor.dispatchCommand(INSERT_TEMPLATE_COMMAND,await showTemplateSelectDialog(editor._config.namespace))\r\n      }, \r\n      disbale:(node)=>!$isElementNode(node) && !$isRootNode(node) || $isModuleDecoratorWarpNode(node),\r\n      sort:99\r\n    },\r\n    {\r\n      icon: \"richtext-outline\",\r\n      text: \"图文环绕\",\r\n      action:(editor)=>{\r\n        editor.dispatchCommand(INSERT_IMAGETEXTWARP_COMMAND,null)\r\n      }, \r\n      disbale:(node)=>!$isElementNode(node) && !$isRootNode(node) || $isModuleDecoratorWarpNode(node),\r\n      sort:99\r\n    },\r\n    {\r\n      icon:\"html-code\",\r\n      text:\"HTML模版\",\r\n      action:async (editor)=>{\r\n        editor.dispatchCommand(INSERT_HTMLTEMPLATE_COMMAND,await showHtmlTemplateDialog())\r\n      },\r\n      disbale:(node)=>!$isElementNode(node) && !$isRootNode(node) || $isModuleDecoratorWarpNode(node),\r\n      sort:89\r\n    }\r\n  ],\r\n  shortcutTools:editor=>{\r\n\r\n    const { findLexicalEditorModule } = useLexicalEditorContext(editor._config.namespace)\r\n\r\n    return [\r\n      // 默认编辑\r\n      // {\r\n      //   exist:(node)=>$isHtmlElementNode(node) || $isHtmlElementDecoratorNode(node),\r\n      //   tools:[\r\n      //     {\r\n      //       key:\"edit\",title: \"编辑\", icon: \"Edit\", action: async (editNode:LexicalNode) => {\r\n      //         console.log(\"编辑\")\r\n      //         // // 打开模块面板\r\n      //         // const result = (await showModuleSelectDialog()) as ModuleType;\r\n      //         // const defaultData = createDefaultFormData(result.options);\r\n      //         // // 插入模块\r\n      //         // editor.dispatchCommand(INSERT_MODULE_COMMAND, { name: result.name, data: defaultData })\r\n      //       }\r\n      //     }\r\n      //   ]\r\n      // },\r\n      // 超链接\r\n      {\r\n        exist:(node)=>$isLinkNode(node),\r\n        tools:[\r\n          {\r\n            key:\"edit\",title: \"编辑\", icon: \"Edit\", action: async (editNode:LinkNode) => {\r\n          \r\n              // 显示图片编辑面板\r\n              showLinkEditDialog(editor.read(()=>editNode.getURL())).then((href:any)=>{\r\n                if(href.trim()){\r\n                  editor.update(()=>{\r\n                    editNode.getWritable().setURL(sanitizeUrl(href))\r\n                  })\r\n                }\r\n                else{\r\n                  editor.dispatchCommand(TOGGLE_LINK_COMMAND, null)\r\n                }\r\n              })\r\n            \r\n            }\r\n          }\r\n        ]\r\n      },\r\n      // 模块\r\n      {\r\n        exist:(node)=>$isModuleDecoratorNode(node),\r\n        tools:[\r\n          {\r\n            key:\"edit\",title: \"编辑\", icon: \"Edit\", action: async (editNode:ModuleDecoratorNode) => {\r\n              const module = findLexicalEditorModule(editNode.__moduleName);\r\n              if(module){\r\n                const result = await showDynamicFormDialoger(module.title,module.options,getModuleData(editNode.__moduleHtml,module.options))\r\n                editor.update(() =>  editNode.setHtml(createModuleHtml(module.template,result)))\r\n              }\r\n            }\r\n          }\r\n        ]\r\n      },\r\n      // 图片编辑\r\n      {\r\n        exist:(node)=>$isImageNode(node),\r\n        tools:(nodeKey) => {\r\n      \r\n          const node = $getNodeByKey(nodeKey as NodeKey);\r\n      \r\n          if ($isImageNode(node)) {\r\n      \r\n            const parent = node.getParent();\r\n      \r\n            // 是否是文本环绕里面的图\r\n            const isImageTextWarp = $isImageTextWarpNode(parent)\r\n      \r\n            // 工具条\r\n            const toolbarList:Array<any> = [\r\n              {\r\n                key:\"edit\",title: \"编辑\", icon: \"Edit\", action: async (editNode:ImageNode) => {\r\n            \r\n                  const {src,alt,style} = { style:editNode.getStyleObj(),src:editNode.__src,alt:editNode.__alt }\r\n                  \r\n                  const data: any = await showImageEditDialog({\r\n                    src, alt, \r\n                    width: style.width || \"\", height: style.height || \"\", \r\n                    maxWidth:  style[\"max-width\"] || \"\", maxHeight:  style[\"max-height\"]  || \"\",\r\n                    margin: style.margin || \"\"\r\n                  }) \r\n             \r\n                  const result = await uploadhandle([data.src])\r\n                  \r\n                  editor.update(()=>{\r\n\r\n                    node.setSrc(result[0] as string)\r\n                    node.setAlt(data.alt)\r\n                    node.addStyle({\r\n                      \"width\":data.width,\"height\":data.height,\r\n                      \"max-width\":data.maxWidth,\r\n                      \"max-height\":data.maxHeight,\r\n                      \"margin\":data.margin\r\n                    })\r\n                  })\r\n                }\r\n              }\r\n            ];\r\n      \r\n            // 左对齐\r\n            if($isParagraphNode(parent) || isImageTextWarp){\r\n              toolbarList.push({ title: isImageTextWarp ? \"居左\" : \"左对齐\",icon:`doc-align-left`,action:async (editNode:ImageNode)=>{\r\n                  editor.update(()=>{\r\n                    if(isImageTextWarp){\r\n                      editNode.addStyle({ 'float':\"left\" })\r\n                    }\r\n                    else {\r\n                      parent.setFormat(\"left\")\r\n                    }\r\n                  })\r\n                }\r\n              });\r\n            }\r\n      \r\n            // 居中对齐\r\n            if($isParagraphNode(parent) && !isImageTextWarp){\r\n              toolbarList.push({ title: \"居中对齐\",icon:`doc-align-center`,action:async ()=>{\r\n                  editor.update(()=>parent.setFormat(\"center\") )\r\n                }\r\n              });\r\n            }\r\n      \r\n            // 右对齐\r\n            if($isParagraphNode(parent) || isImageTextWarp){\r\n              toolbarList.push({ title: isImageTextWarp ? \"居右\" : \"右对齐\",icon:`doc-align-right`,action:async ()=>{\r\n                editor.update(()=>{\r\n                    if(isImageTextWarp){\r\n                      node.addStyle({ 'float':\"right\" })\r\n                    }\r\n                    else {\r\n                      parent.setFormat(\"right\")\r\n                    }\r\n                  })\r\n                }\r\n              });\r\n            }\r\n      \r\n            return toolbarList;\r\n          }\r\n      \r\n          return null;\r\n        }\r\n      }\r\n    ]\r\n  },\r\n  templates:[],\r\n  useMounted(editor){\r\n    \r\n    const { findLexicalEditorModule,findLexicalEditorTemplate } = useLexicalEditorContext(editor._config.namespace)\r\n\r\n \r\n    // 注册指令\r\n    return mergeRegister(\r\n      // // 插入布局格子\r\n      // editor.registerCommand<LayoutGridNodeAttrType>(INSERT_LAYOUTGRID_COMMAND, (payload) => {\r\n\r\n      //   insertGridHandle(new LayoutGridNode(payload));\r\n\r\n      //   return true\r\n      // }, COMMAND_PRIORITY_EDITOR),\r\n      // // 插入文本格子\r\n      // editor.registerCommand<TextGridNodeAttrType>(INSERT_TEXTGRID_COMMAND, (payload) => {\r\n\r\n      //   const textGrid = new TextGridNode(payload)\r\n      //   textGrid.append($createParagraphNode())\r\n      //   textGrid.append($createParagraphNode())\r\n      //   textGrid.append($createParagraphNode())\r\n      //   textGrid.append($createParagraphNode())\r\n      //   textGrid.append($createParagraphNode())\r\n      //   textGrid.append($createParagraphNode())\r\n      //   insertGridHandle(textGrid);\r\n\r\n      //   return true\r\n      // }, COMMAND_PRIORITY_EDITOR),\r\n      // // 插入模块格子\r\n      // editor.registerCommand<ModuleGridNodeAttrType>(INSERT_MODULEGRID_COMMAND, (payload) => {\r\n      //   insertGridHandle(new ModuleGridNode(payload));\r\n      //   return true\r\n      // }, COMMAND_PRIORITY_EDITOR),\r\n      // 插入模块\r\n      editor.registerCommand<ModulePropType>(INSERT_MODULE_COMMAND,(payload) => {\r\n\r\n        const module = findLexicalEditorModule(payload.name)\r\n\r\n        if(module){\r\n          insertNodesHandle(new ModuleDecoratorNode(payload.name,createModuleHtml(module.template,payload.data)))\r\n        }\r\n      \r\n        return true\r\n      },COMMAND_PRIORITY_LOW),\r\n      // 插入图文环绕\r\n      editor.registerCommand<null>(INSERT_IMAGETEXTWARP_COMMAND, () => insertNodesHandle($createImageTextWarpNode()), COMMAND_PRIORITY_LOW),\r\n      // 插入图片\r\n      editor.registerCommand(INSERT_IMAGE_COMMAND, (payload) => {\r\n        return  insertNodesHandle($createImageNode(payload.src,payload.alt,\"\",payload.style))\r\n      }, COMMAND_PRIORITY_LOW),\r\n      // 剪切板图片\r\n      editor.registerCommand(DRAG_DROP_PASTE, (files) => {\r\n        const types = [\r\n          'image/',\r\n          'image/heic',\r\n          'image/heif',\r\n          'image/gif',\r\n          'image/webp',\r\n        ];\r\n\r\n        (async () => {\r\n\r\n          const filesResult = await mediaFileReader(files, [types].flatMap((x) => x))\r\n\r\n          const result = await uploadhandle(filesResult.filter(f => isMimeType(f.file, types)).map(f => f.result))\r\n\r\n          result.forEach((path) => {\r\n            editor.dispatchCommand(INSERT_IMAGE_COMMAND, { src: path as string, alt: \"\", style:\"max-width:100%\"})\r\n          })\r\n        })()\r\n\r\n        return true\r\n      }, COMMAND_PRIORITY_LOW),\r\n       // 插入模版\r\n       editor.registerCommand<string>(INSERT_TEMPLATE_COMMAND,(name) => {\r\n\r\n        const template = findLexicalEditorTemplate(name);\r\n        \r\n        const templateNodes = template ? generateNodesFromHtml(editor, template.template) : [];\r\n     \r\n        insertNodesHandle(...templateNodes)\r\n      \r\n        return true\r\n      },COMMAND_PRIORITY_LOW),\r\n    \r\n      // 插入HTML模版\r\n      editor.registerCommand<string>(INSERT_HTMLTEMPLATE_COMMAND,(html) => {\r\n\r\n        const templateNodes = generateNodesFromHtml(editor, html);\r\n        insertNodesHandle(...templateNodes)\r\n      \r\n        return true\r\n      },COMMAND_PRIORITY_LOW),\r\n      //链接\r\n      editor.registerCommand(TOGGLE_LINK_COMMAND,(payload) => {\r\n        if (payload === null) {\r\n          $toggleLink(payload)\r\n          return true\r\n        }\r\n        else if (typeof payload === 'string') {\r\n          $toggleLink(payload)\r\n          return false\r\n        }\r\n        else {\r\n          const { url, target, rel, title } = payload\r\n          $toggleLink(url, { rel, target, title })\r\n          return true\r\n        }\r\n      }, COMMAND_PRIORITY_LOW)\r\n    );\r\n  }\r\n})\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"RichTextEditorPlugin.js","sources":["../../../../../../src/components/basic/lexical-editor/plugins/RichTextEditorPlugin.ts"],"sourcesContent":["\r\n\r\nimport { $createParagraphNode, $getNodeByKey, $getRoot, $getSelection, $isElementNode, $isNodeSelection, $isParagraphNode, $isRangeSelection, $isRootNode, COMMAND_PRIORITY_LOW, LexicalNode, NodeKey } from \"lexical\";\r\n\r\nimport { DRAG_DROP_PASTE, HeadingNode, QuoteNode } from '@lexical/rich-text'\r\nimport { CodeHighlightNode, CodeNode } from '@lexical/code'\r\nimport { $isLinkNode, $toggleLink, AutoLinkNode, LinkNode, TOGGLE_LINK_COMMAND } from '@lexical/link'\r\nimport { registerEditorPlugin,  useLexicalEditorContext } from \"../composables\"\r\nimport { \r\n    HtmlElementDecoratorNode,\r\n    ModuleDecoratorNode,ModuleDecoratorWarpNode,\r\n    HtmlElementNode,\r\n    ImageNode,ImageTextWarpNode,\r\n    $isImageNode,\r\n    $isImageTextWarpNode,\r\n    INSERT_IMAGETEXTWARP_COMMAND,\r\n    $createImageTextWarpNode,\r\n    INSERT_IMAGE_COMMAND,\r\n    $createImageNode,\r\n    INSERT_MODULE_COMMAND,\r\n    ModulePropType,\r\n    createModuleHtml,getModuleData,\r\n    $isModuleDecoratorNode,\r\n    $isModuleDecoratorWarpNode,\r\n    INSERT_HTMLTEMPLATE_COMMAND,\r\n    INSERT_TEMPLATE_COMMAND\r\n } from \"../nodes\"\r\nimport { $insertNodeToNearestRoot, isMimeType, mediaFileReader, mergeRegister } from \"@lexical/utils\";\r\nimport {  generateNodesFromHtml, getCSSFromStyleObject, imageUpload, sanitizeUrl, showHtmlTemplateDialog, showImageEditDialog, showLinkEditDialog, showModuleSelectDialog, showTemplateSelectDialog } from \"../utils\";\r\nimport { ElLoading } from \"element-plus\";\r\nimport { createDefaultFormData, showDynamicFormDialoger } from \"../../dynamic-form-panel\"; \r\n\r\n// 上传处理函数\r\nconst uploadhandle = async (pathList: Array<string>) => {\r\n\r\n  if (pathList.length) {\r\n\r\n    const loadingInstance = ElLoading.service({ fullscreen: true, text: \"图片上传中...\" })\r\n\r\n    const reesult = await Promise.all(pathList.map(path => imageUpload(path)))\r\n\r\n    loadingInstance.close();\r\n\r\n    return reesult;\r\n  }\r\n\r\n  return [];\r\n}\r\n\r\n// 插入节点的处理函数\r\nconst insertNodeHandle = (node: LexicalNode,selectNode:LexicalNode) => {\r\n\r\n  // 模块\r\n  if ($isModuleDecoratorNode(node) && !$isModuleDecoratorWarpNode(node)) {\r\n    const moduleWarp = new ModuleDecoratorWarpNode();\r\n    moduleWarp.append(node);\r\n    node = moduleWarp;\r\n  }\r\n\r\n  // 图片\r\n  if($isImageNode(node)){\r\n    const p = $createParagraphNode();\r\n    p.append(node)\r\n    node = p;\r\n  }\r\n  if ($isElementNode(selectNode) && !$isParagraphNode(selectNode)) {\r\n    selectNode.append(node);\r\n  } \r\n  else if ($isParagraphNode(selectNode)) {\r\n    selectNode.replace(node);\r\n  } \r\n  else{\r\n    $insertNodeToNearestRoot(node);\r\n  }\r\n \r\n}\r\n\r\n// 插入节点的处理函数\r\nconst insertNodesHandle = (...nodes: Array<LexicalNode>) => {\r\n\r\n  const selection = $getSelection()\r\n  let selectNode = $isNodeSelection(selection) ? selection?.getNodes()[0]  : ($isRangeSelection(selection) ? selection.anchor.getNode() :  $getRoot());\r\n\r\n  nodes.forEach(node=> insertNodeHandle(node,selectNode))\r\n\r\n  return false;\r\n}\r\n\r\n// 注册插件\r\nregisterEditorPlugin({\r\n  nodes:[\r\n    AutoLinkNode, LinkNode,\r\n    CodeHighlightNode, CodeNode ,\r\n    HeadingNode, QuoteNode ,\r\n    HtmlElementDecoratorNode,\r\n    ModuleDecoratorNode,ModuleDecoratorWarpNode,\r\n    HtmlElementNode,\r\n    ImageNode,ImageTextWarpNode\r\n  ],\r\n  tools:[\r\n    {\r\n      icon: \"Picture\",\r\n      text: \"图片\",\r\n      action:(editor)=>{\r\n        // 显示图片编辑面板\r\n        showImageEditDialog({\r\n          src: \"\", alt: \"\", width: \"\", height: \"\", maxWidth: \"100%\", maxHeight: \"\", margin: \"\"\r\n        }).then(async (data: any) => {\r\n          const result = await uploadhandle([data.src])\r\n          editor.dispatchCommand(INSERT_IMAGE_COMMAND, { \r\n            src:result[0] as string,\r\n            alt:data.alt,\r\n            style:getCSSFromStyleObject({\r\n              \"width\":data.width,\"height\":data.height,\r\n              \"max-width\":data.maxWidth,\r\n              \"max-height\":data.maxHeight,\"margin\":data.margin\r\n            }) \r\n          })\r\n        });\r\n      },\r\n      disbale:(node)=>!$isElementNode(node) && !$isRootNode(node) || $isModuleDecoratorWarpNode(node),\r\n      sort:99\r\n    },\r\n    {\r\n      icon: \"Grid\",\r\n      text: \"模块\",\r\n      action:async (editor)=>{\r\n        // 打开模块面板\r\n        const result = (await showModuleSelectDialog(editor._config.namespace)) as any;\r\n        const defaultData = createDefaultFormData(result.options);\r\n        editor.dispatchCommand(INSERT_MODULE_COMMAND, { name: result.name, data: defaultData })\r\n      }, \r\n      disbale:(node)=>!$isElementNode(node) && !$isRootNode(node),\r\n      sort:99\r\n    },\r\n    {\r\n      icon:\"richtext\",\r\n      text:\"模版\",\r\n      action:async (editor)=>{\r\n        editor.dispatchCommand(INSERT_TEMPLATE_COMMAND,await showTemplateSelectDialog(editor._config.namespace))\r\n      }, \r\n      disbale:(node)=>!$isElementNode(node) && !$isRootNode(node) || $isModuleDecoratorWarpNode(node),\r\n      sort:99\r\n    },\r\n    {\r\n      icon: \"richtext-outline\",\r\n      text: \"图文环绕\",\r\n      action:(editor)=>{\r\n        editor.dispatchCommand(INSERT_IMAGETEXTWARP_COMMAND,null)\r\n      }, \r\n      disbale:(node)=>!$isElementNode(node) && !$isRootNode(node) || $isModuleDecoratorWarpNode(node),\r\n      sort:99\r\n    },\r\n    {\r\n      icon:\"html-code\",\r\n      text:\"HTML模版\",\r\n      action:async (editor)=>{\r\n        editor.dispatchCommand(INSERT_HTMLTEMPLATE_COMMAND,await showHtmlTemplateDialog())\r\n      },\r\n      disbale:(node)=>!$isElementNode(node) && !$isRootNode(node) || $isModuleDecoratorWarpNode(node),\r\n      sort:89\r\n    }\r\n  ],\r\n  shortcutTools:editor=>{\r\n\r\n    const { findLexicalEditorModule } = useLexicalEditorContext(editor._config.namespace)\r\n\r\n    return [\r\n      // 默认编辑\r\n      // {\r\n      //   exist:(node)=>$isHtmlElementNode(node) || $isHtmlElementDecoratorNode(node),\r\n      //   tools:[\r\n      //     {\r\n      //       key:\"edit\",title: \"编辑\", icon: \"Edit\", action: async (editNode:LexicalNode) => {\r\n      //         console.log(\"编辑\")\r\n      //         // // 打开模块面板\r\n      //         // const result = (await showModuleSelectDialog()) as ModuleType;\r\n      //         // const defaultData = createDefaultFormData(result.options);\r\n      //         // // 插入模块\r\n      //         // editor.dispatchCommand(INSERT_MODULE_COMMAND, { name: result.name, data: defaultData })\r\n      //       }\r\n      //     }\r\n      //   ]\r\n      // },\r\n      // 超链接\r\n      {\r\n        exist:(node)=>$isLinkNode(node),\r\n        tools:[\r\n          {\r\n            key:\"edit\",title: \"编辑\", icon: \"Edit\", action: async (editNode:LinkNode) => {\r\n          \r\n              // 显示图片编辑面板\r\n              showLinkEditDialog(editor.read(()=>editNode.getURL())).then((href:any)=>{\r\n                if(href.trim()){\r\n                  editor.update(()=>{\r\n                    editNode.getWritable().setURL(sanitizeUrl(href))\r\n                  })\r\n                }\r\n                else{\r\n                  editor.dispatchCommand(TOGGLE_LINK_COMMAND, null)\r\n                }\r\n              })\r\n            \r\n            }\r\n          }\r\n        ]\r\n      },\r\n      // 模块\r\n      {\r\n        exist:(node)=>$isModuleDecoratorNode(node),\r\n        tools:[\r\n          {\r\n            key:\"edit\",title: \"编辑\", icon: \"Edit\", action: async (editNode:ModuleDecoratorNode) => {\r\n              const module = findLexicalEditorModule(editNode.__moduleName);\r\n              if(module){\r\n                const result = await showDynamicFormDialoger(module.title,module.options,getModuleData(editNode.__moduleHtml,module.options))\r\n                editor.update(() =>  editNode.setHtml(createModuleHtml(module.template,result)))\r\n              }\r\n            }\r\n          }\r\n        ]\r\n      },\r\n      // 图片编辑\r\n      {\r\n        exist:(node)=>$isImageNode(node),\r\n        tools:(nodeKey) => {\r\n      \r\n          const node = $getNodeByKey(nodeKey as NodeKey);\r\n      \r\n          if ($isImageNode(node)) {\r\n      \r\n            const parent = node.getParent();\r\n      \r\n            // 是否是文本环绕里面的图\r\n            const isImageTextWarp = $isImageTextWarpNode(parent)\r\n      \r\n            // 工具条\r\n            const toolbarList:Array<any> = [\r\n              {\r\n                key:\"edit\",title: \"编辑\", icon: \"Edit\", action: async (editNode:ImageNode) => {\r\n            \r\n                  const {src,alt,style} = { style:editNode.getStyleObj(),src:editNode.__src,alt:editNode.__alt }\r\n                  \r\n                  const data: any = await showImageEditDialog({\r\n                    src, alt, \r\n                    width: style.width || \"\", height: style.height || \"\", \r\n                    maxWidth:  style[\"max-width\"] || \"\", maxHeight:  style[\"max-height\"]  || \"\",\r\n                    margin: style.margin || \"\"\r\n                  }) \r\n             \r\n                  const result = await uploadhandle([data.src])\r\n                  \r\n                  editor.update(()=>{\r\n\r\n                    node.setSrc(result[0] as string)\r\n                    node.setAlt(data.alt)\r\n                    node.addStyle({\r\n                      \"width\":data.width,\"height\":data.height,\r\n                      \"max-width\":data.maxWidth,\r\n                      \"max-height\":data.maxHeight,\r\n                      \"margin\":data.margin\r\n                    })\r\n                  })\r\n                }\r\n              }\r\n            ];\r\n      \r\n            // 左对齐\r\n            if($isParagraphNode(parent) || isImageTextWarp){\r\n              toolbarList.push({ title: isImageTextWarp ? \"居左\" : \"左对齐\",icon:`doc-align-left`,action:async (editNode:ImageNode)=>{\r\n                  editor.update(()=>{\r\n                    if(isImageTextWarp){\r\n                      editNode.addStyle({ 'float':\"left\" })\r\n                    }\r\n                    else {\r\n                      parent.setFormat(\"left\")\r\n                    }\r\n                  })\r\n                }\r\n              });\r\n            }\r\n      \r\n            // 居中对齐\r\n            if($isParagraphNode(parent) && !isImageTextWarp){\r\n              toolbarList.push({ title: \"居中对齐\",icon:`doc-align-center`,action:async ()=>{\r\n                  editor.update(()=>parent.setFormat(\"center\") )\r\n                }\r\n              });\r\n            }\r\n      \r\n            // 右对齐\r\n            if($isParagraphNode(parent) || isImageTextWarp){\r\n              toolbarList.push({ title: isImageTextWarp ? \"居右\" : \"右对齐\",icon:`doc-align-right`,action:async ()=>{\r\n                editor.update(()=>{\r\n                    if(isImageTextWarp){\r\n                      node.addStyle({ 'float':\"right\" })\r\n                    }\r\n                    else {\r\n                      parent.setFormat(\"right\")\r\n                    }\r\n                  })\r\n                }\r\n              });\r\n            }\r\n      \r\n            return toolbarList;\r\n          }\r\n      \r\n          return null;\r\n        }\r\n      }\r\n    ]\r\n  },\r\n  templates:[],\r\n  useMounted(editor){\r\n    \r\n    const { findLexicalEditorModule,findLexicalEditorTemplate } = useLexicalEditorContext(editor._config.namespace)\r\n\r\n \r\n    // 注册指令\r\n    return mergeRegister(\r\n      // // 插入布局格子\r\n      // editor.registerCommand<LayoutGridNodeAttrType>(INSERT_LAYOUTGRID_COMMAND, (payload) => {\r\n\r\n      //   insertGridHandle(new LayoutGridNode(payload));\r\n\r\n      //   return true\r\n      // }, COMMAND_PRIORITY_EDITOR),\r\n      // // 插入文本格子\r\n      // editor.registerCommand<TextGridNodeAttrType>(INSERT_TEXTGRID_COMMAND, (payload) => {\r\n\r\n      //   const textGrid = new TextGridNode(payload)\r\n      //   textGrid.append($createParagraphNode())\r\n      //   textGrid.append($createParagraphNode())\r\n      //   textGrid.append($createParagraphNode())\r\n      //   textGrid.append($createParagraphNode())\r\n      //   textGrid.append($createParagraphNode())\r\n      //   textGrid.append($createParagraphNode())\r\n      //   insertGridHandle(textGrid);\r\n\r\n      //   return true\r\n      // }, COMMAND_PRIORITY_EDITOR),\r\n      // // 插入模块格子\r\n      // editor.registerCommand<ModuleGridNodeAttrType>(INSERT_MODULEGRID_COMMAND, (payload) => {\r\n      //   insertGridHandle(new ModuleGridNode(payload));\r\n      //   return true\r\n      // }, COMMAND_PRIORITY_EDITOR),\r\n      // 插入模块\r\n      editor.registerCommand<ModulePropType>(INSERT_MODULE_COMMAND,(payload) => {\r\n\r\n        const module = findLexicalEditorModule(payload.name)\r\n\r\n        if(module){\r\n          insertNodesHandle(new ModuleDecoratorNode(payload.name,createModuleHtml(module.template,payload.data)))\r\n        }\r\n      \r\n        return true\r\n      },COMMAND_PRIORITY_LOW),\r\n      // 插入图文环绕\r\n      editor.registerCommand<null>(INSERT_IMAGETEXTWARP_COMMAND, () => insertNodesHandle($createImageTextWarpNode()), COMMAND_PRIORITY_LOW),\r\n      // 插入图片\r\n      editor.registerCommand(INSERT_IMAGE_COMMAND, (payload) => {\r\n        return  insertNodesHandle($createImageNode(payload.src,payload.alt,\"\",payload.style))\r\n      }, COMMAND_PRIORITY_LOW),\r\n      // 剪切板图片\r\n      editor.registerCommand(DRAG_DROP_PASTE, (files) => {\r\n        const types = [\r\n          'image/',\r\n          'image/heic',\r\n          'image/heif',\r\n          'image/gif',\r\n          'image/webp',\r\n        ];\r\n\r\n        (async () => {\r\n\r\n          const filesResult = await mediaFileReader(files, [types].flatMap((x) => x))\r\n\r\n          const result = await uploadhandle(filesResult.filter(f => isMimeType(f.file, types)).map(f => f.result))\r\n\r\n          result.forEach((path) => {\r\n            editor.dispatchCommand(INSERT_IMAGE_COMMAND, { src: path as string, alt: \"\", style:\"max-width:100%\"})\r\n          })\r\n        })()\r\n\r\n        return true\r\n      }, COMMAND_PRIORITY_LOW),\r\n       // 插入模版\r\n       editor.registerCommand<string>(INSERT_TEMPLATE_COMMAND,(name) => {\r\n\r\n        const template = findLexicalEditorTemplate(name);\r\n        \r\n        const templateNodes = template ? generateNodesFromHtml(editor, template.template) : [];\r\n     \r\n        insertNodesHandle(...templateNodes)\r\n      \r\n        return true\r\n      },COMMAND_PRIORITY_LOW),\r\n    \r\n      // 插入HTML模版\r\n      editor.registerCommand<string>(INSERT_HTMLTEMPLATE_COMMAND,(html) => {\r\n\r\n        const templateNodes = generateNodesFromHtml(editor, html);\r\n        insertNodesHandle(...templateNodes)\r\n      \r\n        return true\r\n      },COMMAND_PRIORITY_LOW),\r\n      //链接\r\n      editor.registerCommand(TOGGLE_LINK_COMMAND,(payload) => {\r\n        if (payload === null) {\r\n          $toggleLink(payload)\r\n          return true\r\n        }\r\n        else if (typeof payload === 'string') {\r\n          $toggleLink(payload)\r\n          return false\r\n        }\r\n        else {\r\n          const { url, target, rel, title } = payload\r\n          $toggleLink(url, { rel, target, title })\r\n          return true\r\n        }\r\n      }, COMMAND_PRIORITY_LOW)\r\n    );\r\n  }\r\n})\r\n"],"names":[],"mappings":"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"}

package/dist/esm/components/basic/lexical-editor/plugins/ToolbarPlugin.vue.js

@@ -2,7 +2,7 @@ import _sfc_main from "./ToolbarPlugin.vue4.js";
 /* empty css                   */
 /* empty css                   */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
-const ToolbarPlugin = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a3ff2954"]]);
+const ToolbarPlugin = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-16f079ca"]]);
 export {
   ToolbarPlugin as default
 };