@fast-crud/editor-markdown 1.28.2 → 1.28.4

package/.eslintrc.js

@@ -9,11 +9,71 @@ module.exports = {
   parserOptions: {
     parser: "@typescript-eslint/parser",
     ecmaVersion: 2020,
-    sourceType: "module"
+    sourceType: "module",
+    jsxPragma: "React",
+    ecmaFeatures: {
+      jsx: true,
+      tsx: true
+    }
   },
-  extends: ["plugin:vue/vue3-recommended", "plugin:@typescript-eslint/recommended", "plugin:prettier/recommended", "prettier"],
+  extends: [
+    "plugin:vue/vue3-recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:prettier/recommended",
+    "prettier"
+  ],
   rules: {
     "@typescript-eslint/no-unused-vars": "off",
-    "@typescript-eslint/no-explicit-any": "off"
+    "@typescript-eslint/ban-ts-ignore": "off",
+    "@typescript-eslint/explicit-function-return-type": "off",
+    "@typescript-eslint/no-explicit-any": "off",
+    "@typescript-eslint/no-implicitly-any": "off",
+    "@typescript-eslint/no-var-requires": "off",
+    "@typescript-eslint/no-empty-function": "off",
+    "@typescript-eslint/no-use-before-define": "off",
+    "@typescript-eslint/ban-ts-comment": "off",
+    "@typescript-eslint/ban-types": "off",
+    "@typescript-eslint/no-non-null-assertion": "off",
+    "@typescript-eslint/explicit-module-boundary-types": "off"
+
+    // "@typescript-eslint/no-unused-vars": [
+    //   "error",
+    //   {
+    //     argsIgnorePattern: "^h$",
+    //     varsIgnorePattern: "^h$"
+    //   }
+    // ],
+    // "vue/custom-event-name-casing": "off",
+    // "no-use-before-define": "off",
+    // "no-unused-vars": [
+    //   "error",
+    //   {
+    //     argsIgnorePattern: "^h$",
+    //     varsIgnorePattern: "^h$"
+    //   }
+    // ],
+    // "space-before-function-paren": "off",
+    //
+    // "vue/attributes-order": "off",
+    // "vue/one-component-per-file": "off",
+    // "vue/html-closing-bracket-newline": "off",
+    // "vue/max-attributes-per-line": "off",
+    // "vue/multiline-html-element-content-newline": "off",
+    // "vue/singleline-html-element-content-newline": "off",
+    // "vue/attribute-hyphenation": "off",
+    // // 'vue/html-self-closing': 'off',
+    // "vue/require-default-prop": "off",
+    // "vue/html-self-closing": [
+    //   "error",
+    //   {
+    //     html: {
+    //       void: "always",
+    //       normal: "never",
+    //       component: "always"
+    //     },
+    //     svg: "always",
+    //     math: "always"
+    //   }
+    // ]
   }
 };

package/.prettierrc

@@ -1,4 +1,5 @@
 {
+
   "trailingComma": "none",
   "printWidth": 120
 }

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.28.3](https://github.com/fast-crud/fast-crud/compare/v1.28.2...v1.28.3) (2026-08-01)
+
+**Note:** Version bump only for package @fast-crud/editor-markdown
+
 ## [1.28.2](https://github.com/fast-crud/fast-crud/compare/v1.28.1...v1.28.2) (2026-08-01)
 
 ### Performance Improvements

package/dist/d/editor/exports.d.ts

@@ -0,0 +1 @@
+export { default as FsEditorMarkdown } from "./components/fs-editor-markdown/index.vue";

package/dist/d/editor/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./exports";
+export declare const FsEditorMarkdown: {
+    install(app: any, options: any): void;
+};

package/dist/d/editor/index.umd.d.ts

@@ -0,0 +1 @@
+export * from "./index";

package/dist/d/editor/type/index.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    install(): void;
+};
+export default _default;

package/dist/d/editor/type/types.d.ts

@@ -0,0 +1,12 @@
+export default function (): {
+    "editor-markdown": {
+        form: {
+            component: {
+                name: string;
+            };
+            col: {
+                span: number;
+            };
+        };
+    };
+};

package/dist/d/index.d.ts

@@ -0,0 +1,2 @@
+import "./style.css";
+export * from "./editor";

package/dist/d/index.umd.d.ts

@@ -0,0 +1,2 @@
+import "./style.css";
+export * from "./editor/index.umd";

