@qxs-bns/components 0.0.15 → 0.0.16

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/_virtual/_plugin-vue_export-helper.js

@@ -1,10 +1,14 @@
-const s = (t, e) => {
-  const o = t.__vccOpts || t;
-  for (const [r, c] of e)
-    o[r] = c;
-  return o;
-};
-export {
-  s as default
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
 };
+
+exports.default = _export_sfc;
 //# sourceMappingURL=_plugin-vue_export-helper.js.map

package/lib/_virtual/_plugin-vue_export-helper.js.map

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

package/lib/index.js

@@ -1,28 +1,33 @@
-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/data-chart/index.js');
+var index$1 = require('./src/file-upload/index.js');
+var index$2 = require('./src/fixed-action-bar/index.js');
+var index$3 = require('./src/image-upload/index.js');
+var index$4 = require('./src/photo-crop-tool/index.js');
+var index$5 = require('./src/subject-action/index.js');
+var index$6 = require('./src/subject-layout/index.js');
+var index$7 = require('./src/subject-list/index.js');
+var index$8 = require('./src/subject-type/index.js');
+var index$9 = require('./src/tiny-mce-editor/index.js');
+
+const install = defaults.default.install;
+const version = defaults.default.version;
+
+exports.default = defaults.default;
+exports.QxsDataChart = index.QxsDataChart;
+exports.QxsFileUpload = index$1.QxsFileUpload;
+exports.QxsFixedActionBar = index$2.QxsFixedActionBar;
+exports.QxsImageUpload = index$3.QxsImageUpload;
+exports.QxsPhotoCropTool = index$4.QxsPhotoCropTool;
+exports.QxsSubjectAction = index$5.QxsSubjectAction;
+exports.QxsSubjectLayout = index$6.QxsSubjectLayout;
+exports.QxsSubjectList = index$7.QxsSubjectList;
+exports.QxsSubjectType = index$8.QxsSubjectType;
+exports.QxsTinyMceEditor = index$9.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/node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function styleInject(css, ref) {
+  if (ref === void 0) ref = {};
+  var insertAt = ref.insertAt;
+  if (typeof document === 'undefined') {
+    return;
+  }
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+exports.default = styleInject;
+//# sourceMappingURL=style-inject.es.js.map

package/lib/node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-inject.es.js","sources":["../../../../../../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode"],"mappings":";;;;AAAA,SAASA,WAAWA,CAACC,GAAG,EAAEC,GAAG,EAAE;EAC7B,IAAKA,GAAG,KAAK,MAAM,EAAGA,GAAG,GAAG,EAAE;AAC9B,EAAA,IAAIC,QAAQ,GAAGD,GAAG,CAACC,QAAQ;AAE3B,EAAA,IAAY,OAAOC,QAAQ,KAAK,WAAW,EAAE;AAAE,IAAA;AAAQ;AAEvD,EAAA,IAAIC,IAAI,GAAGD,QAAQ,CAACC,IAAI,IAAID,QAAQ,CAACE,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACpE,EAAA,IAAIC,KAAK,GAAGH,QAAQ,CAACI,aAAa,CAAC,OAAO,CAAC;EAC3CD,KAAK,CAACE,IAAI,GAAG,UAAU;EAEvB,IAAIN,QAAQ,KAAK,KAAK,EAAE;IACtB,IAAIE,IAAI,CAACK,UAAU,EAAE;MACnBL,IAAI,CAACM,YAAY,CAACJ,KAAK,EAAEF,IAAI,CAACK,UAAU,CAAC;AAC3C,KAAC,MAAM;AACLL,MAAAA,IAAI,CAACO,WAAW,CAACL,KAAK,CAAC;AACzB;AACF,GAAC,MAAM;AACLF,IAAAA,IAAI,CAACO,WAAW,CAACL,KAAK,CAAC;AACzB;EAEA,IAAIA,KAAK,CAACM,UAAU,EAAE;AACpBN,IAAAA,KAAK,CAACM,UAAU,CAACC,OAAO,GAAGb,GAAG;AAChC,GAAC,MAAM;IACLM,KAAK,CAACK,WAAW,CAACR,QAAQ,CAACW,cAAc,CAACd,GAAG,CAAC,CAAC;AACjD;AACF;;;;","x_google_ignoreList":[0]}

package/lib/package.json.js

@@ -1,5 +1,6 @@
-const o = "0.0.15";
-export {
-  o as version
-};
+'use strict';
+
+var version = "0.0.16";
+
+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,26 @@
-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('./data-chart/index.js');
+var index$1 = require('./file-upload/index.js');
+var index$2 = require('./fixed-action-bar/index.js');
+var index$3 = require('./image-upload/index.js');
+var index$4 = require('./photo-crop-tool/index.js');
+var index$5 = require('./subject-action/index.js');
+var index$6 = require('./subject-layout/index.js');
+var index$7 = require('./subject-list/index.js');
+var index$8 = require('./subject-type/index.js');
+var index$9 = require('./tiny-mce-editor/index.js');
+
+
+
+exports.QxsDataChart = index.QxsDataChart;
+exports.QxsFileUpload = index$1.QxsFileUpload;
+exports.QxsFixedActionBar = index$2.QxsFixedActionBar;
+exports.QxsImageUpload = index$3.QxsImageUpload;
+exports.QxsPhotoCropTool = index$4.QxsPhotoCropTool;
+exports.QxsSubjectAction = index$5.QxsSubjectAction;
+exports.QxsSubjectLayout = index$6.QxsSubjectLayout;
+exports.QxsSubjectList = index$7.QxsSubjectList;
+exports.QxsSubjectType = index$8.QxsSubjectType;
+exports.QxsTinyMceEditor = index$9.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/data-chart/index.js

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

package/lib/src/data-chart/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/src/data-chart/index.ts"],"sourcesContent":["import { withInstall } from '../withInstall'\nimport component from './src/data-chart.vue'\n\nconst QxsDataChart = withInstall(component)\n\nexport {\n  QxsDataChart,\n}\nexport default QxsDataChart\n"],"names":["QxsDataChart","withInstall","component"],"mappings":";;AAGM,MAAAA,IAAeC,EAAYC,CAAS;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/src/data-chart/index.ts"],"sourcesContent":["import { withInstall } from '../withInstall'\nimport component from './src/data-chart.vue'\n\nconst QxsDataChart = withInstall(component)\n\nexport {\n  QxsDataChart,\n}\nexport default QxsDataChart\n"],"names":["QxsDataChart","withInstall","component"],"mappings":";;;;;;;AAGA,MAAMA,YAAA,GAAeC,wBAAYC,iBAAS;;;;;"}

package/lib/src/data-chart/src/data-chart.vue.js

@@ -1,9 +1,12 @@
-import o from "./data-chart.vue2.js";
-/* empty css                */
-/* empty css                */
-import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-265e17ed"]]);
-export {
-  _ as default
-};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dataChart_vue_vue_type_script_setup_true_lang = require('./data-chart.vue2.js');
+require('./data-chart.vue3.js');
+var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
+
+var component = /* @__PURE__ */ _pluginVue_exportHelper.default(dataChart_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-28590d9c"]]);
+
+exports.default = component;
 //# sourceMappingURL=data-chart.vue.js.map

package/lib/src/data-chart/src/data-chart.vue.js.map

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

package/lib/src/data-chart/src/data-chart.vue2.js

@@ -1,18 +1,24 @@
-import __variableDynamicImportRuntimeHelper from "../../../_virtual/dynamic-import-helper.js";
-import { defineComponent, computed, watchEffect, defineAsyncComponent, provide, createBlock, openBlock, resolveDynamicComponent } from "vue";
-import { JsonToExcel } from "../../../packages/utils/src/json.js";
-import { cloneDeep, merge } from "lodash-es";
-import { defaultChartOption } from "./utils/config.js";
-import { InjectionChartMerge } from "./utils/injectionKeys.js";
-import { useDataToExcelJson } from "./utils/useCharts.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  name: "QxsDataChart",
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var utils = require('@qxs-bns/utils');
+var lodashEs = require('lodash-es');
+var config = require('./utils/config.js');
+var injectionKeys = require('./utils/injectionKeys.js');
+var useCharts = require('./utils/useCharts.js');
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "QxsDataChart"
+  },
   __name: "data-chart",
   props: {
-    modelName: { default: "" },
-    showTypeName: { default: "table" },
-    subShowType: {},
-    data: { default: () => ({
+    modelName: { type: String, required: false, default: "" },
+    showTypeName: { type: String, required: false, default: "table" },
+    subShowType: { type: String, required: false },
+    data: { type: Object, required: false, default: () => ({
       data: [],
       desc: {
         colDesc: [],
@@ -24,62 +30,83 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         groupByDesc: []
       }
     }) },
-    chartOptions: { default: () => ({}) },
-    jsCodeSnippet: { default: "" }
+    chartOptions: { type: null, required: false, default: () => ({}) },
+    jsCodeSnippet: { type: String, required: false, default: "" }
   },
   setup(__props, { expose: __expose }) {
-    const coms = {}, defaultChartOptionCopy = computed(() => cloneDeep(defaultChartOption[__props.showTypeName])), formatPublicData = computed(() => {
-      const { desc: { colDesc: e = [], groupByDesc: t = [] } = {}, data: n = [] } = __props.data;
-      let a = [], p = null;
-      a = t == null ? void 0 : t.map((o) => (o.xAxis && (p = o), o));
-      const r = p ? n.filter((o) => o && o[p.colDesc]) : n;
+    const coms = {};
+    const defaultChartOptionCopy = vue.computed(() => {
+      return lodashEs.cloneDeep(config.defaultChartOption[__props.showTypeName]);
+    });
+    const formatPublicData = vue.computed(() => {
+      const { desc: { colDesc = [], groupByDesc = [] } = {}, data = [] } = __props.data;
+      let xValue = [];
+      let xGroupByDesc = null;
+      xValue = groupByDesc?.map((groupByDescItem) => {
+        if (groupByDescItem.xAxis) {
+          xGroupByDesc = groupByDescItem;
+        }
+        return groupByDescItem;
+      });
+      const dataValue = xGroupByDesc ? data.filter((item) => item && item[xGroupByDesc.colDesc]) : data;
       return {
-        colDesc: e,
+        colDesc,
         modelName: __props.modelName,
         subShowType: __props.subShowType,
-        xGroupByDesc: p || {
+        xGroupByDesc: xGroupByDesc || {
           groupByDesc: null,
           groupByValues: null,
           colDesc: null,
-          xAxis: !1
+          xAxis: false
         },
-        groupByDesc: a,
-        data: r
+        groupByDesc: xValue,
+        data: dataValue
       };
     });
     function exportExal() {
       if (__props.data.data.length === 0) {
-        console.log("暂无数据");
+        console.log("\u6682\u65E0\u6570\u636E");
         return;
       }
-      const e = useDataToExcelJson(__props.data);
-      JsonToExcel(__props.modelName, e);
+      const arr = useCharts.useDataToExcelJson(__props.data);
+      utils.JsonToExcel(__props.modelName, arr);
     }
-    function merge$1(config, defaultConfig) {
-      const mergeOpt = merge({}, defaultChartOptionCopy.value, config, defaultConfig);
+    function merge(config, defaultConfig) {
+      const mergeOpt = lodashEs.merge({}, defaultChartOptionCopy.value, config, defaultConfig);
       let conf = mergeOpt || {};
-      if (__props.jsCodeSnippet)
+      if (__props.jsCodeSnippet) {
         try {
-          const dealFun = (mergeOpt) => (eval(__props.jsCodeSnippet), mergeOpt);
-          conf = dealFun(conf);
-        } catch (e) {
-          console.log(e);
+          const dynamicFunction = new Function(
+            "config",
+            `"use strict"; ${__props.jsCodeSnippet}; return config;`
+          );
+          conf = dynamicFunction(conf);
+        } catch (error) {
+          console.error("\u4EE3\u7801\u6267\u884C\u5931\u8D25:", error);
         }
+      }
       return conf;
     }
-    return watchEffect(() => {
-      coms[__props.showTypeName] || (coms[__props.showTypeName] = defineAsyncComponent(() => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./components/area.vue": () => import("./components/area.vue.js"), "./components/bar.vue": () => import("./components/bar.vue.js"), "./components/card.vue": () => import("./components/card.vue.js"), "./components/empty.vue": () => import("./components/empty.vue.js"), "./components/funnel.vue": () => import("./components/funnel.vue.js"), "./components/line.vue": () => import("./components/line.vue.js"), "./components/pie.vue": () => import("./components/pie.vue.js"), "./components/radar.vue": () => import("./components/radar.vue.js"), "./components/scatter-simple.vue": () => import("./components/scatter-simple.vue.js"), "./components/scatter.vue": () => import("./components/scatter.vue.js"), "./components/table.vue": () => import("./components/table.vue.js") }), `./components/${__props.showTypeName}.vue`, 3)));
-    }), __expose({
+    vue.watchEffect(() => {
+      if (coms[__props.showTypeName]) {
+        return;
+      }
+      coms[__props.showTypeName] = vue.defineAsyncComponent(() => import(`./components/${__props.showTypeName}.vue`));
+    });
+    __expose({
       exportExal
-    }), provide(InjectionChartMerge, merge$1), (e, t) => (openBlock(), createBlock(resolveDynamicComponent(coms[e.showTypeName]), {
-      class: "data-chart",
-      "sub-show-type": e.subShowType,
-      "chart-data": formatPublicData.value,
-      "chart-options": e.chartOptions
-    }, null, 8, ["sub-show-type", "chart-data", "chart-options"]));
+    });
+    vue.provide(injectionKeys.InjectionChartMerge, merge);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(coms[_ctx.showTypeName]), {
+        class: "data-chart",
+        "sub-show-type": _ctx.subShowType,
+        "chart-data": formatPublicData.value,
+        "chart-options": _ctx.chartOptions
+      }, null, 8, ["sub-show-type", "chart-data", "chart-options"]);
+    };
   }
 });
-export {
-  _sfc_main as default
-};
+
+exports.default = _sfc_main;
 //# sourceMappingURL=data-chart.vue2.js.map