@qxs-bns/components 0.0.17 → 0.0.18

package/es/src/tiny-mce-editor/src/tiny-mce-editor.vue2.mjs

@@ -1,144 +0,0 @@
-var p = (o, c, a) => new Promise((d, i) => {
-  var l = (t) => {
-    try {
-      s(a.next(t));
-    } catch (e) {
-      i(e);
-    }
-  }, r = (t) => {
-    try {
-      s(a.throw(t));
-    } catch (e) {
-      i(e);
-    }
-  }, s = (t) => t.done ? d(t.value) : Promise.resolve(t.value).then(l, r);
-  s((a = a.apply(o, c)).next());
-});
-import { defineComponent as f, computed as g, ref as h, onMounted as b, createElementBlock as y, openBlock as k, normalizeClass as v, unref as u, withDirectives as x, createElementVNode as _, isRef as $, vModelText as w } from "vue";
-import { useNamespace as S } from "../../../packages/hooks/src/use-namespace.mjs";
-import { merge as M } from "lodash-es";
-import V from "../../../_virtual/tinymce.mjs";
-import "../../../_virtual/theme.mjs";
-import "../../../_virtual/tinymce/icons/default/icons.mjs";
-import "../../../_virtual/index.mjs";
-import "../../../_virtual/index2.mjs";
-import "../../../_virtual/index3.mjs";
-import "../../../_virtual/index4.mjs";
-import "../../../_virtual/index5.mjs";
-import "../../../_virtual/index6.mjs";
-import "../../../_virtual/index7.mjs";
-import "../../../_virtual/index8.mjs";
-import "../../../_virtual/index9.mjs";
-import "../../../_virtual/index10.mjs";
-import "../../../_virtual/index11.mjs";
-import "../../../_virtual/index12.mjs";
-import "../../../_virtual/index13.mjs";
-import "../../../_virtual/index14.mjs";
-import "../../../_virtual/index15.mjs";
-const z = ["id", "name"], W = /* @__PURE__ */ f({
-  name: "QxsTinyMceEditor",
-  __name: "tiny-mce-editor",
-  props: {
-    modelValue: { default: "" },
-    config: { default: () => ({}) },
-    assetsBasePath: { default: "" }
-  },
-  emits: ["update:modelValue"],
-  setup(o, { emit: c }) {
-    const a = c, d = S("file-upload"), i = g({
-      get() {
-        return o.modelValue;
-      },
-      set(e) {
-        a("update:modelValue", e);
-      }
-    }), l = h(
-      `tiny-mce-textarea-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`
-    ), r = o.assetsBasePath || "/node_modules/@qxs-bns/components/es/public/tiny-mce-editor/", s = {
-      // 使用动态生成的 id
-      selector: `textarea#${l.value}`,
-      promotion: !1,
-      // 禁用推广信息
-      license_key: "gpl",
-      elementpath: !1,
-      language: "zh-Hans",
-      language_url: `${r}tinymce/langs/zh-Hans.js`,
-      skin_url: `${r}tinymce/skins/ui/oxide`,
-      content_css: `${r}tinymce/skins/content/default/content.min.css`,
-      min_height: 250,
-      max_height: 600,
-      plugins: "autolink autoresize fullscreen image insertdatetime link lists media preview table wordcount code searchreplace nonbreaking",
-      toolbar: "undo redo | bold italic underline strikethrough | blocks | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | forecolor backcolor removeformat | link image media table insertdatetime searchreplace | preview code",
-      branding: !1,
-      autoresize: !0,
-      menubar: !1,
-      nonbreaking_force_tab: !0,
-      toolbar_mode: "sliding",
-      insertdatetime_formats: [
-        "%Y年%m月%d日",
-        "%H点%M分%S秒",
-        "%Y-%m-%d",
-        "%H:%M:%S"
-      ],
-      // https://www.tiny.cloud/docs/tinymce/6/file-image-upload/#images_upload_handler
-      // images_upload_handler: async (blobInfo: any, progress: any) => {
-      //   // blobInfo, succFun, failFun, progress
-      //   const files = blobInfo.blob()
-      //   const formData = new FormData()
-      //   formData.append('image', files)
-      //   const { res, error } = await useApi({
-      //   // ...commonUrls.uploadImage,
-      //     params: {
-      //       bucketType: classify,
-      //     },
-      //     data: formData,
-      //     onUploadProgress: (e: any) => {
-      //       progress((e.loaded / e.total) * 100)
-      //     },
-      //   })
-      //   if (res) {
-      //     const { normal } = res
-      //     console.log('normal: ', res)
-      //     return normal
-      //   }
-      //   if (error) {
-      //     console.log(error.message)
-      //     return Promise.reject(error.message)
-      //   }
-      // },
-      setup: (e) => {
-        var n, m;
-        e.on("input change undo redo", () => {
-          i.value = e.getContent();
-        }), e.on("init", () => {
-          e.setContent(i.value);
-        }), (m = (n = o.config) == null ? void 0 : n.expandSetup) == null || m.call(n, e);
-      }
-    }, t = g(() => {
-      const e = s;
-      return o.config.images_upload_handler || (typeof e.plugins == "string" ? e.plugins = e.plugins.replace(
-        "image",
-        ""
-      ) : Array.isArray(e.plugins) && (e.plugins = e.plugins.filter(
-        (n) => n !== "image"
-      ))), M(e, o.config);
-    });
-    return b(() => p(this, null, function* () {
-      typeof window != "undefined" && V.init(t.value);
-    })), (e, n) => (k(), y("div", {
-      class: v(u(d).e("tiny-mce"))
-    }, [
-      x(_("textarea", {
-        id: u(l),
-        "onUpdate:modelValue": n[0] || (n[0] = (m) => $(i) ? i.value = m : null),
-        name: u(l)
-      }, null, 8, z), [
-        [w, u(i)]
-      ])
-    ], 2));
-  }
-});
-export {
-  W as default
-};
-//# sourceMappingURL=tiny-mce-editor.vue2.mjs.map