package/dist/editor-markdown.mjs

@@ -1,56 +1,8 @@
-import { useTypes as m, utils as c } from "@fast-crud/fast-crud";
-import { defineComponent as u, useAttrs as p, computed as f, openBlock as y, createBlock as _, unref as v, normalizeProps as k, guardReactiveProps as V } from "vue";
-import g from "mavon-editor";
-function w() {
-  return {
-    "editor-markdown": {
-      form: { component: { name: "fs-editor-markdown" }, col: { span: 24 } }
-    }
-  };
-}
-const E = {
-  install() {
-    const { addTypes: e } = m();
-    e(w());
-  }
-}, B = /* @__PURE__ */ u({
-  inheritAttrs: !1,
-  __name: "index",
-  props: {
-    modelValue: {},
-    disabled: { type: Boolean },
-    readonly: { type: Boolean }
-  },
-  emits: ["update:modelValue", "change"],
-  setup(e, { emit: t }) {
-    const n = e, a = t, l = p(), d = g.mavonEditor, i = f(() => ({
-      ...l,
-      class: ["fs-editor-markdown", l.class],
-      value: n.modelValue ?? "",
-      modelValue: n.modelValue ?? "",
-      ...n.disabled || n.readonly ? { editable: !1 } : {},
-      onInput: s,
-      "onUpdate:modelValue": s,
-      onChange(o, r) {
-        s(o), a("change", o, r);
-      }
-    }));
-    function s(o) {
-      a("update:modelValue", o);
-    }
-    return (o, r) => (y(), _(v(d), k(V(i.value)), null, 16));
-  }
-});
-const x = /* @__PURE__ */ Object.assign({ "./components/fs-editor-markdown/index.vue": () => import("./index-0ae09bdb.mjs") }), C = {
-  install(e) {
-    c.vite.installAsyncComponents(e, x, null, /^.*\/([^\/]+)\/.*.vue$/, null);
-  }
-}, A = {
-  install(e, t) {
-    e.use(E, t), e.use(C);
-  }
-};
+import { F as p } from "./index-4f72a34c.mjs";
+import "@fast-crud/fast-crud";
+import "vue";
+import "mavon-editor";
 export {
-  A as FsEditorMarkdown,
-  B as FsEditorMarkdownComponent
+  p as FsEditorMarkdown
 };
+//# sourceMappingURL=editor-markdown.mjs.map

package/dist/editor-markdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-markdown.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/editor-markdown.umd.js

