@qxs-bns/components 0.0.19 → 0.0.20

package/es/src/tiny-mce-editor/src/tiny-mce-editor.vue.js

@@ -0,0 +1,157 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, withDirectives, createElementVNode, isRef, vModelText } from 'vue';
+import { useNamespace } from '@qxs-bns/hooks';
+import { merge } from 'lodash-es';
+import tinymce from 'tinymce/tinymce';
+import 'tinymce/themes/silver/theme';
+import 'tinymce/icons/default/icons';
+import 'tinymce/models/dom';
+import 'tinymce/plugins/autolink';
+import 'tinymce/plugins/autoresize';
+import 'tinymce/plugins/fullscreen';
+import 'tinymce/plugins/image';
+import 'tinymce/plugins/insertdatetime';
+import 'tinymce/plugins/link';
+import 'tinymce/plugins/lists';
+import 'tinymce/plugins/media';
+import 'tinymce/plugins/preview';
+import 'tinymce/plugins/table';
+import 'tinymce/plugins/wordcount';
+import 'tinymce/plugins/code';
+import 'tinymce/plugins/searchreplace';
+import 'tinymce/plugins/nonbreaking';
+
+const _hoisted_1 = ["id", "name"];
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "QxsTinyMceEditor"
+  },
+  __name: "tiny-mce-editor",
+  props: {
+    modelValue: { type: String, required: true, default: "" },
+    config: { type: Object, required: false, default: () => ({}) },
+    assetsBasePath: { type: String, required: false, default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const ns = useNamespace("file-upload");
+    const content = computed({
+      get() {
+        return __props.modelValue;
+      },
+      set(val) {
+        emit("update:modelValue", val);
+      }
+    });
+    const uniqueId = ref(
+      `tiny-mce-textarea-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`
+    );
+    const basePath = __props.assetsBasePath || `/node_modules/@qxs-bns/components/${import.meta.env.DEV ? "src/tiny-mce-editor/public/" : "es/public/tiny-mce-editor/"}`;
+    const defaultSetting = {
+      // 使用动态生成的 id
+      selector: `textarea#${uniqueId.value}`,
+      promotion: false,
+      // 禁用推广信息
+      license_key: "gpl",
+      elementpath: false,
+      language: "zh-Hans",
+      language_url: `${basePath}tinymce/langs/zh-Hans.js`,
+      skin_url: `${basePath}${"tinymce/skins/ui/oxide" }`,
+      content_css: `${basePath}${"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: false,
+      autoresize: true,
+      menubar: false,
+      nonbreaking_force_tab: true,
+      toolbar_mode: "sliding",
+      insertdatetime_formats: [
+        "%Y\u5E74%m\u6708%d\u65E5",
+        "%H\u70B9%M\u5206%S\u79D2",
+        "%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: (editor) => {
+        editor.on("input change undo redo", () => {
+          content.value = editor.getContent();
+        });
+        editor.on("init", () => {
+          editor.setContent(content.value);
+        });
+        __props.config?.expandSetup?.(editor);
+      }
+    };
+    const initSetting = computed(() => {
+      const dealDefaultSetting = defaultSetting;
+      if (!__props.config.images_upload_handler) {
+        if (typeof dealDefaultSetting.plugins === "string") {
+          dealDefaultSetting.plugins = dealDefaultSetting.plugins.replace(
+            "image",
+            ""
+          );
+        } else if (Array.isArray(dealDefaultSetting.plugins)) {
+          dealDefaultSetting.plugins = dealDefaultSetting.plugins.filter(
+            (plugin) => plugin !== "image"
+          );
+        }
+      }
+      return merge(dealDefaultSetting, __props.config);
+    });
+    onMounted(async () => {
+      if (typeof window !== "undefined") {
+        tinymce.init(initSetting.value);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(unref(ns).e("tiny-mce"))
+        },
+        [
+          createCommentVNode(" \u4F7F\u7528\u52A8\u6001\u751F\u6210\u7684 id "),
+          withDirectives(createElementVNode("textarea", {
+            id: unref(uniqueId),
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(content) ? content.value = $event : null),
+            name: unref(uniqueId)
+          }, null, 8, _hoisted_1), [
+            [vModelText, unref(content)]
+          ])
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=tiny-mce-editor.vue.js.map

package/es/src/tiny-mce-editor/src/tiny-mce-editor.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tiny-mce-editor.vue.js","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"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,6 @@
+import _sfc_main from './tiny-mce-editor.vue.js';
+
+
+
+export { _sfc_main as default };
+//# sourceMappingURL=tiny-mce-editor.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tiny-mce-editor.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/es/src/withInstall.js

@@ -0,0 +1,11 @@
+function withInstall(main, extra) {
+  main.install = app => {
+    for (const comp of [main, ...Object.values({})]) {
+      app.component(comp.name, comp);
+    }
+  };
+  return main;
+}
+
+export { withInstall };
+//# sourceMappingURL=withInstall.js.map

package/es/src/withInstall.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withInstall.js","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","install","app","comp","Object","values","component","name"],"mappings":"AAKgB,SAAAA,WAAAA,CAA8CC,MAC5DC,KAAW,EAAA;AACRD,EAAAA,IAAA,CAA2BE,OAAU,GAACC,GAAmB,IAAA;AAC/C,IAAA,KAAA,MAAAC,IAAA,IAAQ,CAACJ,IAAA,EAAM,GAAGK,MAAA,CAAOC,OAAgB,EAAE,CAAC,CAAG,EAAA;MACpDH,GAAA,CAAAI,SAAA,CAAUH,IAAK,CAAAI,IAAA,EAAMJ,IAAI,CAAA;AAC/B;GACF;AAOO,EAAA,OAAAJ,IAAA;AACT;;;;"}

package/lib/index.js

@@ -1,28 +1,31 @@
-import o from "./src/defaults.js";
-import { QxsDataChart as p } from "./src/data-chart/index.js";
-import { QxsFileUpload as i } from "./src/file-upload/index.js";
-import { QxsFixedActionBar as f } from "./src/fixed-action-bar/index.js";
-import { QxsImageUpload as n } from "./src/image-upload/index.js";
-import { QxsPhotoCropTool as c } from "./src/photo-crop-tool/index.js";
-import { QxsSubjectAction as d } from "./src/subject-action/index.js";
-import { QxsSubjectLayout as j } from "./src/subject-layout/index.js";
-import { QxsSubjectList as y } from "./src/subject-list/index.js";
-import { QxsSubjectType as h } from "./src/subject-type/index.js";
-import { QxsTinyMceEditor as A } from "./src/tiny-mce-editor/index.js";
-const t = o.install, e = o.version;
-export {
-  p as QxsDataChart,
-  i as QxsFileUpload,
-  f as QxsFixedActionBar,
-  n as QxsImageUpload,
-  c as QxsPhotoCropTool,
-  d as QxsSubjectAction,
-  j as QxsSubjectLayout,
-  y as QxsSubjectList,
-  h as QxsSubjectType,
-  A as QxsTinyMceEditor,
-  o as default,
-  t as install,
-  e as version
-};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var defaults = require('./src/defaults.js');
+var index = require('./src/file-upload/index.js');
+var index$1 = require('./src/fixed-action-bar/index.js');
+var index$2 = require('./src/image-upload/index.js');
+var index$3 = require('./src/photo-crop-tool/index.js');
+var index$4 = require('./src/subject-action/index.js');
+var index$5 = require('./src/subject-layout/index.js');
+var index$6 = require('./src/subject-list/index.js');
+var index$7 = require('./src/subject-type/index.js');
+var index$8 = require('./src/tiny-mce-editor/index.js');
+
+const install = defaults.default.install;
+const version = defaults.default.version;
+
+exports.default = defaults.default;
+exports.QxsFileUpload = index.QxsFileUpload;
+exports.QxsFixedActionBar = index$1.QxsFixedActionBar;
+exports.QxsImageUpload = index$2.QxsImageUpload;
+exports.QxsPhotoCropTool = index$3.QxsPhotoCropTool;
+exports.QxsSubjectAction = index$4.QxsSubjectAction;
+exports.QxsSubjectLayout = index$5.QxsSubjectLayout;
+exports.QxsSubjectList = index$6.QxsSubjectList;
+exports.QxsSubjectType = index$7.QxsSubjectType;
+exports.QxsTinyMceEditor = index$8.QxsTinyMceEditor;
+exports.install = install;
+exports.version = version;
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../packages/components/index.ts"],"sourcesContent":["import installer from './src/defaults'\n\nexport * from './src/components'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer\n"],"names":["install","installer","version"],"mappings":";;;;;;;;;;;AAIO,MAAMA,IAAUC,EAAU,SACpBC,IAAUD,EAAU;"}
+{"version":3,"file":"index.js","sources":["../../../packages/components/index.ts"],"sourcesContent":["import installer from './src/defaults'\n\nexport * from './src/components'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer\n"],"names":["install","installer","version"],"mappings":";;;;;;;;;;;;;;;AAIaA,MAAAA,UAAUC,gBAAU,CAAAD;AACpBE,MAAAA,UAAUD,gBAAU,CAAAC;;;;;;;;;;;;;;;"}

package/lib/package.json.js

@@ -1,5 +1,6 @@
-const o = "0.0.19";
-export {
-  o as version
-};
+'use strict';
+
+var version = "0.0.20";
+
+exports.version = version;
 //# sourceMappingURL=package.json.js.map

package/lib/package.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"package.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"package.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/lib/src/components.js

@@ -1,23 +1,24 @@
-import { QxsDataChart as t } from "./data-chart/index.js";
-import { QxsFileUpload as e } from "./file-upload/index.js";
-import { QxsFixedActionBar as m } from "./fixed-action-bar/index.js";
-import { QxsImageUpload as f } from "./image-upload/index.js";
-import { QxsPhotoCropTool as a } from "./photo-crop-tool/index.js";
-import { QxsSubjectAction as i } from "./subject-action/index.js";
-import { QxsSubjectLayout as b } from "./subject-layout/index.js";
-import { QxsSubjectList as j } from "./subject-list/index.js";
-import { QxsSubjectType as S } from "./subject-type/index.js";
-import { QxsTinyMceEditor as y } from "./tiny-mce-editor/index.js";
-export {
-  t as QxsDataChart,
-  e as QxsFileUpload,
-  m as QxsFixedActionBar,
-  f as QxsImageUpload,
-  a as QxsPhotoCropTool,
-  i as QxsSubjectAction,
-  b as QxsSubjectLayout,
-  j as QxsSubjectList,
-  S as QxsSubjectType,
-  y as QxsTinyMceEditor
-};
+'use strict';
+
+var index = require('./file-upload/index.js');
+var index$1 = require('./fixed-action-bar/index.js');
+var index$2 = require('./image-upload/index.js');
+var index$3 = require('./photo-crop-tool/index.js');
+var index$4 = require('./subject-action/index.js');
+var index$5 = require('./subject-layout/index.js');
+var index$6 = require('./subject-list/index.js');
+var index$7 = require('./subject-type/index.js');
+var index$8 = require('./tiny-mce-editor/index.js');
+
+
+
+exports.QxsFileUpload = index.QxsFileUpload;
+exports.QxsFixedActionBar = index$1.QxsFixedActionBar;
+exports.QxsImageUpload = index$2.QxsImageUpload;
+exports.QxsPhotoCropTool = index$3.QxsPhotoCropTool;
+exports.QxsSubjectAction = index$4.QxsSubjectAction;
+exports.QxsSubjectLayout = index$5.QxsSubjectLayout;
+exports.QxsSubjectList = index$6.QxsSubjectList;
+exports.QxsSubjectType = index$7.QxsSubjectType;
+exports.QxsTinyMceEditor = index$8.QxsTinyMceEditor;
 //# sourceMappingURL=components.js.map

package/lib/src/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"components.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/lib/src/defaults.js

@@ -1,7 +1,11 @@
-import * as o from "./components.js";
-import { makeInstaller as t } from "./make-installer.js";
-const a = t(o);
-export {
-  a as default
-};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components = require('./components.js');
+var makeInstaller = require('./make-installer.js');
+
+var installer = makeInstaller.makeInstaller(components);
+
+exports.default = installer;
 //# sourceMappingURL=defaults.js.map

package/lib/src/defaults.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.js","sources":["../../../../packages/components/src/defaults.ts"],"sourcesContent":["import * as components from './components'\nimport { makeInstaller } from './make-installer'\n\nexport default makeInstaller(components)\n"],"names":["installer","makeInstaller","components"],"mappings":";;AAGA,MAAeA,IAAAC,EAAcC,CAAU;"}
+{"version":3,"file":"defaults.js","sources":["../../../../packages/components/src/defaults.ts"],"sourcesContent":["import * as components from './components'\nimport { makeInstaller } from './make-installer'\n\nexport default makeInstaller(components)\n"],"names":["makeInstaller","components"],"mappings":";;;;;;;AAGA,gBAAeA,4BAAcC,UAAU,CAAA;;;;"}

package/lib/src/file-upload/index.js

@@ -1,8 +1,12 @@
-import { withInstall as o } from "../withInstall.js";
-import t from "./src/file-upload.vue.js";
-const p = o(t);
-export {
-  p as QxsFileUpload,
-  p as default
-};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var withInstall = require('../withInstall.js');
+var fileUpload_vue_vue_type_script_setup_true_lang = require('./src/file-upload.vue.js');
+
+const QxsFileUpload = withInstall.withInstall(fileUpload_vue_vue_type_script_setup_true_lang.default);
+
+exports.QxsFileUpload = QxsFileUpload;
+exports.default = QxsFileUpload;
 //# sourceMappingURL=index.js.map

package/lib/src/file-upload/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/src/file-upload/index.ts"],"sourcesContent":["import { withInstall } from '../withInstall'\nimport component from './src/file-upload.vue'\n\nconst QxsFileUpload = withInstall(component)\n\nexport {\n  QxsFileUpload,\n}\n\nexport default QxsFileUpload\n"],"names":["QxsFileUpload","withInstall","component"],"mappings":";;AAGM,MAAAA,IAAgBC,EAAYC,CAAS;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/src/file-upload/index.ts"],"sourcesContent":["import { withInstall } from '../withInstall'\nimport component from './src/file-upload.vue'\n\nconst QxsFileUpload = withInstall(component)\n\nexport {\n  QxsFileUpload,\n}\n\nexport default QxsFileUpload\n"],"names":["QxsFileUpload","withInstall","component"],"mappings":";;;;;;;AAGA,MAAMA,aAAA,GAAgBC,wBAAYC,sDAAS;;;;;"}

package/lib/src/file-upload/src/file-upload.vue.js

@@ -1,8 +1,117 @@
-import o from "./file-upload.vue2.js";
-/* empty css                 */
-import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-df065b97"]]);
-export {
-  f as default
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var iconsVue = require('@element-plus/icons-vue');
+var hooks = require('@qxs-bns/hooks');
+
+const _hoisted_1 = { class: "slot" };
+const _hoisted_2 = {
+  key: 0,
+  class: "el-upload__tip"
 };
+const _hoisted_3 = { style: { "display": "inline-block" } };
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "QxsFileUpload"
+  },
+  __name: "file-upload",
+  props: {
+    action: { type: String, required: true },
+    headers: { type: null, required: false },
+    data: { type: null, required: false },
+    name: { type: String, required: false, default: "file" },
+    size: { type: Number, required: false, default: 20 },
+    max: { type: Number, required: false, default: 3 },
+    accept: { type: String, required: false, default: "zip,rar" },
+    files: { type: Array, required: false, default: () => [] },
+    notip: { type: Boolean, required: false, default: false },
+    ext: { type: Array, required: false }
+  },
+  emits: ["onSuccess"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const ns = hooks.useNamespace("file-upload");
+    const exts = computed(() => {
+      return props.accept.split(",").map((ext) => ext.split("/").pop());
+    });
+    const beforeUpload = (file) => {
+      const fileName = file.name.split(".");
+      const fileExt = fileName.at(-1) ?? "";
+      const isTypeOk = exts.value.includes(fileExt);
+      const isSizeOk = file.size / 1024 / 1024 < props.size;
+      if (!isTypeOk) {
+        ElMessage.error(`\u4E0A\u4F20\u6587\u4EF6\u53EA\u652F\u6301 ${exts.value.join(" / ")} \u683C\u5F0F\uFF01`);
+      }
+      if (!isSizeOk) {
+        ElMessage.error(`\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7 ${props.size}MB\uFF01`);
+      }
+      return isTypeOk && isSizeOk;
+    };
+    const onExceed = () => {
+      ElMessage.warning("\u6587\u4EF6\u4E0A\u4F20\u8D85\u8FC7\u9650\u5236");
+    };
+    const onSuccess = (res, file, fileList) => {
+      emit("onSuccess", res, file, fileList);
+    };
+    return (_ctx, _cache) => {
+      const _component_el_icon = vue.resolveComponent("el-icon");
+      const _component_el_alert = vue.resolveComponent("el-alert");
+      const _component_el_upload = vue.resolveComponent("el-upload");
+      return vue.openBlock(), vue.createBlock(_component_el_upload, {
+        headers: _ctx.headers,
+        action: _ctx.action,
+        data: _ctx.data,
+        name: _ctx.name,
+        "before-upload": beforeUpload,
+        "on-exceed": onExceed,
+        "on-success": onSuccess,
+        "file-list": _ctx.files,
+        limit: _ctx.max,
+        drag: "",
+        class: vue.normalizeClass(vue.unref(ns).e("control"))
+      }, {
+        tip: vue.withCtx(() => [
+          !_ctx.notip ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+            vue.createElementVNode("div", _hoisted_3, [
+              vue.createVNode(_component_el_alert, {
+                title: `\u4E0A\u4F20\u6587\u4EF6\u652F\u6301 ${vue.unref(exts).join(" / ")} \u683C\u5F0F\uFF0C\u5355\u4E2A\u6587\u4EF6\u5927\u5C0F\u4E0D\u8D85\u8FC7 ${_ctx.size}MB\uFF0C\u4E14\u6587\u4EF6\u6570\u91CF\u4E0D\u8D85\u8FC7 ${_ctx.max} \u4E2A`,
+                type: "info",
+                "show-icon": "",
+                closable: false
+              }, null, 8, ["title"])
+            ])
+          ])) : vue.createCommentVNode("v-if", true)
+        ]),
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createVNode(_component_el_icon, { class: "el-icon--upload" }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(iconsVue.UploadFilled))
+              ]),
+              _: 1
+              /* STABLE */
+            }),
+            _cache[0] || (_cache[0] = vue.createElementVNode(
+              "div",
+              { class: "el-upload__text" },
+              [
+                vue.createTextVNode(" \u5C06\u6587\u4EF6\u62D6\u5230\u6B64\u5904\uFF0C\u6216"),
+                vue.createElementVNode("em", null, "\u70B9\u51FB\u4E0A\u4F20")
+              ],
+              -1
+              /* HOISTED */
+            ))
+          ])
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["headers", "action", "data", "name", "file-list", "limit", "class"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
 //# sourceMappingURL=file-upload.vue.js.map

package/lib/src/file-upload/src/file-upload.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-upload.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"file-upload.vue.js","sources":["../../../../../../packages/components/src/file-upload/src/file-upload.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { UploadProps, UploadUserFile } from 'element-plus'\nimport { UploadFilled } from '@element-plus/icons-vue'\nimport { useNamespace } from '@qxs-bns/hooks'\n\ndefineOptions({\n  name: 'QxsFileUpload',\n})\n\nconst props = withDefaults(\n  defineProps<{\n    action: UploadProps['action']\n    headers?: UploadProps['headers']\n    data?: UploadProps['data']\n    name?: UploadProps['name']\n    size?: number\n    max?: number\n    accept?: string\n    files?: UploadUserFile[]\n    notip?: boolean\n    ext?: string[]\n  }>(),\n  {\n    name: 'file',\n    size: 20,\n    max: 3,\n    files: () => [],\n    notip: false,\n    accept: 'zip,rar',\n  },\n)\n\nconst emit = defineEmits(['onSuccess'])\n\nconst ns = useNamespace('file-upload')\n\nconst exts = computed(() => {\n  return props.accept.split(',').map(ext => ext.split('/').pop())\n})\nconst beforeUpload: UploadProps['beforeUpload'] = (file) => {\n  const fileName = file.name.split('.')\n  const fileExt = fileName.at(-1) ?? ''\n  const isTypeOk = exts.value.includes(fileExt)\n  const isSizeOk = file.size / 1024 / 1024 < props.size\n  if (!isTypeOk) {\n    ElMessage.error(`上传文件只支持 ${exts.value.join(' / ')} 格式！`)\n  }\n  if (!isSizeOk) {\n    ElMessage.error(`上传文件大小不能超过 ${props.size}MB！`)\n  }\n  return isTypeOk && isSizeOk\n}\n\nconst onExceed: UploadProps['onExceed'] = () => {\n  ElMessage.warning('文件上传超过限制')\n}\n\nconst onSuccess: UploadProps['onSuccess'] = (res, file, fileList) => {\n  emit('onSuccess', res, file, fileList)\n}\n</script>\n\n<template>\n  <el-upload\n    :headers=\"headers\"\n    :action=\"action\"\n    :data=\"data\"\n    :name=\"name\"\n    :before-upload=\"beforeUpload\"\n    :on-exceed=\"onExceed\"\n    :on-success=\"onSuccess\"\n    :file-list=\"files\"\n    :limit=\"max\"\n    drag\n    :class=\"ns.e('control')\"\n  >\n    <div class=\"slot\">\n      <el-icon class=\"el-icon--upload\">\n        <UploadFilled />\n      </el-icon>\n      <div class=\"el-upload__text\">\n        将文件拖到此处，或<em>点击上传</em>\n      </div>\n    </div>\n    <template #tip>\n      <div v-if=\"!notip\" class=\"el-upload__tip\">\n        <div style=\"display: inline-block;\">\n          <el-alert\n            :title=\"`上传文件支持 ${exts.join(' / ')} 格式，单个文件大小不超过 ${size}MB，且文件数量不超过 ${max} 个`\"\n            type=\"info\"\n            show-icon\n            :closable=\"false\"\n          />\n        </div>\n      </div>\n    </template>\n  </el-upload>\n</template>\n"],"names":["useNamespace"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAuBd,IAAA,MAAM,IAAO,GAAA,MAAA;AAEb,IAAM,MAAA,EAAA,GAAKA,mBAAa,aAAa,CAAA;AAErC,IAAM,MAAA,IAAA,GAAO,SAAS,MAAM;AAC1B,MAAA,OAAO,KAAM,CAAA,MAAA,CAAO,KAAM,CAAA,GAAG,CAAE,CAAA,GAAA,CAAI,CAAO,GAAA,KAAA,GAAA,CAAI,KAAM,CAAA,GAAG,CAAE,CAAA,GAAA,EAAK,CAAA;AAAA,KAC/D,CAAA;AACD,IAAM,MAAA,YAAA,GAA4C,CAAC,IAAS,KAAA;AAC1D,MAAA,MAAM,QAAW,GAAA,IAAA,CAAK,IAAK,CAAA,KAAA,CAAM,GAAG,CAAA;AACpC,MAAA,MAAM,OAAU,GAAA,QAAA,CAAS,EAAG,CAAA,EAAE,CAAK,IAAA,EAAA;AACnC,MAAA,MAAM,QAAW,GAAA,IAAA,CAAK,KAAM,CAAA,QAAA,CAAS,OAAO,CAAA;AAC5C,MAAA,MAAM,QAAW,GAAA,IAAA,CAAK,IAAO,GAAA,IAAA,GAAO,OAAO,KAAM,CAAA,IAAA;AACjD,MAAA,IAAI,CAAC,QAAU,EAAA;AACb,QAAA,SAAA,CAAU,MAAM,CAAW,2CAAA,EAAA,IAAA,CAAK,MAAM,IAAK,CAAA,KAAK,CAAC,CAAM,mBAAA,CAAA,CAAA;AAAA;AAEzD,MAAA,IAAI,CAAC,QAAU,EAAA;AACb,QAAA,SAAA,CAAU,KAAM,CAAA,CAAA,6DAAA,EAAc,KAAM,CAAA,IAAI,CAAK,QAAA,CAAA,CAAA;AAAA;AAE/C,MAAA,OAAO,QAAY,IAAA,QAAA;AAAA,KACrB;AAEA,IAAA,MAAM,WAAoC,MAAM;AAC9C,MAAA,SAAA,CAAU,QAAQ,kDAAU,CAAA;AAAA,KAC9B;AAEA,IAAA,MAAM,SAAsC,GAAA,CAAC,GAAK,EAAA,IAAA,EAAM,QAAa,KAAA;AACnE,MAAK,IAAA,CAAA,WAAA,EAAa,GAAK,EAAA,IAAA,EAAM,QAAQ,CAAA;AAAA,KACvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/src/file-upload/src/file-upload.vue2.js

@@ -1,92 +1,10 @@
-/* empty css                                                       */
-/* empty css                                                         */
-/* empty css                                                           */
-/* empty css                                                        */
-import { defineComponent as v, computed as y, createBlock as B, openBlock as f, normalizeClass as x, unref as r, withCtx as c, createElementVNode as a, createVNode as p, createTextVNode as $, createElementBlock as b, createCommentVNode as C } from "vue";
-import { UploadFilled as S } from "@element-plus/icons-vue";
-import { useNamespace as U } from "../../../packages/hooks/src/use-namespace.js";
-/* empty css                                                        */
-/* empty css                                                          */
-import { ElUpload as V } from "../../../_virtual/element-plus/es/components/upload/index.js";
-import { ElIcon as g } from "../../../_virtual/element-plus/es/components/icon/index.js";
-import { ElAlert as w } from "../../../_virtual/element-plus/es/components/alert/index.js";
-import { ElMessage as m } from "../../../_virtual/element-plus/es/components/message/index.js";
-const M = { class: "slot" }, j = {
-  key: 0,
-  class: "el-upload__tip"
-}, F = { style: { display: "inline-block" } }, R = /* @__PURE__ */ v({
-  name: "QxsFileUpload",
-  __name: "file-upload",
-  props: {
-    action: {},
-    headers: {},
-    data: {},
-    name: { default: "file" },
-    size: { default: 20 },
-    max: { default: 3 },
-    accept: { default: "zip,rar" },
-    files: { default: () => [] },
-    notip: { type: Boolean, default: !1 },
-    ext: {}
-  },
-  emits: ["onSuccess"],
-  setup(u, { emit: _ }) {
-    const i = u, h = _, z = U("file-upload"), n = y(() => i.accept.split(",").map((e) => e.split("/").pop())), E = (e) => {
-      var d;
-      const t = (d = e.name.split(".").at(-1)) != null ? d : "", l = n.value.includes(t), s = e.size / 1024 / 1024 < i.size;
-      return l || m.error(`上传文件只支持 ${n.value.join(" / ")} 格式！`), s || m.error(`上传文件大小不能超过 ${i.size}MB！`), l && s;
-    }, k = () => {
-      m.warning("文件上传超过限制");
-    }, N = (e, o, t) => {
-      h("onSuccess", e, o, t);
-    };
-    return (e, o) => {
-      const t = g, l = w, s = V;
-      return f(), B(s, {
-        headers: e.headers,
-        action: e.action,
-        data: e.data,
-        name: e.name,
-        "before-upload": E,
-        "on-exceed": k,
-        "on-success": N,
-        "file-list": e.files,
-        limit: e.max,
-        drag: "",
-        class: x(r(z).e("control"))
-      }, {
-        tip: c(() => [
-          e.notip ? C("", !0) : (f(), b("div", j, [
-            a("div", F, [
-              p(l, {
-                title: `上传文件支持 ${r(n).join(" / ")} 格式，单个文件大小不超过 ${e.size}MB，且文件数量不超过 ${e.max} 个`,
-                type: "info",
-                "show-icon": "",
-                closable: !1
-              }, null, 8, ["title"])
-            ])
-          ]))
-        ]),
-        default: c(() => [
-          a("div", M, [
-            p(t, { class: "el-icon--upload" }, {
-              default: c(() => [
-                p(r(S))
-              ]),
-              _: 1
-            }),
-            o[0] || (o[0] = a("div", { class: "el-upload__text" }, [
-              $(" 将文件拖到此处，或"),
-              a("em", null, "点击上传")
-            ], -1))
-          ])
-        ]),
-        _: 1
-      }, 8, ["headers", "action", "data", "name", "file-list", "limit", "class"]);
-    };
-  }
-});
-export {
-  R as default
-};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var fileUpload_vue_vue_type_script_setup_true_lang = require('./file-upload.vue.js');
+
+
+
+exports.default = fileUpload_vue_vue_type_script_setup_true_lang.default;
 //# sourceMappingURL=file-upload.vue2.js.map