@qxs-bns/components 0.0.19 → 0.0.20

package/lib/src/subject-type/index.js

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

package/lib/src/subject-type/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/src/subject-type/index.ts"],"sourcesContent":["import { withInstall } from '../withInstall'\nimport component from './src/subject-type.vue'\n\nconst QxsSubjectType = withInstall(component)\n  \nexport {\n  QxsSubjectType\n}\n  \nexport default QxsSubjectType"],"names":["QxsSubjectType","withInstall","component"],"mappings":";;AAGM,MAAAA,IAAiBC,EAAYC,CAAS;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/src/subject-type/index.ts"],"sourcesContent":["import { withInstall } from '../withInstall'\nimport component from './src/subject-type.vue'\n\nconst QxsSubjectType = withInstall(component)\n  \nexport {\n  QxsSubjectType\n}\n  \nexport default QxsSubjectType"],"names":["QxsSubjectType","withInstall","component"],"mappings":";;;;;;;AAGA,MAAMA,cAAA,GAAiBC,wBAAYC,uDAAS;;;;;"}

package/lib/src/subject-type/src/subject-type.vue.js

@@ -1,8 +1,184 @@
-import o from "./subject-type.vue2.js";
-/* empty css                  */
-import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cafdc377"]]);
-export {
-  r as default
-};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var hooks = require('@qxs-bns/hooks');
+
+const _hoisted_1 = { class: "type-item" };
+const _hoisted_2 = { class: "base-subject" };
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "type-item" };
+const _hoisted_5 = { class: "base-subject flex" };
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = { class: "type-item" };
+const _hoisted_8 = { class: "base-subject flex" };
+const _hoisted_9 = ["onClick"];
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "QxsSubjectType"
+  },
+  __name: "subject-type",
+  emits: ["select"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const subjectOptions = ref([
+      {
+        type: "single",
+        label: "\u5355\u9009\u9898"
+      },
+      {
+        type: "multiple",
+        label: "\u591A\u9009\u9898"
+      },
+      {
+        type: "blank_fill",
+        label: "\u586B\u7A7A\u9898"
+      },
+      {
+        type: "text_fill",
+        label: "\u95EE\u7B54\u9898"
+      },
+      {
+        type: "scale",
+        label: "\u91CF\u8868\u9898"
+      },
+      {
+        type: "sort",
+        label: "\u6392\u5E8F\u9898"
+      }
+    ]);
+    const otherOptions = ref([
+      {
+        type: "rich_text",
+        label: "\u5BCC\u6587\u672C"
+      },
+      {
+        type: "page_end",
+        label: "\u5206\u9875\u5668"
+      }
+    ]);
+    const interactionOptions = ref([
+      {
+        type: "single",
+        label: "\u5355\u9009\u9898"
+      },
+      {
+        type: "multiple",
+        label: "\u591A\u9009\u9898"
+      }
+    ]);
+    const ns = hooks.useNamespace("subject-type");
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass(vue.unref(ns).e("type-list"))
+        },
+        [
+          vue.createElementVNode("div", _hoisted_1, [
+            _cache[0] || (_cache[0] = vue.createElementVNode(
+              "div",
+              null,
+              "\u666E\u901A\u9898\u76EE\u7C7B\u578B",
+              -1
+              /* HOISTED */
+            )),
+            vue.createElementVNode("div", _hoisted_2, [
+              (vue.openBlock(true), vue.createElementBlock(
+                vue.Fragment,
+                null,
+                vue.renderList(vue.unref(subjectOptions), (item) => {
+                  return vue.openBlock(), vue.createElementBlock("div", {
+                    key: item.type,
+                    class: "item flex-center",
+                    onClick: ($event) => emits("select", item.type)
+                  }, [
+                    vue.createElementVNode(
+                      "span",
+                      null,
+                      vue.toDisplayString(item.label),
+                      1
+                      /* TEXT */
+                    )
+                  ], 8, _hoisted_3);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ])
+          ]),
+          vue.createElementVNode("div", _hoisted_4, [
+            _cache[1] || (_cache[1] = vue.createElementVNode(
+              "div",
+              null,
+              "\u5176\u4ED6",
+              -1
+              /* HOISTED */
+            )),
+            vue.createElementVNode("div", _hoisted_5, [
+              (vue.openBlock(true), vue.createElementBlock(
+                vue.Fragment,
+                null,
+                vue.renderList(vue.unref(otherOptions), (item) => {
+                  return vue.openBlock(), vue.createElementBlock("div", {
+                    key: item.type,
+                    class: "item flex-center",
+                    onClick: ($event) => emits("select", item.type)
+                  }, [
+                    vue.createElementVNode(
+                      "span",
+                      null,
+                      vue.toDisplayString(item.label),
+                      1
+                      /* TEXT */
+                    )
+                  ], 8, _hoisted_6);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ])
+          ]),
+          vue.createElementVNode("div", _hoisted_7, [
+            _cache[2] || (_cache[2] = vue.createElementVNode(
+              "div",
+              null,
+              "\u4E92\u52A8\u95EE\u7B54\u7C7B\u578B\uFF08\u652F\u6301\u8BBE\u7F6E\u7ED3\u679C\u9879\uFF09",
+              -1
+              /* HOISTED */
+            )),
+            vue.createElementVNode("div", _hoisted_8, [
+              (vue.openBlock(true), vue.createElementBlock(
+                vue.Fragment,
+                null,
+                vue.renderList(vue.unref(interactionOptions), (item) => {
+                  return vue.openBlock(), vue.createElementBlock("div", {
+                    key: item.type,
+                    class: "item flex-center",
+                    onClick: ($event) => emits("select", item.type, true)
+                  }, [
+                    vue.createElementVNode(
+                      "span",
+                      null,
+                      vue.toDisplayString(item.label),
+                      1
+                      /* TEXT */
+                    )
+                  ], 8, _hoisted_9);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ])
+          ])
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;
 //# sourceMappingURL=subject-type.vue.js.map

package/lib/src/subject-type/src/subject-type.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"subject-type.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"subject-type.vue.js","sources":["../../../../../../packages/components/src/subject-type/src/subject-type.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useNamespace } from '@qxs-bns/hooks'\n\ndefineOptions({\n  name: 'QxsSubjectType',\n})\nconst emits = defineEmits(['select'])\nconst subjectOptions = ref([\n  {\n    type: 'single',\n    label: '单选题',\n  }, {\n    type: 'multiple',\n    label: '多选题',\n  },\n  {\n    type: 'blank_fill',\n    label: '填空题',\n  },\n  {\n    type: 'text_fill',\n    label: '问答题',\n  },\n  {\n    type: 'scale',\n    label: '量表题',\n  },\n  {\n    type: 'sort',\n    label: '排序题',\n  },\n])\nconst otherOptions = ref([\n  {\n    type: 'rich_text',\n    label: '富文本',\n  },\n  {\n    type: 'page_end',\n    label: '分页器',\n  },\n])\nconst interactionOptions = ref([\n  {\n    type: 'single',\n    label: '单选题',\n  }, {\n    type: 'multiple',\n    label: '多选题',\n  },\n])\nconst ns = useNamespace('subject-type')\n\n</script>\n\n<template>\n  <div :class=\"ns.e('type-list')\">\n    <div class=\"type-item\">\n      <div>普通题目类型</div>\n      <div class=\"base-subject\">\n        <div v-for=\"item in subjectOptions\" :key=\"item.type\" class=\"item flex-center\"\n          @click=\"emits('select', item.type)\">\n          <span>{{ item.label }}</span>\n        </div>\n      </div>\n    </div>\n    <div class=\"type-item\">\n      <div>其他</div>\n      <div class=\"base-subject flex\">\n        <div v-for=\"item in otherOptions\" :key=\"item.type\" class=\"item flex-center\" @click=\"emits('select', item.type)\">\n          <span>{{ item.label }}</span>\n        </div>\n      </div>\n    </div>\n    <div class=\"type-item\">\n      <div>互动问答类型（支持设置结果项）</div>\n      <div class=\"base-subject flex\">\n        <div v-for=\"item in interactionOptions\" :key=\"item.type\" class=\"item flex-center\"\n          @click=\"emits('select', item.type, true)\">\n          <span>{{ item.label }}</span>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["useNamespace"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAA,MAAM,KAAQ,GAAA,MAAA;AACd,IAAA,MAAM,iBAAiB,GAAI,CAAA;AAAA,MACzB;AAAA,QACE,IAAM,EAAA,QAAA;AAAA,QACN,KAAO,EAAA;AAAA,OACT;AAAA,MAAG;AAAA,QACD,IAAM,EAAA,UAAA;AAAA,QACN,KAAO,EAAA;AAAA,OACT;AAAA,MACA;AAAA,QACE,IAAM,EAAA,YAAA;AAAA,QACN,KAAO,EAAA;AAAA,OACT;AAAA,MACA;AAAA,QACE,IAAM,EAAA,WAAA;AAAA,QACN,KAAO,EAAA;AAAA,OACT;AAAA,MACA;AAAA,QACE,IAAM,EAAA,OAAA;AAAA,QACN,KAAO,EAAA;AAAA,OACT;AAAA,MACA;AAAA,QACE,IAAM,EAAA,MAAA;AAAA,QACN,KAAO,EAAA;AAAA;AACT,KACD,CAAA;AACD,IAAA,MAAM,eAAe,GAAI,CAAA;AAAA,MACvB;AAAA,QACE,IAAM,EAAA,WAAA;AAAA,QACN,KAAO,EAAA;AAAA,OACT;AAAA,MACA;AAAA,QACE,IAAM,EAAA,UAAA;AAAA,QACN,KAAO,EAAA;AAAA;AACT,KACD,CAAA;AACD,IAAA,MAAM,qBAAqB,GAAI,CAAA;AAAA,MAC7B;AAAA,QACE,IAAM,EAAA,QAAA;AAAA,QACN,KAAO,EAAA;AAAA,OACT;AAAA,MAAG;AAAA,QACD,IAAM,EAAA,UAAA;AAAA,QACN,KAAO,EAAA;AAAA;AACT,KACD,CAAA;AACD,IAAM,MAAA,EAAA,GAAKA,mBAAa,cAAc,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/src/subject-type/src/subject-type.vue2.js

@@ -1,97 +1,10 @@
-import { defineComponent as v, ref as c, createElementBlock as l, openBlock as s, normalizeClass as f, unref as i, createElementVNode as e, Fragment as p, renderList as a, toDisplayString as r } from "vue";
-import { useNamespace as k } from "../../../packages/hooks/src/use-namespace.js";
-const x = { class: "type-item" }, C = { class: "base-subject" }, j = ["onClick"], h = { class: "type-item" }, g = { class: "base-subject flex" }, O = ["onClick"], $ = { class: "type-item" }, B = { class: "base-subject flex" }, E = ["onClick"], F = /* @__PURE__ */ v({
-  name: "QxsSubjectType",
-  __name: "subject-type",
-  emits: ["select"],
-  setup(N, { emit: d }) {
-    const o = d, y = c([
-      {
-        type: "single",
-        label: "单选题"
-      },
-      {
-        type: "multiple",
-        label: "多选题"
-      },
-      {
-        type: "blank_fill",
-        label: "填空题"
-      },
-      {
-        type: "text_fill",
-        label: "问答题"
-      },
-      {
-        type: "scale",
-        label: "量表题"
-      },
-      {
-        type: "sort",
-        label: "排序题"
-      }
-    ]), b = c([
-      {
-        type: "rich_text",
-        label: "富文本"
-      },
-      {
-        type: "page_end",
-        label: "分页器"
-      }
-    ]), _ = c([
-      {
-        type: "single",
-        label: "单选题"
-      },
-      {
-        type: "multiple",
-        label: "多选题"
-      }
-    ]), m = k("subject-type");
-    return (S, n) => (s(), l("div", {
-      class: f(i(m).e("type-list"))
-    }, [
-      e("div", x, [
-        n[0] || (n[0] = e("div", null, "普通题目类型", -1)),
-        e("div", C, [
-          (s(!0), l(p, null, a(i(y), (t) => (s(), l("div", {
-            key: t.type,
-            class: "item flex-center",
-            onClick: (u) => o("select", t.type)
-          }, [
-            e("span", null, r(t.label), 1)
-          ], 8, j))), 128))
-        ])
-      ]),
-      e("div", h, [
-        n[1] || (n[1] = e("div", null, "其他", -1)),
-        e("div", g, [
-          (s(!0), l(p, null, a(i(b), (t) => (s(), l("div", {
-            key: t.type,
-            class: "item flex-center",
-            onClick: (u) => o("select", t.type)
-          }, [
-            e("span", null, r(t.label), 1)
-          ], 8, O))), 128))
-        ])
-      ]),
-      e("div", $, [
-        n[2] || (n[2] = e("div", null, "互动问答类型（支持设置结果项）", -1)),
-        e("div", B, [
-          (s(!0), l(p, null, a(i(_), (t) => (s(), l("div", {
-            key: t.type,
-            class: "item flex-center",
-            onClick: (u) => o("select", t.type, !0)
-          }, [
-            e("span", null, r(t.label), 1)
-          ], 8, E))), 128))
-        ])
-      ])
-    ], 2));
-  }
-});
-export {
-  F as default
-};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var subjectType_vue_vue_type_script_setup_true_lang = require('./subject-type.vue.js');
+
+
+
+exports.default = subjectType_vue_vue_type_script_setup_true_lang.default;
 //# sourceMappingURL=subject-type.vue2.js.map

package/lib/src/subject-type/src/subject-type.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"subject-type.vue2.js","sources":["../../../../../../packages/components/src/subject-type/src/subject-type.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useNamespace } from '@qxs-bns/hooks'\n\ndefineOptions({\n  name: 'QxsSubjectType',\n})\nconst emits = defineEmits(['select'])\nconst subjectOptions = ref([\n  {\n    type: 'single',\n    label: '单选题',\n  }, {\n    type: 'multiple',\n    label: '多选题',\n  },\n  {\n    type: 'blank_fill',\n    label: '填空题',\n  },\n  {\n    type: 'text_fill',\n    label: '问答题',\n  },\n  {\n    type: 'scale',\n    label: '量表题',\n  },\n  {\n    type: 'sort',\n    label: '排序题',\n  },\n])\nconst otherOptions = ref([\n  {\n    type: 'rich_text',\n    label: '富文本',\n  },\n  {\n    type: 'page_end',\n    label: '分页器',\n  },\n])\nconst interactionOptions = ref([\n  {\n    type: 'single',\n    label: '单选题',\n  }, {\n    type: 'multiple',\n    label: '多选题',\n  },\n])\nconst ns = useNamespace('subject-type')\n\n</script>\n\n<template>\n  <div :class=\"ns.e('type-list')\">\n    <div class=\"type-item\">\n      <div>普通题目类型</div>\n      <div class=\"base-subject\">\n        <div v-for=\"item in subjectOptions\" :key=\"item.type\" class=\"item flex-center\"\n          @click=\"emits('select', item.type)\">\n          <span>{{ item.label }}</span>\n        </div>\n      </div>\n    </div>\n    <div class=\"type-item\">\n      <div>其他</div>\n      <div class=\"base-subject flex\">\n        <div v-for=\"item in otherOptions\" :key=\"item.type\" class=\"item flex-center\" @click=\"emits('select', item.type)\">\n          <span>{{ item.label }}</span>\n        </div>\n      </div>\n    </div>\n    <div class=\"type-item\">\n      <div>互动问答类型（支持设置结果项）</div>\n      <div class=\"base-subject flex\">\n        <div v-for=\"item in interactionOptions\" :key=\"item.type\" class=\"item flex-center\"\n          @click=\"emits('select', item.type, true)\">\n          <span>{{ item.label }}</span>\n        </div>\n      </div>\n    </div>\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.flex{display:flex;}</style>"],"names":["emits","__emit","subjectOptions","ref","otherOptions","interactionOptions","ns","useNamespace"],"mappings":";;;;;;;AAMA,UAAMA,IAAQC,GACRC,IAAiBC,EAAI;AAAA,MACzB;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MAAG;AAAA,QACD,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT,CACD,GACKC,IAAeD,EAAI;AAAA,MACvB;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT,CACD,GACKE,IAAqBF,EAAI;AAAA,MAC7B;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MAAG;AAAA,QACD,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT,CACD,GACKG,IAAKC,EAAa,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"subject-type.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/src/tiny-mce-editor/index.js

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

package/lib/src/tiny-mce-editor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/src/tiny-mce-editor/index.ts"],"sourcesContent":["import { withInstall } from '../withInstall'\nimport component from './src/tiny-mce-editor.vue'\n\nconst QxsTinyMceEditor = withInstall(component)\n  \nexport {\n  QxsTinyMceEditor\n}\n  \nexport default QxsTinyMceEditor"],"names":["QxsTinyMceEditor","withInstall","component"],"mappings":";;AAGM,MAAAA,IAAmBC,EAAYC,CAAS;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/src/tiny-mce-editor/index.ts"],"sourcesContent":["import { withInstall } from '../withInstall'\nimport component from './src/tiny-mce-editor.vue'\n\nconst QxsTinyMceEditor = withInstall(component)\n  \nexport {\n  QxsTinyMceEditor\n}\n  \nexport default QxsTinyMceEditor"],"names":["QxsTinyMceEditor","withInstall","component"],"mappings":";;;;;;;AAGA,MAAMA,gBAAA,GAAmBC,wBAAYC,yDAAS;;;;;"}

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

@@ -1,8 +1,161 @@
-import o from "./tiny-mce-editor.vue2.js";
-/* empty css                     */
-import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cd53272f"]]);
-export {
-  c as default
-};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var hooks = require('@qxs-bns/hooks');
+var lodashEs = require('lodash-es');
+var tinymce = require('tinymce/tinymce');
+require('tinymce/themes/silver/theme');
+require('tinymce/icons/default/icons');
+require('tinymce/models/dom');
+require('tinymce/plugins/autolink');
+require('tinymce/plugins/autoresize');
+require('tinymce/plugins/fullscreen');
+require('tinymce/plugins/image');
+require('tinymce/plugins/insertdatetime');
+require('tinymce/plugins/link');
+require('tinymce/plugins/lists');
+require('tinymce/plugins/media');
+require('tinymce/plugins/preview');
+require('tinymce/plugins/table');
+require('tinymce/plugins/wordcount');
+require('tinymce/plugins/code');
+require('tinymce/plugins/searchreplace');
+require('tinymce/plugins/nonbreaking');
+
+const _hoisted_1 = ["id", "name"];
+var _sfc_main = /* @__PURE__ */ vue.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 = hooks.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/${undefined.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 lodashEs.merge(dealDefaultSetting, __props.config);
+    });
+    onMounted(async () => {
+      if (typeof window !== "undefined") {
+        tinymce.init(initSetting.value);
+      }
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass(vue.unref(ns).e("tiny-mce"))
+        },
+        [
+          vue.createCommentVNode(" \u4F7F\u7528\u52A8\u6001\u751F\u6210\u7684 id "),
+          vue.withDirectives(vue.createElementVNode("textarea", {
+            id: vue.unref(uniqueId),
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(content) ? content.value = $event : null),
+            name: vue.unref(uniqueId)
+          }, null, 8, _hoisted_1), [
+            [vue.vModelText, vue.unref(content)]
+          ])
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;
 //# sourceMappingURL=tiny-mce-editor.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tiny-mce-editor.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"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":["useNamespace","merge"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,IAAA,MAAM,IAAO,GAAA,MAAA;AAEb,IAAM,MAAA,EAAA,GAAKA,mBAAa,aAAa,CAAA;AAIrC,IAAA,MAAM,UAAU,QAAS,CAAA;AAAA,MACvB,GAAM,GAAA;AACJ,QAAA,OAAO,OAAU,CAAA,UAAA;AAAA,OACnB;AAAA,MACA,IAAI,GAAK,EAAA;AACP,QAAA,IAAA,CAAK,qBAAqB,GAAG,CAAA;AAAA;AAC/B,KACD,CAAA;AAGD,IAAA,MAAM,QAAW,GAAA,GAAA;AAAA,MACf,CAAqB,kBAAA,EAAA,IAAA,CAAK,GAAI,EAAC,IAAI,IAAK,CAAA,MAAA,EAAS,CAAA,QAAA,CAAS,EAAE,CAAA,CAAE,MAAO,CAAA,CAAA,EAAG,CAAC,CAAC,CAAA;AAAA,KAC5E;AAEA,IAAM,MAAA,QAAA,GACJ,QAAc,cACd,IAAA,CAAA,kCAAA,EACE,SAAgB,CAAA,GAAA,GACZ,gCACA,4BACN,CAAA,CAAA;AACF,IAAA,MAAM,cAAmC,GAAA;AAAA;AAAA,MAEvC,QAAA,EAAU,CAAY,SAAA,EAAA,QAAA,CAAS,KAAK,CAAA,CAAA;AAAA,MACpC,SAAW,EAAA,KAAA;AAAA;AAAA,MACX,WAAa,EAAA,KAAA;AAAA,MACb,WAAa,EAAA,KAAA;AAAA,MACb,QAAU,EAAA,SAAA;AAAA,MAEV,YAAA,EAAc,GAAG,QAAQ,CAAA,wBAAA,CAAA;AAAA,MACzB,UAAU,CAAG,EAAA,QAAQ,GAEf,yBAEN,CAAA,CAAA;AAAA,MACA,aAAa,CAAG,EAAA,QAAQ,GAElB,gDAEN,CAAA,CAAA;AAAA,MACA,UAAY,EAAA,GAAA;AAAA,MACZ,UAAY,EAAA,GAAA;AAAA,MACZ,OACE,EAAA,6HAAA;AAAA,MACF,OACE,EAAA,mPAAA;AAAA,MACF,QAAU,EAAA,KAAA;AAAA,MACV,UAAY,EAAA,IAAA;AAAA,MACZ,OAAS,EAAA,KAAA;AAAA,MACT,qBAAuB,EAAA,IAAA;AAAA,MACvB,YAAc,EAAA,SAAA;AAAA,MACd,sBAAwB,EAAA;AAAA,QACtB,0BAAA;AAAA,QACA,0BAAA;AAAA,QACA,UAAA;AAAA,QACA;AAAA,OACF;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,KAAA,EAAO,CAAC,MAAmB,KAAA;AAEzB,QAAO,MAAA,CAAA,EAAA,CAAG,0BAA0B,MAAM;AACxC,UAAQ,OAAA,CAAA,KAAA,GAAQ,OAAO,UAAW,EAAA;AAAA,SACnC,CAAA;AAGD,QAAO,MAAA,CAAA,EAAA,CAAG,QAAQ,MAAM;AACtB,UAAO,MAAA,CAAA,UAAA,CAAW,QAAQ,KAAK,CAAA;AAAA,SAChC,CAAA;AAED,QAAM,OAAA,CAAA,MAAA,EAAE,cAAc,MAAM,CAAA;AAAA;AAC9B,KACF;AAEA,IAAM,MAAA,WAAA,GAAc,SAAS,MAAM;AACjC,MAAA,MAAM,kBAAqB,GAAA,cAAA;AAC3B,MAAI,IAAA,CAAC,OAAM,CAAA,MAAA,CAAC,qBAAuB,EAAA;AAEjC,QAAI,IAAA,OAAO,kBAAmB,CAAA,OAAA,KAAY,QAAU,EAAA;AAClD,UAAmB,kBAAA,CAAA,OAAA,GAAU,mBAAmB,OAAQ,CAAA,OAAA;AAAA,YACtD,OAAA;AAAA,YACA;AAAA,WACF;AAAA,SACS,MAAA,IAAA,KAAA,CAAM,OAAQ,CAAA,kBAAA,CAAmB,OAAO,CAAG,EAAA;AACpD,UAAmB,kBAAA,CAAA,OAAA,GAAU,mBAAmB,OAAQ,CAAA,MAAA;AAAA,YACtD,CAAC,WAAW,MAAW,KAAA;AAAA,WACzB;AAAA;AACF;AAEF,MAAO,OAAAC,cAAA,CAAM,kBAAoB,EAAA,OAAA,OAAM,CAAA;AAAA,KACxC,CAAA;AAED,IAAA,SAAA,CAAU,YAAY;AACpB,MAAI,IAAA,OAAO,WAAW,WAAa,EAAA;AACjC,QAAQ,OAAA,CAAA,IAAA,CAAK,YAAY,KAAK,CAAA;AAAA;AAChC,KACD,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}