@@ -1 +1,2 @@
-(function(e,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("@fast-crud/fast-crud"),require("vue"),require("mavon-editor")):typeof define=="function"&&define.amd?define(["exports","@fast-crud/fast-crud","vue","mavon-editor"],t):(e=typeof globalThis<"u"?globalThis:e||self,t(e.FsEditorMarkdown={},e.FastCrud,e.Vue,e.MavonEditor))})(this,function(e,t,o,p){"use strict";const w="";function m(){return{"editor-markdown":{form:{component:{name:"fs-editor-markdown"},col:{span:24}}}}}const f={install(){const{addTypes:n}=t.useTypes();n(m())}},i=o.defineComponent({inheritAttrs:!1,__name:"index",props:{modelValue:{},disabled:{type:Boolean},readonly:{type:Boolean}},emits:["update:modelValue","change"],setup(n,{emit:r}){const d=n,l=r,u=o.useAttrs(),M=p.mavonEditor,h=o.computed(()=>({...u,class:["fs-editor-markdown",u.class],value:d.modelValue??"",modelValue:d.modelValue??"",...d.disabled||d.readonly?{editable:!1}:{},onInput:a,"onUpdate:modelValue":a,onChange(s,c){a(s),l("change",s,c)}}));function a(s){l("update:modelValue",s)}return(s,c)=>(o.openBlock(),o.createBlock(o.unref(M),o.normalizeProps(o.guardReactiveProps(h.value)),null,16))}}),E="",y=Object.freeze(Object.defineProperty({__proto__:null,default:i},Symbol.toStringTag,{value:"Module"})),_=Object.assign({"./components/fs-editor-markdown/index.vue":()=>Promise.resolve().then(()=>y)}),k={install(n){t.utils.vite.installAsyncComponents(n,_,null,/^.*\/([^\/]+)\/.*.vue$/,null)}},v={install(n,r){n.use(f,r),n.use(k)}};e.FsEditorMarkdown=v,e.FsEditorMarkdownComponent=i,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
+(function(e,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("@fast-crud/fast-crud"),require("vue"),require("mavon-editor")):typeof define=="function"&&define.amd?define(["exports","@fast-crud/fast-crud","vue","mavon-editor"],s):(e=typeof globalThis<"u"?globalThis:e||self,s(e.FsExtends={},e.FastCrud,e.Vue,e.MavonEditor))})(this,function(e,s,o,m){"use strict";const v="";function f(){return{"editor-markdown":{form:{component:{name:"fs-editor-markdown"},col:{span:24}}}}}const p={install(){const{addTypes:t}=s.useTypes();t(f())}},y=o.defineComponent({name:"FsEditorMarkdown",inheritAttrs:!1}),_=o.defineComponent({...y,props:{modelValue:{},disabled:{type:Boolean},readonly:{type:Boolean}},emits:["update:modelValue","change","imgAdd"],setup(t,{emit:r}){const i=t,a=r,l=o.useAttrs(),E=m.mavonEditor,c=o.ref(),M=o.computed(()=>({...l,class:["fs-editor-markdown",l.class],modelValue:i.modelValue??"",...i.disabled||i.readonly?{editable:!1}:{},"onUpdate:modelValue":u,onImgAdd(n,d){a("imgAdd",n,d,c.value)},onChange(n,d){u(n),a("change",n,d)}}));function u(n){a("update:modelValue",n)}return(n,d)=>(o.openBlock(),o.createBlock(o.unref(E),o.mergeProps({class:"fs-editor-markdown",ref_key:"editorRef",ref:c},M.value),null,16))}}),x="",k=Object.freeze(Object.defineProperty({__proto__:null,default:_},Symbol.toStringTag,{value:"Module"})),g=Object.assign({"./components/fs-editor-markdown/index.vue":()=>Promise.resolve().then(()=>k)}),h={install(t){s.utils.vite.installAsyncComponents(t,g,null,/^.*\/([^\/]+)\/.*.vue$/,null)}},w={install(t,r){t.use(p,r),t.use(h)}};e.FsEditorMarkdown=w,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
+//# sourceMappingURL=editor-markdown.umd.js.map

package/dist/editor-markdown.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-markdown.umd.js","sources":["../../src/editor/type/types.ts","../../src/editor/type/index.ts","../src/editor/components/fs-editor-markdown/index.vue","../../src/editor/index.ts"],"sourcesContent":[null,null,"<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: \"FsEditorMarkdown\",\n  inheritAttrs: false \n});\n</script>\n<template>\n  <MavonEditorComponent class=\"fs-editor-markdown\" ref=\"editorRef\" v-bind=\"editorProps\" />\n</template>\n\n<script lang=\"ts\" setup>\nimport mavonEditor from \"mavon-editor\";\nimport { computed, ref, useAttrs } from \"vue\";\n\n;\n\nconst props = defineProps<{\n  modelValue?: string;\n  disabled?: boolean;\n  readonly?: boolean;\n}>();\n\nconst emits = defineEmits([\"update:modelValue\", \"change\", \"imgAdd\"]);\nconst attrs = useAttrs();\nconst MavonEditorComponent = mavonEditor.mavonEditor;\nconst editorRef = ref<any>();\n\nconst editorProps = computed(() => ({\n  ...attrs,\n  class: [\"fs-editor-markdown\", attrs.class],\n  modelValue: props.modelValue ?? \"\",\n  ...(props.disabled || props.readonly ? { editable: false } : {}),\n  \"onUpdate:modelValue\": updateValue,\n  onImgAdd(position: number, file: File) {\n    emits(\"imgAdd\", position, file, editorRef.value);\n  },\n  onChange(value: string, render: string) {\n    updateValue(value);\n    emits(\"change\", value, render);\n  }\n}));\n\nfunction updateValue(value: string) {\n  emits(\"update:modelValue\", value);\n}\n</script>\n\n<style lang=\"less\">\n.fs-editor-markdown {\n  width: 100%;\n}\n</style>\n",null],"names":["types","EcologyType","addTypes","useTypes","__default__","__MACROS_defineComponent","props","__props","emits","__emit","attrs","useAttrs","MavonEditorComponent","mavonEditor","editorRef","ref","editorProps","computed","updateValue","position","file","value","render","_openBlock","_createBlock","_unref","_mergeProps","asyncModules","FsEditorMarkdownComponents","app","utils","FsEditorMarkdown","options"],"mappings":"oYAAc,SAAAA,GAAA,CACL,MAAA,CACL,kBAAmB,CACjB,KAAM,CAAE,UAAW,CAAE,KAAM,oBAAsB,EAAE,IAAK,CAAE,KAAM,GAAM,CACvE,CAAA,CAEL,CCHe,MAAAC,EAAA,CACb,SAAO,CACC,KAAA,CAAE,SAAAC,GAAaC,EAAAA,WACrBD,EAASF,GAAO,CAClB,GCL2BI,EAAAC,EAAAA,gBAAyB,CACpD,KAAM,mBACN,aAAc,EAChB,CAAC,kKAYD,MAAMC,EAAQC,EAMRC,EAAQC,EACRC,EAAQC,EAAAA,WACRC,EAAuBC,EAAY,YACnCC,EAAYC,EAAAA,MAEZC,EAAcC,EAAAA,SAAS,KAAO,CAClC,GAAGP,EACH,MAAO,CAAC,qBAAsBA,EAAM,KAAK,EACzC,WAAYJ,EAAM,YAAc,GAChC,GAAIA,EAAM,UAAYA,EAAM,SAAW,CAAE,SAAU,EAAM,EAAI,CAAC,EAC9D,sBAAuBY,EACvB,SAASC,EAAkBC,EAAY,CACrCZ,EAAM,SAAUW,EAAUC,EAAMN,EAAU,KAAK,CACjD,EACA,SAASO,EAAeC,EAAgB,CACtCJ,EAAYG,CAAK,EACXb,EAAA,SAAUa,EAAOC,CAAM,CAC/B,CACA,EAAA,EAEF,SAASJ,EAAYG,EAAe,CAClCb,EAAM,oBAAqBa,CAAK,CAClC,eArCEE,EAAAA,UAAA,EAAAC,EAAA,YAAwFC,WAAxFC,EAAAA,WAAwF,CAAlE,MAAM,6BAAyB,YAAJ,IAAIZ,CAAoB,EAAAE,EAAW,KAAA,EAAA,KAAA,EAAA,kHCJhFW,iGACAC,EAA6B,CACjC,QAAQC,EAAQ,CACdC,QAAM,KAAK,uBAAuBD,EAAKF,EAAc,KAAM,yBAA0B,IAAI,CAC3F,GAGWI,EAAmB,CAC9B,QAAQF,EAAUG,EAAY,CACxBH,EAAA,IAAI5B,EAAa+B,CAAO,EAC5BH,EAAI,IAAID,CAA0B,CACpC"}

package/dist/index-041be0e7.mjs

@@ -0,0 +1,8 @@
+import { _ as o } from "./index-4f72a34c.mjs";
+import "@fast-crud/fast-crud";
+import "vue";
+import "mavon-editor";
+export {
+  o as default
+};
+//# sourceMappingURL=index-041be0e7.mjs.map

package/dist/index-041be0e7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-041be0e7.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/index-4f72a34c.mjs

@@ -0,0 +1,64 @@
+import { useTypes as u, utils as p } from "@fast-crud/fast-crud";
+import { defineComponent as i, useAttrs as f, ref as _, computed as y, openBlock as k, createBlock as g, unref as v, mergeProps as w } from "vue";
+import E from "mavon-editor";
+function V() {
+  return {
+    "editor-markdown": {
+      form: { component: { name: "fs-editor-markdown" }, col: { span: 24 } }
+    }
+  };
+}
+const A = {
+  install() {
+    const { addTypes: e } = u();
+    e(V());
+  }
+}, h = i({
+  name: "FsEditorMarkdown",
+  inheritAttrs: !1
+}), F = /* @__PURE__ */ i({
+  ...h,
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean }
+  },
+  emits: ["update:modelValue", "change", "imgAdd"],
+  setup(e, { emit: n }) {
+    const s = e, a = n, d = f(), m = E.mavonEditor, r = _(), c = y(() => ({
+      ...d,
+      class: ["fs-editor-markdown", d.class],
+      modelValue: s.modelValue ?? "",
+      ...s.disabled || s.readonly ? { editable: !1 } : {},
+      "onUpdate:modelValue": l,
+      onImgAdd(o, t) {
+        a("imgAdd", o, t, r.value);
+      },
+      onChange(o, t) {
+        l(o), a("change", o, t);
+      }
+    }));
+    function l(o) {
+      a("update:modelValue", o);
+    }
+    return (o, t) => (k(), g(v(m), w({
+      class: "fs-editor-markdown",
+      ref_key: "editorRef",
+      ref: r
+    }, c.value), null, 16));
+  }
+});
+const x = /* @__PURE__ */ Object.assign({ "./components/fs-editor-markdown/index.vue": () => import("./index-041be0e7.mjs") }), C = {
+  install(e) {
+    p.vite.installAsyncComponents(e, x, null, /^.*\/([^\/]+)\/.*.vue$/, null);
+  }
+}, T = {
+  install(e, n) {
+    e.use(A, n), e.use(C);
+  }
+};
+export {
+  T as F,
+  F as _
+};
+//# sourceMappingURL=index-4f72a34c.mjs.map

