@ctzy-web-client/plugin-component-vue 1.0.9 → 1.0.10

package/lib/data-form/dynamic-component.js

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('lodash/get');
+require('lodash/set');
+var utils = require('../utils.js');
+
+var DynamicComponent = {
+  props: {
+    column: Object,
+    record: Object
+  },
+  emits: ["on-change"],
+  setup(props, context) {
+    const {
+      component,
+      params
+    } = utils.useDynamicComponent(props, context, "BwaInput", "fullAttrName");
+    return () => {
+      return vue.h(vue.unref(component), vue.unref(params));
+    };
+  }
+};
+
+exports["default"] = DynamicComponent;

package/lib/data-form/form-components/Blots/AtBlot.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var Quill = require('quill');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var Quill__default = /*#__PURE__*/_interopDefaultLegacy(Quill);
+
+const Parchment = Quill__default["default"].imports.parchment;
+class AtBlot extends Parchment.Embed {
+  static create(options) {
+    options = options || "";
+    let node = super.create();
+    node.setAttribute("d-id", options.id);
+    node.setAttribute("class", options.class || "ptp-at-item");
+    options.style && node.setAttribute("style", options.style);
+    node.innerHTML = options.desc.startsWith("@") ? options.desc : "@" + options.desc;
+    return node;
+  }
+  static value(node) {
+    return {
+      id: node.getAttribute("d-id"),
+      desc: node.innerHTML,
+      style: node.getAttribute("style"),
+      class: node.getAttribute("ptp-at-item")
+    };
+  }
+}
+AtBlot.blotName = "at";
+AtBlot.tagName = "span";
+Quill__default["default"].register(AtBlot, true);

package/lib/data-form/form-components/bwa-date-picker.js

@@ -0,0 +1,49 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var ElementPlus = require('element-plus');
+var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
+
+const __default__ = vue.defineComponent({
+  name: "BwaDatePicker"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    modelValue: {
+      type: [String, Date],
+      default: null
+    },
+    placeholder: {
+      type: String,
+      default: "\u8BF7\u9009\u62E9"
+    }
+  },
+  emits: ["update:model-value"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const attrs = vue.useAttrs();
+    const modelValue = vue.computed({
+      get: () => props.modelValue,
+      set: (v) => emit(
+        "update:model-value",
+        v ? ElementPlus.dayjs(new Date(v.getTime())).format("YYYY-MM-DD") : ""
+      )
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElDatePicker), vue.mergeProps({
+        modelValue: vue.unref(modelValue),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(modelValue) ? modelValue.value = $event : null),
+        type: "date",
+        placeholder: __props.placeholder
+      }, vue.unref(attrs), {
+        teleported: false,
+        style: { "width": "100%" }
+      }), null, 16, ["modelValue", "placeholder"]);
+    };
+  }
+});
+var DatePicker = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "bwa-date-picker.vue"]]);
+
+exports["default"] = DatePicker;

package/lib/data-form/form-components/bwa-date-time-picker.js

@@ -0,0 +1,54 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var ElementPlus = require('element-plus');
+var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
+
+const __default__ = vue.defineComponent({
+  name: "BwaDateTimePicker"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    modelValue: {
+      type: [String, Date],
+      default: null
+    },
+    placeholder: {
+      type: String,
+      default: "\u8BF7\u9009\u62E9"
+    }
+  },
+  emits: ["update:model-value"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const attrs = vue.useAttrs();
+    const modelValue = vue.computed({
+      get: () => props.modelValue,
+      set: (v) => {
+        if (!v) {
+          emit("update:model-value", "");
+          return;
+        }
+        emit(
+          "update:model-value",
+          ElementPlus.dayjs(new Date(v.getTime())).format("YYYY-MM-DD HH:mm:ss")
+        );
+      }
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElDatePicker), vue.mergeProps(vue.unref(attrs), {
+        modelValue: vue.unref(modelValue),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(modelValue) ? modelValue.value = $event : null),
+        type: "datetime",
+        placeholder: __props.placeholder,
+        teleported: false,
+        style: { "width": "100%" }
+      }), null, 16, ["modelValue", "placeholder"]);
+    };
+  }
+});
+var DateTimePicker = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "bwa-date-time-picker.vue"]]);
+
+exports["default"] = DateTimePicker;