package/es/src/tiny-mce-editor/src/tiny-mce-editor.vue2.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"tiny-mce-editor.vue2.mjs","sources":["../../../../../../packages/components/src/tiny-mce-editor/src/tiny-mce-editor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor, RawEditorOptions } from \"tinymce/tinymce\";\nimport { useNamespace } from \"@qxs-bns/hooks\";\nimport { merge } from \"lodash-es\";\nimport tinymce from \"tinymce/tinymce\";\n\n// 导入核心功能\nimport \"tinymce/themes/silver/theme\";\nimport \"tinymce/icons/default/icons\";\nimport \"tinymce/models/dom\";\n\nimport \"tinymce/plugins/autolink\";\nimport \"tinymce/plugins/autoresize\";\nimport \"tinymce/plugins/fullscreen\";\nimport \"tinymce/plugins/image\";\nimport \"tinymce/plugins/insertdatetime\";\nimport \"tinymce/plugins/link\";\nimport \"tinymce/plugins/lists\";\nimport \"tinymce/plugins/media\";\nimport \"tinymce/plugins/preview\";\nimport \"tinymce/plugins/table\";\nimport \"tinymce/plugins/wordcount\";\nimport \"tinymce/plugins/code\";\nimport \"tinymce/plugins/searchreplace\";\nimport \"tinymce/plugins/nonbreaking\";\n\ndefineOptions({\n  name: \"QxsTinyMceEditor\",\n});\n\nconst {\n  modelValue = \"\",\n  config = {},\n  assetsBasePath = \"\",\n} = defineProps<{\n  modelValue: string;\n  config?: RawEditorOptions & {\n    expandSetup?: RawEditorOptions[\"setup\"];\n  };\n  assetsBasePath?: string;\n}>();\n\nconst emit = defineEmits([\"update:modelValue\"]);\n\nconst ns = useNamespace(\"file-upload\");\n\nconst colorScheme = \"light\";\n\nconst content = computed({\n  get() {\n    return modelValue;\n  },\n  set(val) {\n    emit(\"update:modelValue\", val);\n  },\n});\n\n// 生成唯一的 id\nconst uniqueId = ref(\n  `tiny-mce-textarea-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`\n);\n\nconst basePath =\n  assetsBasePath ||\n  `/node_modules/@qxs-bns/components/${\n    import.meta.env.DEV\n      ? \"src/tiny-mce-editor/public/\"\n      : \"es/public/tiny-mce-editor/\"\n  }`;\nconst defaultSetting: RawEditorOptions = {\n  // 使用动态生成的 id\n  selector: `textarea#${uniqueId.value}`,\n  promotion: false, // 禁用推广信息\n  license_key: \"gpl\",\n  elementpath: false,\n  language: \"zh-Hans\",\n\n  language_url: `${basePath}tinymce/langs/zh-Hans.js`,\n  skin_url: `${basePath}${\n    colorScheme === \"light\"\n      ? \"tinymce/skins/ui/oxide\"\n      : \"tinymce/skins/ui/oxide-dark\"\n  }`,\n  content_css: `${basePath}${\n    colorScheme === \"light\"\n      ? \"tinymce/skins/content/default/content.min.css\"\n      : \"tinymce/skins/content/dark/content.min.css\"\n  }`,\n  min_height: 250,\n  max_height: 600,\n  plugins:\n    \"autolink autoresize fullscreen image insertdatetime link lists media preview table wordcount code searchreplace nonbreaking\",\n  toolbar:\n    \"undo redo | bold italic underline strikethrough | blocks | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | forecolor backcolor removeformat | link image media table insertdatetime searchreplace | preview code\",\n  branding: false,\n  autoresize: true,\n  menubar: false,\n  nonbreaking_force_tab: true,\n  toolbar_mode: \"sliding\",\n  insertdatetime_formats: [\n    \"%Y年%m月%d日\",\n    \"%H点%M分%S秒\",\n    \"%Y-%m-%d\",\n    \"%H:%M:%S\",\n  ],\n  // https://www.tiny.cloud/docs/tinymce/6/file-image-upload/#images_upload_handler\n  // images_upload_handler: async (blobInfo: any, progress: any) => {\n  //   // blobInfo, succFun, failFun, progress\n  //   const files = blobInfo.blob()\n  //   const formData = new FormData()\n  //   formData.append('image', files)\n\n  //   const { res, error } = await useApi({\n  //   // ...commonUrls.uploadImage,\n  //     params: {\n  //       bucketType: classify,\n  //     },\n  //     data: formData,\n  //     onUploadProgress: (e: any) => {\n  //       progress((e.loaded / e.total) * 100)\n  //     },\n  //   })\n  //   if (res) {\n  //     const { normal } = res\n  //     console.log('normal: ', res)\n  //     return normal\n  //   }\n  //   if (error) {\n  //     console.log(error.message)\n  //     return Promise.reject(error.message)\n  //   }\n  // },\n  setup: (editor: Editor) => {\n    // 监听编辑器内容变化\n    editor.on(\"input change undo redo\", () => {\n      content.value = editor.getContent();\n    });\n\n    // 编辑器初始化完成后设置内容\n    editor.on(\"init\", () => {\n      editor.setContent(content.value);\n    });\n\n    config?.expandSetup?.(editor);\n  },\n};\n\nconst initSetting = computed(() => {\n  const dealDefaultSetting = defaultSetting;\n  if (!config.images_upload_handler) {\n    // 删除 image 图片 plugin\n    if (typeof dealDefaultSetting.plugins === \"string\") {\n      dealDefaultSetting.plugins = dealDefaultSetting.plugins.replace(\n        \"image\",\n        \"\"\n      );\n    } else if (Array.isArray(dealDefaultSetting.plugins)) {\n      dealDefaultSetting.plugins = dealDefaultSetting.plugins.filter(\n        (plugin) => plugin !== \"image\"\n      );\n    }\n  }\n  return merge(dealDefaultSetting, config);\n});\n\nonMounted(async () => {\n  if (typeof window !== \"undefined\") {\n    tinymce.init(initSetting.value);\n  }\n});\n</script>\n\n<template>\n  <div :class=\"ns.e('tiny-mce')\">\n    <!-- 使用动态生成的 id -->\n    <textarea :id=\"uniqueId\" v-model=\"content\" :name=\"uniqueId\" />\n  </div>\n</template>\n\n<style scoped>/* layer: preflights */\n*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}\n/* layer: default */\n.table{display:table;}\n.indent{text-indent:1.5rem;}\n.italic{font-style:italic;}\n.underline{text-decoration-line:underline;}</style>"],"names":["emit","__emit","ns","useNamespace","content","computed","__props","val","uniqueId","ref","basePath","defaultSetting","editor","_b","_a","initSetting","dealDefaultSetting","plugin","merge","onMounted","__async","tinymce"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,UAAMA,IAAOC,GAEPC,IAAKC,EAAa,aAAa,GAI/BC,IAAUC,EAAS;AAAA,MACvB,MAAM;AACJ,eAAOC,EAAU;AAAA,MACnB;AAAA,MACA,IAAIC,GAAK;AACP,QAAAP,EAAK,qBAAqBO,CAAG;AAAA,MAAA;AAAA,IAC/B,CACD,GAGKC,IAAWC;AAAA,MACf,qBAAqB,KAAK,IAAI,CAAC,IAAI,KAAK,SAAS,SAAS,EAAE,EAAE,OAAO,GAAG,CAAC,CAAC;AAAA,IAC5E,GAEMC,IACJJ,EAAc,kBACd,gEAKIK,IAAmC;AAAA;AAAA,MAEvC,UAAU,YAAYH,EAAS,KAAK;AAAA,MACpC,WAAW;AAAA;AAAA,MACX,aAAa;AAAA,MACb,aAAa;AAAA,MACb,UAAU;AAAA,MAEV,cAAc,GAAGE,CAAQ;AAAA,MACzB,UAAU,GAAGA,CAAQ;AAAA,MAKrB,aAAa,GAAGA,CAAQ;AAAA,MAKxB,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,SACE;AAAA,MACF,SACE;AAAA,MACF,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,uBAAuB;AAAA,MACvB,cAAc;AAAA,MACd,wBAAwB;AAAA,QACtB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MA4BA,OAAO,CAACE,MAAmB;;AAElB,QAAAA,EAAA,GAAG,0BAA0B,MAAM;AAChC,UAAAR,EAAA,QAAQQ,EAAO,WAAW;AAAA,QAAA,CACnC,GAGMA,EAAA,GAAG,QAAQ,MAAM;AACf,UAAAA,EAAA,WAAWR,EAAQ,KAAK;AAAA,QAAA,CAChC,IAEKS,KAAAC,IAAAR,EAAA,WAAA,gBAAAQ,EAAE,gBAAF,QAAAD,EAAA,KAAAC,GAAgBF;AAAA,MAAM;AAAA,IAEhC,GAEMG,IAAcV,EAAS,MAAM;AACjC,YAAMW,IAAqBL;AACvB,aAACL,EAAM,OAAC,0BAEN,OAAOU,EAAmB,WAAY,WACrBA,EAAA,UAAUA,EAAmB,QAAQ;AAAA,QACtD;AAAA,QACA;AAAA,MACF,IACS,MAAM,QAAQA,EAAmB,OAAO,MAC9BA,EAAA,UAAUA,EAAmB,QAAQ;AAAA,QACtD,CAACC,MAAWA,MAAW;AAAA,MACzB,KAGGC,EAAMF,GAAoBV,QAAM;AAAA,IAAA,CACxC;AAED,WAAAa,EAAU,MAAYC,EAAA;AAChB,MAAA,OAAO,UAAW,eACZC,EAAA,KAAKN,EAAY,KAAK;AAAA,IAChC,EACD;;;;;;;;;;;;;"}

package/es/src/tiny-mce-editor/style/index.d.ts

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=index.d.ts.map

package/es/src/withInstall.d.ts

@@ -1,5 +0,0 @@
-import { Plugin } from 'vue';
-
-export type SFCWithInstall<T> = T & Plugin;
-export declare function withInstall<T, E extends Record<string, any>>(main: T, extra?: E): SFCWithInstall<T> & E;
-//# sourceMappingURL=withInstall.d.ts.map

package/es/src/withInstall.mjs

@@ -1,10 +0,0 @@
-function c(t, n) {
-  return t.install = (e) => {
-    for (const o of [t, ...Object.values({})])
-      e.component(o.name, o);
-  }, t;
-}
-export {
-  c as withInstall
-};
-//# sourceMappingURL=withInstall.mjs.map

package/es/src/withInstall.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"withInstall.mjs","sources":["../../../../packages/components/src/withInstall.ts"],"sourcesContent":["import type { App, Plugin } from 'vue'\n\nexport type SFCWithInstall<T> = T & Plugin\n// type SFCwithInstall<T> = T & Plugin\n\nexport function withInstall<T, E extends Record<string, any>>(main: T,\n  extra?: E) {\n  ; (main as SFCWithInstall<T>).install = (app: App): void => {\n    for (const comp of [main, ...Object.values(extra ?? {})]) {\n      app.component(comp.name, comp)\n    }\n  }\n\n  if (extra) {\n    for (const [key, comp] of Object.entries(extra)) {\n      ; (main as any)[key] = comp\n    }\n  }\n  return main as SFCWithInstall<T> & E\n}\n"],"names":["withInstall","main","extra","app","comp"],"mappings":"AAKgB,SAAAA,EAA8CC,GAC5DC,GAAW;AACR,SAAAD,EAA2B,UAAU,CAACE,MAAmB;AAC/C,eAAAC,KAAQ,CAACH,GAAM,GAAG,OAAO,OAAgB,CAAE,CAAA,CAAC;AACjD,MAAAE,EAAA,UAAUC,EAAK,MAAMA,CAAI;AAAA,EAEjC,GAOOH;AACT;"}