package/dist/index-4f72a34c.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-4f72a34c.mjs","sources":["../../src/editor/type/types.ts","../../src/editor/type/index.ts","../src/editor/components/fs-editor-markdown/index.vue","../../src/editor/index.ts"],"sourcesContent":[null,null,"<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: \"FsEditorMarkdown\",\n  inheritAttrs: false \n});\n</script>\n<template>\n  <MavonEditorComponent class=\"fs-editor-markdown\" ref=\"editorRef\" v-bind=\"editorProps\" />\n</template>\n\n<script lang=\"ts\" setup>\nimport mavonEditor from \"mavon-editor\";\nimport { computed, ref, useAttrs } from \"vue\";\n\n;\n\nconst props = defineProps<{\n  modelValue?: string;\n  disabled?: boolean;\n  readonly?: boolean;\n}>();\n\nconst emits = defineEmits([\"update:modelValue\", \"change\", \"imgAdd\"]);\nconst attrs = useAttrs();\nconst MavonEditorComponent = mavonEditor.mavonEditor;\nconst editorRef = ref<any>();\n\nconst editorProps = computed(() => ({\n  ...attrs,\n  class: [\"fs-editor-markdown\", attrs.class],\n  modelValue: props.modelValue ?? \"\",\n  ...(props.disabled || props.readonly ? { editable: false } : {}),\n  \"onUpdate:modelValue\": updateValue,\n  onImgAdd(position: number, file: File) {\n    emits(\"imgAdd\", position, file, editorRef.value);\n  },\n  onChange(value: string, render: string) {\n    updateValue(value);\n    emits(\"change\", value, render);\n  }\n}));\n\nfunction updateValue(value: string) {\n  emits(\"update:modelValue\", value);\n}\n</script>\n\n<style lang=\"less\">\n.fs-editor-markdown {\n  width: 100%;\n}\n</style>\n",null],"names":["types","EcologyType","addTypes","useTypes","__default__","__MACROS_defineComponent","props","__props","emits","__emit","attrs","useAttrs","MavonEditorComponent","mavonEditor","editorRef","ref","editorProps","computed","updateValue","position","file","value","render","_openBlock","_createBlock","_unref","_mergeProps","asyncModules","FsEditorMarkdownComponents","app","utils","FsEditorMarkdown","options"],"mappings":";;;AAAc,SAAAA,IAAA;AACL,SAAA;AAAA,IACL,mBAAmB;AAAA,MACjB,MAAM,EAAE,WAAW,EAAE,MAAM,qBAAsB,GAAE,KAAK,EAAE,MAAM,KAAM;AAAA,IACvE;AAAA,EAAA;AAEL;ACHA,MAAeC,IAAA;AAAA,EACb,UAAO;AACC,UAAA,EAAE,UAAAC,MAAaC;AACrB,IAAAD,EAASF,GAAO;AAAA,EAClB;GCL2BI,IAAAC,EAAyB;AAAA,EACpD,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;;;;;;;;;AAYD,UAAMC,IAAQC,GAMRC,IAAQC,GACRC,IAAQC,KACRC,IAAuBC,EAAY,aACnCC,IAAYC,KAEZC,IAAcC,EAAS,OAAO;AAAA,MAClC,GAAGP;AAAA,MACH,OAAO,CAAC,sBAAsBA,EAAM,KAAK;AAAA,MACzC,YAAYJ,EAAM,cAAc;AAAA,MAChC,GAAIA,EAAM,YAAYA,EAAM,WAAW,EAAE,UAAU,GAAM,IAAI,CAAC;AAAA,MAC9D,uBAAuBY;AAAA,MACvB,SAASC,GAAkBC,GAAY;AACrC,QAAAZ,EAAM,UAAUW,GAAUC,GAAMN,EAAU,KAAK;AAAA,MACjD;AAAA,MACA,SAASO,GAAeC,GAAgB;AACtC,QAAAJ,EAAYG,CAAK,GACXb,EAAA,UAAUa,GAAOC,CAAM;AAAA,MAC/B;AAAA,IACA,EAAA;AAEF,aAASJ,EAAYG,GAAe;AAClC,MAAAb,EAAM,qBAAqBa,CAAK;AAAA,IAClC;sBArCEE,EAAA,GAAAC,EAAwFC,MAAxFC,EAAwF;AAAA,MAAlE,OAAM;AAAA,eAAyB;AAAA,MAAJ,KAAIZ;AAAA,IAAoB,GAAAE,EAAW,KAAA,GAAA,MAAA,EAAA;AAAA;;ACJtF,MAAMW,0HACAC,IAA6B;AAAA,EACjC,QAAQC,GAAQ;AACd,IAAAC,EAAM,KAAK,uBAAuBD,GAAKF,GAAc,MAAM,0BAA0B,IAAI;AAAA,EAC3F;GAGWI,IAAmB;AAAA,EAC9B,QAAQF,GAAUG,GAAY;AACxB,IAAAH,EAAA,IAAI5B,GAAa+B,CAAO,GAC5BH,EAAI,IAAID,CAA0B;AAAA,EACpC;;"}