package/lib/data-form/form-components/bwa-input-float.js

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var bwaInputInteger = require('./bwa-input-integer.js');
+var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
+
+const __default__ = vue.defineComponent({
+  name: "BwaInputFloat"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    modelValue: {
+      type: [String, Number],
+      default: 0
+    },
+    precision: {
+      type: Number,
+      default: 1
+    },
+    step: {
+      type: Number,
+      default: 0.1
+    }
+  },
+  emits: ["update:model-value"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const attrs = vue.useAttrs();
+    const modelValue = vue.computed({
+      get: () => props.modelValue,
+      set: (v) => emit("update:model-value", v)
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(bwaInputInteger["default"], vue.mergeProps(vue.unref(attrs), {
+        modelValue: vue.unref(modelValue),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(modelValue) ? modelValue.value = $event : null),
+        precision: __props.precision,
+        step: __props.step
+      }), null, 16, ["modelValue", "precision", "step"]);
+    };
+  }
+});
+var InputFloat = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "bwa-input-float.vue"]]);
+
+exports["default"] = InputFloat;

package/lib/data-form/form-components/bwa-input-integer.js

@@ -0,0 +1,60 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var ElementPlus = require('element-plus');
+var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
+
+const __default__ = vue.defineComponent({
+  name: "BwaInputInteger"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    modelValue: {
+      type: [String, Number],
+      default: 0
+    }
+  },
+  emits: ["update:model-value"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const attrs = vue.useAttrs();
+    const modelValue = vue.computed({
+      get: () => props.modelValue,
+      set: (v) => {
+        emit("update:model-value", v);
+      }
+    });
+    const value = vue.ref(modelValue.value);
+    vue.watch(value, (newValue) => {
+      if (newValue === vue.unref(modelValue)) {
+        return;
+      }
+      modelValue.value = newValue;
+    });
+    vue.watch(
+      modelValue,
+      (newValue) => {
+        if (typeof newValue === "string") {
+          newValue = Number.parseFloat(newValue);
+          newValue = Number.isNaN(newValue) ? 0 : newValue;
+        }
+        if (value.value === newValue && value.value !== vue.unref(modelValue)) {
+          modelValue.value = newValue;
+        }
+        value.value = newValue;
+      },
+      { immediate: true }
+    );
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElInputNumber), vue.mergeProps(vue.unref(attrs), {
+        modelValue: value.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
+      }), null, 16, ["modelValue"]);
+    };
+  }
+});
+var InputInteger = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "bwa-input-integer.vue"]]);
+
+exports["default"] = InputInteger;

package/lib/data-form/form-components/bwa-input.js

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var ElementPlus = require('element-plus');
+var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
+
+const __default__ = vue.defineComponent({
+  name: "BwaInput"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    value: {
+      type: [String, Number],
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      default: "\u8BF7\u8F93\u5165"
+    }
+  },
+  emits: ["update:model-value"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const attrs = vue.useAttrs();
+    const modelValue = vue.computed({
+      get: () => props.modelValue,
+      set: (v) => emit("update:model-value", v)
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElInput), vue.mergeProps(vue.unref(attrs), {
+        modelValue: vue.unref(modelValue),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(modelValue) ? modelValue.value = $event : null),
+        placeholder: __props.placeholder
+      }), null, 16, ["modelValue", "placeholder"]);
+    };
+  }
+});
+var Input = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "bwa-input.vue"]]);
+
+exports["default"] = Input;