package/package.json

@@ -1,14 +1,16 @@
 {
   "name": "@fast-crud/editor-markdown",
-  "version": "1.28.2",
+  "version": "1.28.4",
   "private": false,
   "main": "./dist/editor-markdown.umd.js",
   "module": "./dist/editor-markdown.mjs",
   "types": "./dist/d/index.d.ts",
   "scripts": {
-    "build": "vite build --mode umd && vite build",
+    "build": " npm run tsc && npm run build:umd && npm run build:es",
     "tsc": "vue-tsc --noEmit --skipLibCheck",
-    "lint-fix": "eslint --fix --ext .js --ext .vue src/"
+    "lint-fix": "eslint --fix --ext .js --ext .vue src/",
+    "build:umd": "vite build --mode umd",
+    "build:es": "vite build"
   },
   "author": "Greper",
   "license": "MIT",
@@ -16,13 +18,54 @@
     "mavon-editor": "3.0.2"
   },
   "devDependencies": {
-    "@fast-crud/fast-crud": "^1.28.2",
+   "@fast-crud/fast-crud": "^1.28.3",
+    "@ls-lint/ls-lint": "^2.0.1",
+    "@rollup/plugin-commonjs": "^25.0.3",
+    "@rollup/plugin-strip": "^3.0.2",
+    "@rollup/plugin-typescript": "^11.1.2",
+    "@types/chai": "^4.3.5",
+    "@types/file-saver": "^2.0.5",
+    "@types/humanize-duration": "^3.27.1",
+    "@types/lodash-es": "^4.17.8",
+    "@types/mocha": "^10.0.1",
+    "@typescript-eslint/eslint-plugin": "^6.2.1",
+    "@typescript-eslint/parser": "^6.2.1",
+    "@vitejs/plugin-legacy": "^4.1.1",
     "@vitejs/plugin-vue": "^4.2.3",
+    "@vitejs/plugin-vue-jsx": "^3.0.1",
     "@vue/compiler-sfc": "^3.3.4",
+    "autoprefixer": "^10.4.14",
+    "chai": "^4.3.7",
+    "copyfiles": "^2.4.1",
+    "eslint": "^8.46.0",
+    "eslint-config-prettier": "^8.10.0",
+    "eslint-plugin-import": "^2.28.0",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-prettier": "^5.0.0",
+    "eslint-plugin-promise": "^6.1.1",
+    "eslint-plugin-vue": "^9.16.1",
+    "esno": "^0.17.0",
+    "less": "^4.1.3",
+    "less-loader": "^11.1.3",
+    "libphonenumber-js": "^1.10.49",
+    "lint-staged": "^13.2.3",
+    "postcss": "^8.4.27",
+    "prettier": "^3.0.1",
+    "pretty-quick": "^3.1.3",
+    "rimraf": "^5.0.1",
+    "rollup-plugin-visualizer": "^5.9.2",
+    "stylelint": "^15.10.2",
+    "stylelint-config-prettier": "^9.0.5",
+    "stylelint-order": "^6.0.3",
+    "terser": "^5.19.2",
+    "ts-node": "^10.9.1",
     "typescript": "5.1.6",
+    "unplugin-vue-define-options": "^1.3.14",
     "vite": "^4.4.8",
+    "vite-plugin-compression": "^0.5.1",
     "vue": "^3.3.4",
+    "vue-eslint-parser": "^9.3.1",
     "vue-tsc": "^1.8.8"
   },
-  "gitHead": "f696f7577208687e3561023c445349303400bca2"
+  "gitHead": "d969ff4c31f80a6944f1efe831a8f79392ffaad1"
 }

package/src/editor/components/fs-editor-markdown/index.vue

@@ -0,0 +1,49 @@
+<template>
+  <MavonEditorComponent class="fs-editor-markdown" ref="editorRef" v-bind="editorProps" />
+</template>
+
+<script lang="ts" setup>
+import mavonEditor from "mavon-editor";
+import { computed, ref, useAttrs } from "vue";
+
+defineOptions({
+  name: "FsEditorMarkdown",
+  inheritAttrs: false 
+});
+
+const props = defineProps<{
+  modelValue?: string;
+  disabled?: boolean;
+  readonly?: boolean;
+}>();
+
+const emits = defineEmits(["update:modelValue", "change", "imgAdd"]);
+const attrs = useAttrs();
+const MavonEditorComponent = mavonEditor.mavonEditor;
+const editorRef = ref<any>();
+
+const editorProps = computed(() => ({
+  ...attrs,
+  class: ["fs-editor-markdown", attrs.class],
+  modelValue: props.modelValue ?? "",
+  ...(props.disabled || props.readonly ? { editable: false } : {}),
+  "onUpdate:modelValue": updateValue,
+  onImgAdd(position: number, file: File) {
+    emits("imgAdd", position, file, editorRef.value);
+  },
+  onChange(value: string, render: string) {
+    updateValue(value);
+    emits("change", value, render);
+  }
+}));
+
+function updateValue(value: string) {
+  emits("update:modelValue", value);
+}
+</script>
+
+<style lang="less">
+.fs-editor-markdown {
+  width: 100%;
+}
+</style>