package/lib/data-form/form-components/bwa-multi-select.js

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var bwaSelect = require('./bwa-select.js');
+var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
+
+const __default__ = vue.defineComponent({
+  name: "BwaMultiSelect"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    modelValue: null
+  },
+  emits: ["update:model-value"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const modelValue = vue.computed({
+      get: () => props.modelValue,
+      set: (v) => emit("update:model-value", v)
+    });
+    const attrs = vue.useAttrs();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(bwaSelect["default"], vue.mergeProps({
+        modelValue: vue.unref(modelValue),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(modelValue) ? modelValue.value = $event : null)
+      }, vue.unref(attrs), { multiple: "" }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["modelValue"]);
+    };
+  }
+});
+var MultiSelect = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "bwa-multi-select.vue"]]);
+
+exports["default"] = MultiSelect;

package/lib/data-form/form-components/bwa-rich-text-tinymce.js

@@ -0,0 +1,242 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var webBaseClientVue = require('@ctzy-web-client/web-base-client-vue');
+var TinyMCEEditor = require('@tinymce/tinymce-vue');
+require('quill/dist/quill.snow.css');
+var rxjs = require('rxjs');
+var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var TinyMCEEditor__default = /*#__PURE__*/_interopDefaultLegacy(TinyMCEEditor);
+
+const _hoisted_1 = ["onClick"];
+const __default__ = vue.defineComponent({
+  name: "BwaRichText"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    modelValue: {
+      type: null
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit }) {
+    const props = __props;
+    let resolve = null;
+    const setupPromise = new Promise((relv) => {
+      resolve = relv;
+    });
+    const initOptions = {
+      promotion: false,
+      language: "zh-Hans",
+      setup: resolve
+    };
+    const ns = webBaseClientVue.useNamespace("rich-text");
+    const fileService = webBaseClientVue.useService("FileService");
+    const editorRef = vue.ref(null);
+    const tinyMCEEditorRef = vue.ref(null);
+    const currentScope = vue.getCurrentScope();
+    const value = vue.computed({
+      get: () => props.modelValue || "",
+      set: (v) => {
+        emit("update:modelValue", v);
+      }
+    });
+    const focusing = vue.ref(false);
+    const AT_REGEXP = /[^\da-zA-Z]@[^@]*$/;
+    const atPersonInfos = vue.reactive({
+      node: null,
+      content: "",
+      selection: null,
+      index: -1,
+      style: null
+    });
+    const selectPersonSubject = new rxjs.Subject();
+    const handlePersonSelect = selectPersonSubject.next.bind(selectPersonSubject);
+    window.atPersonInfos = atPersonInfos;
+    vue.onMounted(async () => {
+      const editor = await setupPromise;
+      window.editor = editor;
+      const inputObservable = new rxjs.Observable((observer) => {
+        const next = observer.next.bind(observer);
+        editor.on("input", next);
+        return () => {
+          editor.off("input", next);
+        };
+      });
+      editor.on("change", (event) => {
+        console.log(event);
+      });
+      const getSelection = (event) => {
+        if (typeof event.target.nodeType === "number" && typeof event.target.tagName === "string") {
+          return event.target.ownerDocument.getSelection();
+        }
+        return event.target.iframeElement.contentDocument.getSelection();
+      };
+      const subject = new rxjs.Subject();
+      inputObservable.pipe(
+        rxjs.map((event) => {
+          if (event.data !== "@") {
+            return null;
+          }
+          const selection = event.currentTarget.ownerDocument.getSelection();
+          const focusNode = selection.focusNode;
+          if (focusNode.nodeType !== Node.TEXT_NODE) {
+            return null;
+          }
+          const content = focusNode.data.slice(0, selection.focusOffset);
+          const match = content.match(AT_REGEXP);
+          if (!match) {
+            return null;
+          }
+          return {
+            event,
+            selection,
+            index: match[0].indexOf("@") + match.index,
+            node: focusNode,
+            content,
+            range: selection.getRangeAt(0)
+          };
+        }),
+        rxjs.filter(Boolean),
+        rxjs.mergeMap(({ event, index, node, content, range }) => {
+          const changeObservable = new rxjs.Observable((observer) => {
+            const next = observer.next.bind(observer);
+            editor.on("change input undo redo", next);
+            return () => {
+              editor.off("change input undo redo", next);
+            };
+          });
+          return rxjs.merge(rxjs.from([event]), changeObservable).pipe(
+            rxjs.delayWhen(() => rxjs.timer(0)),
+            rxjs.map((event2) => {
+              const selection = getSelection(event2);
+              const content2 = node.data.slice(index, selection.focusOffset);
+              console.log(content2);
+              if (!content2) {
+                subject.next();
+                return null;
+              }
+              return {
+                index,
+                node,
+                content: content2,
+                range: selection.getRangeAt(0)
+              };
+            }),
+            rxjs.filter(Boolean),
+            rxjs.takeUntil(
+              rxjs.merge(
+                inputObservable.pipe(rxjs.filter((event2) => event2.data === "@")),
+                subject
+              ).pipe(
+                rxjs.tap(() => {
+                  atPersonInfos.node = null;
+                  atPersonInfos.content = "";
+                  atPersonInfos.selection = null;
+                  atPersonInfos.index = -1;
+                  atPersonInfos.style = null;
+                })
+              )
+            )
+          );
+        })
+      ).subscribe(({ index, node, selection, content, range }) => {
+        const searchContent = content.slice(1);
+        const { x: offsetX, y: offsetY, height } = range.getBoundingClientRect();
+        const iframeElement = editor.iframeElement;
+        const { x: iframeX, y: iframeY } = iframeElement.getBoundingClientRect();
+        atPersonInfos.node = node;
+        atPersonInfos.content = content;
+        atPersonInfos.selection = selection;
+        atPersonInfos.index = index;
+        atPersonInfos.style = {
+          "--left": iframeX + offsetX + "px",
+          "--top": iframeY + offsetY + height + "px"
+        };
+      });
+      selectPersonSubject.subscribe(() => {
+        if (!atPersonInfos.node) {
+          return;
+        }
+        const { node, index, content } = atPersonInfos;
+        const document = node.ownerDocument;
+        const documentFragment = document.createDocumentFragment();
+        if (index) {
+          const textNode = document.createTextNode(node.data.slice(0, index));
+          documentFragment.appendChild(textNode);
+        }
+        const span = document.createElement("span");
+        span.innerText = content;
+        documentFragment.appendChild(span);
+        const contentEndIndex = index + content.length;
+        if (contentEndIndex < node.data.length) {
+          const textNode = document.createTextNode(
+            node.data.slice(contentEndIndex)
+          );
+          documentFragment.appendChild(textNode);
+        }
+        const parent = node.parentElement;
+        parent.insertBefore(documentFragment, node);
+        parent.removeChild(node);
+        subject.next();
+      });
+      currentScope.run(() => {
+      });
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(vue.unref(ns).b())
+        }, [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).e("editor")),
+            ref_key: "editorRef",
+            ref: editorRef
+          }, [
+            vue.createVNode(vue.unref(TinyMCEEditor__default["default"]), {
+              init: initOptions,
+              disabled: __props.disabled,
+              tinymceScriptSrc: "/tinymce/tinymce.js",
+              ref_key: "tinyMCEEditorRef",
+              ref: tinyMCEEditorRef
+            }, null, 8, ["disabled"])
+          ], 2)
+        ], 2),
+        (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).e("at-list-wrapper"))
+          }, [
+            atPersonInfos.style ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              class: vue.normalizeClass(vue.unref(ns).e("at-list")),
+              style: vue.normalizeStyle(atPersonInfos.style)
+            }, [
+              (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(4, (i) => {
+                return vue.createElementVNode("div", {
+                  key: i,
+                  onClick: ($event) => vue.unref(handlePersonSelect)(i)
+                }, " \u7528\u6237" + vue.toDisplayString(i), 9, _hoisted_1);
+              }), 64))
+            ], 6)) : vue.createCommentVNode("v-if", true)
+          ], 2)
+        ]))
+      ], 64);
+    };
+  }
+});
+var bwaRichTextTinymce = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "bwa-rich-text-tinymce.vue"]]);
+
+exports["default"] = bwaRichTextTinymce;