package/src/editor/exports.ts

@@ -0,0 +1 @@
+export { default as FsEditorMarkdown } from "./components/fs-editor-markdown/index.vue";

package/src/editor/index.umd.ts

@@ -0,0 +1 @@
+export * from "./index";

package/src/editor/type/types.ts

@@ -0,0 +1,7 @@
+export default function () {
+  return {
+    "editor-markdown": {
+      form: { component: { name: "fs-editor-markdown" }, col: { span: 24 } }
+    }
+  };
+}

package/src/index.umd.ts

@@ -0,0 +1,3 @@
+import "./style.css";
+
+export * from "./editor/index.umd";

package/src/style.css

@@ -0,0 +1 @@
+@import "mavon-editor/dist/css/index.css";

package/tsconfig.json

@@ -1,17 +1,49 @@
 {
   "compilerOptions": {
+    "allowJs": true,
     "noImplicitAny": false,
     "target": "esnext",
     "module": "esnext",
     "strict": true,
+    "jsx": "preserve",
+    "jsxImportSource": "vue",
+    "verbatimModuleSyntax":false ,
+    "importHelpers": true,
     "moduleResolution": "node",
+    "experimentalDecorators": true,
     "skipLibCheck": true,
     "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,
+    "strictNullChecks" :false,
     "sourceMap": true,
-    "types": ["vite/client"],
-    "lib": ["esnext", "dom", "dom.iterable"]
+    "baseUrl": ".",
+    "outDir": "./dist/ts",
+    "types": [
+      "vite/client",
+      "mocha",
+      "chai",
+      "unplugin-vue-define-options/macros-global"
+    ],
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    },
+    "lib": [
+      "esnext",
+      "dom",
+      "dom.iterable",
+      "scripthost"
+    ]
   },
-  "include": ["src/**/*.ts", "src/**/*.vue"],
-  "exclude": ["node_modules"]
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue",
+    "tests/**/*.ts",
+    "tests/**/*.tsx"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }

package/vite.config.js

@@ -1,26 +1,107 @@
 import vue from "@vitejs/plugin-vue";
+import vueJsx from "@vitejs/plugin-vue-jsx";
 import path from "path";
-
+import { visualizer } from "rollup-plugin-visualizer";
+import strip from "@rollup/plugin-strip";
+import DefineOptions from "unplugin-vue-define-options/vite";
+import typescript from "@rollup/plugin-typescript";
+import _ from "lodash";
 const { resolve } = path;
+// https://vitejs.dev/config/
+export default ({ command, mode }) => {
+  let build = {};
+  if (mode === "umd") {
+    build = {
+      build: {
+        emptyOutDir: true,
+        lib: {
+          entry: resolve(__dirname, "src/index.umd.ts"),
+          formats: ["umd"]
+        },
+        rollupOptions: {
+          output: {
+            manualChunks: null
+          }
+        }
+      }
+    };
+  }
 
-export default ({ mode }) => ({
-  plugins: [vue()],
-  build: {
-    emptyOutDir: mode === "umd",
-    lib: {
-      entry: resolve(__dirname, mode === "umd" ? "src/index.umd.ts" : "src/index.ts"),
-      name: "FsEditorMarkdown",
-      formats: [mode === "umd" ? "umd" : "es"]
+  const options = {
+    base: "./",
+    plugins: [DefineOptions(), vueJsx(), vue()],
+    esbuild: {
+      drop: command === "build" ? ["debugger"] : [],
+      jsxFactory: "h",
+      jsxFragment: "Fragment",
+      pure: ["console.log", "debugger"]
     },
-    rollupOptions: {
-      external: ["vue", "@fast-crud/fast-crud", "mavon-editor"],
-      output: {
-        globals: {
-          vue: "Vue",
-          "@fast-crud/fast-crud": "FastCrud",
-          "mavon-editor": "MavonEditor"
+    build: {
+      emptyOutDir: false,
+      lib: {
+        entry: resolve(__dirname, "src/index.ts"),
+        name: "FsExtends",
+        formats: ["es"]
+      },
+      // cssCodeSplit: true,
+      sourcemap: true,
+      // minify: false,
+      rollupOptions: {
+        plugins: [
+          strip(),
+          visualizer(),
+          typescript({
+            target: "es2020",
+            rootDir: "src",
+            declaration: true,
+            declarationDir: "dist/d",
+            exclude: "./node_modules/**",
+            allowSyntheticDefaultImports: true
+          })
+        ],
+        // make sure to externalize deps that shouldn't be bundled
+        // into your library
+        external: [
+          "vue",
+          "lodash-es",
+          "dayjs",
+          "vue-i18n",
+          "vuedraggable",
+          "axios",
+          "qiniu-js",
+          "@fast-crud/fast-crud",
+          "@fast-crud/ui-interface",
+          "mavon-editor"
+        ],
+        output: {
+          manualChunks(id) {
+            if (id.includes("src/components") && id.lastIndexOf(".vue") > 0) {
+              let name = id.substring(id.lastIndexOf("/") + 1);
+              name = name.substring(0, name.indexOf("."));
+              return "components/" + name;
+            }
+          },
+          // Provide global variables to use in the UMD build
+          // for externalized deps
+          globals: {
+            vue: "Vue",
+            "lodash-es": "_",
+            dayjs: "dayjs",
+            "vue-i18n": "VueI18n",
+            axios: "axios",
+            vuedraggable: "vuedraggable",
+            "@fast-crud/fast-crud": "FastCrud",
+            "ali-oss": "OSS",
+            "cos-js-sdk-v5": "COS",
+            "qiniu-js": "qiniu",
+            "@fast-crud/ui-interface": "FsUiInterface",
+            "mavon-editor": "MavonEditor"
+          }
         }
       }
     }
-  }
-});
+  };
+
+  _.merge(options, build);
+  return options;
+};

package/dist/index-0ae09bdb.mjs

@@ -1,7 +0,0 @@
-import { FsEditorMarkdownComponent as r } from "./editor-markdown.mjs";
-import "@fast-crud/fast-crud";
-import "vue";
-import "mavon-editor";
-export {
-  r as default
-};