@ibiz-template/vue3-components 0.7.26 → 0.7.28-alpha.0

package/lib/editor/data-picker/ibiz-picker-embed-view/ibiz-picker-embed-view.cjs

@@ -31,6 +31,42 @@ const IBizPickerEmbedView = /* @__PURE__ */ vue.defineComponent({
         setViewParam();
       }
     });
+    const editorParams = c.model.editorParams;
+    const singleSelect = vue.ref(true);
+    const checkStrictly = vue.ref(true);
+    const isShowText = vue.ref(true);
+    if (editorParams) {
+      if (editorParams.multiple) {
+        singleSelect.value = !c.toBoolean(editorParams.multiple);
+      }
+      if (editorParams.checkStrictly) {
+        checkStrictly.value = c.toBoolean(editorParams.checkStrictly);
+      }
+      if (editorParams.isShowText) {
+        isShowText.value = c.toBoolean(editorParams.isShowText);
+      }
+    }
+    const selectedData = vue.ref([]);
+    vue.watch(() => props.value, (newVal) => {
+      var _a, _b, _c, _d;
+      selectedData.value = [];
+      if (newVal) {
+        if (c.valueItem) {
+          const tempValue = (_c = (_b = (_a = props.data) == null ? void 0 : _a[c.valueItem]) == null ? void 0 : _b.split) == null ? void 0 : _c.call(_b, ",");
+          const tempText = (_d = newVal == null ? void 0 : newVal.split) == null ? void 0 : _d.call(newVal, ",");
+          if (tempValue && tempText) {
+            selectedData.value = tempValue.map((srfkey, index) => {
+              return {
+                srfkey,
+                srfmajortext: tempText[index]
+              };
+            });
+          }
+        }
+      }
+    }, {
+      immediate: true
+    });
     const onViewDataChange = (event) => {
       let tempValue = "";
       let temText = "";
@@ -63,14 +99,18 @@ const IBizPickerEmbedView = /* @__PURE__ */ vue.defineComponent({
       params,
       onSelectionChange,
       editorRef,
-      pickupViewModel
+      pickupViewModel,
+      singleSelect,
+      checkStrictly,
+      isShowText,
+      selectedData
     };
   },
   render() {
     var _a;
     const viewShell = vue.resolveComponent("IBizViewShell");
     return vue.createVNode("div", {
-      "class": [this.ns.b()],
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : ""],
       "ref": "editorRef"
     }, [this.pickupViewModel ? [vue.createVNode("div", {
       "class": this.ns.b("view")
@@ -78,8 +118,13 @@ const IBizPickerEmbedView = /* @__PURE__ */ vue.defineComponent({
       context: this.context,
       params: this.params,
       viewId: (_a = this.c.pickupView) == null ? void 0 : _a.id,
+      state: {
+        singleSelect: this.singleSelect,
+        checkStrictly: this.checkStrictly,
+        selectedData: this.selectedData
+      },
       onSelectionChange: this.onSelectionChange
-    })]), vue.createVNode("div", {
+    })]), this.isShowText && vue.createVNode("div", {
       "class": this.ns.b("value")
     }, [this.$props.value ? this.$props.value.split(",").map((item) => {
       return vue.createVNode("span", null, [item, vue.createTextVNode("; ")]);

package/lib/editor/data-picker/ibiz-picker-embed-view/ibiz-picker-embed-view.css

@@ -1 +1 @@
-.ibiz-picker-embed-view .ibiz-picker-embed-view-value{height:var(--ibiz-form-item-line-height);line-height:var(--ibiz-form-item-line-height)}
+.ibiz-picker-embed-view--disabled{cursor:not-allowed}.ibiz-picker-embed-view--disabled *{pointer-events:none;cursor:not-allowed}.ibiz-picker-embed-view--disabled .el-tree-node__expand-icon{pointer-events:all;cursor:pointer}.ibiz-picker-embed-view .ibiz-picker-embed-view-value{height:var(--ibiz-form-item-line-height);line-height:var(--ibiz-form-item-line-height)}

package/lib/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.cjs

@@ -268,8 +268,8 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
     const openLinkView = async (e) => {
       e.stopPropagation();
       const res = await c.openLinkView(props.data);
-      if (res) {
-        onViewDataChange(res);
+      if (res && res.ok && res.data) {
+        onViewDataChange(res.data);
       }
     };
     const onSelectChange = (selects) => {

package/lib/editor/dropdown-list/dropdown-list-editor.controller.cjs

@@ -26,9 +26,15 @@ class DropDownListEditorController extends runtime.CodeListEditorController {
      * @Date: 2024-03-12 14:33:14
      */
     __publicField(this, "forceSelection", true);
+    /**
+     * 预置项空白项名称
+     *
+     * @memberof DropDownListEditorController
+     */
+    __publicField(this, "blankItemName", "");
   }
   async onInit() {
-    var _a;
+    var _a, _b;
     super.onInit();
     if (this.model.editorType === "MDROPDOWNLIST") {
       this.multiple = true;
@@ -36,6 +42,9 @@ class DropDownListEditorController extends runtime.CodeListEditorController {
     if ((_a = this.editorParams) == null ? void 0 : _a.forceSelection) {
       this.forceSelection = this.toBoolean(this.editorParams.forceSelection);
     }
+    if ((_b = this.editorParams) == null ? void 0 : _b.blankItemName) {
+      this.blankItemName = this.editorParams.blankItemName;
+    }
   }
 }
 

package/lib/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.cjs

@@ -46,10 +46,11 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
       }
       const list = [];
       nodes.forEach((codeItem) => {
+        var _a;
         codeListItems.value.push(codeItem);
         const tempObj = {
           label: codeItem.text,
-          value: codeItem.value.toString(),
+          value: (_a = codeItem.value) == null ? void 0 : _a.toString(),
           color: codeItem == null ? void 0 : codeItem.color,
           textCls: codeItem == null ? void 0 : codeItem.textCls,
           sysImage: codeItem.sysImage,
@@ -74,7 +75,14 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
       isLoading.value = true;
       const codeList = await c.loadCodeList(props.data);
       isLoadedCodeList.value = true;
-      items.value = codeList;
+      if (c.blankItemName) {
+        items.value = [{
+          value: void 0,
+          text: c.blankItemName
+        }, ...codeList];
+      } else {
+        items.value = codeList;
+      }
       for (let i = 0; i < items.value.length; i++) {
         const _item = items.value[i];
         if (_item.children) {
@@ -124,7 +132,11 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
         }
         return (_c = props.value) == null ? void 0 : _c.toString();
       },
-      set(select) {
+      set(_select) {
+        let select = _select;
+        if (c.blankItemName && !_select) {
+          select = void 0;
+        }
         if (Array.isArray(select)) {
           let selectArr = null;
           if (select.length === 0) {
@@ -304,9 +316,10 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
     }, this.$attrs), {
       default: () => {
         return this.items.map((item) => {
+          var _a;
           return vue.createVNode(vue.resolveComponent("el-option"), {
             "key": item.value,
-            "value": item.value.toString(),
+            "value": (_a = item.value) == null ? void 0 : _a.toString(),
             "label": item.text,
             "disabled": item.disableSelect === true,
             "style": item.bkcolor ? this.ns.cssVarBlock({

package/lib/editor/dropdown-list/ibiz-emoji-picker/ibiz-emoji-picker.cjs

@@ -6,9 +6,6 @@ var core = require('@ibiz-template/core');
 require('./ibiz-emoji-picker.css');
 
 "use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
-}
 const IBizEmojiPicker = /* @__PURE__ */ vue.defineComponent({
   name: "IBizEmojiPicker",
   props: vue3Util.getDropdownProps(),
@@ -18,8 +15,15 @@ const IBizEmojiPicker = /* @__PURE__ */ vue.defineComponent({
   }) {
     const ns = vue3Util.useNamespace("emoji-picker");
     const c = props.controller;
+    const emojiRef = vue.ref();
     const emoji = vue.ref("");
     const visible = vue.ref(false);
+    const showFormDefaultContent = vue.computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
+        return true;
+      }
+      return false;
+    });
     const onAddEmoji = (e) => {
       e.stopPropagation();
       e.preventDefault();
@@ -31,14 +35,17 @@ const IBizEmojiPicker = /* @__PURE__ */ vue.defineComponent({
       emoji.value = "";
       visible.value = false;
       emit("change", "");
+      emojiRef.value.click();
     };
     const onSelect = (val) => {
-      emoji.value = val.data;
       visible.value = false;
+      emoji.value = val.data;
       emit("change", core.strToBase64(val.data));
     };
-    vue.watch(() => props.value, (newVal) => {
-      emoji.value = newVal ? core.base64ToStr(newVal) : "";
+    vue.watch(() => props.value, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        emoji.value = newVal && core.isEmoji("".concat(newVal)) ? core.base64ToStr(newVal) : newVal;
+      }
     }, {
       immediate: true
     });
@@ -79,12 +86,16 @@ const IBizEmojiPicker = /* @__PURE__ */ vue.defineComponent({
       }
       return content;
     };
+    const renderFormDefaultContent = () => {
+      return vue.createVNode("div", {
+        "class": [ns.b("form-default-content"), ns.is("clear", !!emoji.value)]
+      }, [emoji.value ? emoji.value : "-"]);
+    };
     const renderReference = () => {
-      let _slot;
       return vue.createVNode(vue.resolveComponent("el-button"), {
         "class": [ns.e("button"), ns.is("clear", !!emoji.value)]
-      }, _isSlot(_slot = renderButtonContent()) ? _slot : {
-        default: () => [_slot]
+      }, {
+        default: () => [showFormDefaultContent.value && renderFormDefaultContent(), renderButtonContent()]
       });
     };
     return {
@@ -92,6 +103,8 @@ const IBizEmojiPicker = /* @__PURE__ */ vue.defineComponent({
       c,
       emoji,
       visible,
+      emojiRef,
+      showFormDefaultContent,
       onSelect,
       onAddEmoji,
       onClearEmoji,
@@ -100,7 +113,8 @@ const IBizEmojiPicker = /* @__PURE__ */ vue.defineComponent({
   },
   render() {
     return vue.createVNode("div", {
-      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
+      "ref": "emojiRef",
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("active", this.visible), this.ns.is("show-default", this.showFormDefaultContent)]
     }, [vue.createVNode(vue.resolveComponent("el-popover"), {
       "trigger": "click",
       "placement": "bottom-start",

package/lib/editor/dropdown-list/ibiz-emoji-picker/ibiz-emoji-picker.css

@@ -1 +1 @@
-.ibiz-emoji-picker{display:flex;align-items:center;width:100%;height:100%}.ibiz-emoji-picker__button-content{display:flex;align-items:center;min-height:var(--ibiz-height-control-default)}.ibiz-emoji-picker__button-content--icon{margin-right:var(--ibiz-spacing-extra-tight);fill:var(--ibiz-color-primary-text)}.ibiz-emoji-picker__button.is-clear{position:relative;padding:var(--ibiz-spacing-none);padding-right:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-color-text-0);background-color:transparent}.ibiz-emoji-picker__button.is-clear:hover .ibiz-emoji-picker__button-content--icon{display:block}.ibiz-emoji-picker__button.is-clear .ibiz-emoji-picker__button-content--icon{position:absolute;top:0;right:0;display:none;margin-right:0;font-size:var(--ibiz-font-size-regular);fill:var(--ibiz-color-text-3)}.ibiz-emoji-picker__button.is-clear .ibiz-emoji-picker__button-content--icon:hover{fill:var(--ibiz-color-primary)}.ibiz-emoji-picker--readonly{display:flex;align-items:center;font-size:var(--ibiz-font-size-header-3);line-height:32px}.ibiz-emoji-picker--readonly .ibiz-emoji-picker__button{pointer-events:none}.ibiz-emoji-picker--readonly .is-clear .ibiz-emoji-picker__button-content--icon{display:none}.ibiz-emoji-picker-popper.el-popper.el-popper{width:auto;padding:0}
+.ibiz-emoji-picker{display:flex;align-items:center;width:100%;height:100%}.ibiz-emoji-picker__button-content{display:flex;align-items:center;min-height:var(--ibiz-height-control-default)}.ibiz-emoji-picker__button-content--icon{margin-right:var(--ibiz-spacing-extra-tight);fill:var(--ibiz-color-primary-text)}.ibiz-emoji-picker__button.is-clear{position:relative;padding:var(--ibiz-spacing-none);padding-right:var(--ibiz-spacing-base-tight);color:var(--ibiz-color-text-0);background-color:transparent}.ibiz-emoji-picker__button.is-clear:hover .ibiz-emoji-picker__button-content--icon{display:block}.ibiz-emoji-picker__button.is-clear .ibiz-emoji-picker__button-content--icon{position:absolute;top:0;right:0;display:none;margin-right:0;font-size:var(--ibiz-font-size-regular);fill:var(--ibiz-color-text-3)}.ibiz-emoji-picker__button.is-clear .ibiz-emoji-picker__button-content--icon:hover{fill:var(--ibiz-color-primary)}.ibiz-emoji-picker--readonly{display:flex;align-items:center;line-height:32px}.ibiz-emoji-picker--readonly .ibiz-emoji-picker__button{padding:0;color:var(--ibiz-form-item-readonly-color);pointer-events:none;cursor:default}.ibiz-emoji-picker--readonly .ibiz-emoji-picker__button .ibiz-emoji-picker__button-content{display:none}.ibiz-emoji-picker--readonly .is-clear.ibiz-emoji-picker__button .ibiz-emoji-picker__button-content{display:flex}.ibiz-emoji-picker--readonly .is-clear.ibiz-emoji-picker__button .ibiz-emoji-picker__button-content--icon{display:none}.ibiz-emoji-picker-popper.el-popper.el-popper{width:auto;padding:0}.ibiz-form-item .ibiz-emoji-picker.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}.ibiz-form-item .ibiz-emoji-picker.is-show-default.is-active .ibiz-emoji-picker-form-default-content,.ibiz-form-item .ibiz-emoji-picker.is-show-default:hover .ibiz-emoji-picker-form-default-content{display:none}.ibiz-form-item .ibiz-emoji-picker.is-show-default.is-active .ibiz-emoji-picker__button,.ibiz-form-item .ibiz-emoji-picker.is-show-default:hover .ibiz-emoji-picker__button{padding:8px 15px;pointer-events:auto;background-color:var(--ibiz-color-primary)}.ibiz-form-item .ibiz-emoji-picker.is-show-default.is-active .ibiz-emoji-picker__button.is-clear,.ibiz-form-item .ibiz-emoji-picker.is-show-default:hover .ibiz-emoji-picker__button.is-clear{padding:var(--ibiz-spacing-none);padding-right:var(--ibiz-spacing-base-tight);background-color:transparent}.ibiz-form-item .ibiz-emoji-picker.is-show-default.is-active .ibiz-emoji-picker__button-content,.ibiz-form-item .ibiz-emoji-picker.is-show-default:hover .ibiz-emoji-picker__button-content{display:flex}.ibiz-form-item .ibiz-emoji-picker.is-show-default .ibiz-emoji-picker__button{padding:var(--ibiz-spacing-none);pointer-events:none;background:0 0}.ibiz-form-item .ibiz-emoji-picker.is-show-default .ibiz-emoji-picker-form-default-content{display:flex;align-items:center;width:100%;font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-emoji-picker.is-show-default .ibiz-emoji-picker-form-default-content.is-clear{padding:var(--ibiz-spacing-none);padding-right:var(--ibiz-spacing-base-tight);background-color:transparent}.ibiz-form-item .ibiz-emoji-picker.is-show-default .ibiz-emoji-picker__button-content{display:none}.ibiz-form-item .ibiz-emoji-picker.is-show-default.is-editable .ibiz-emoji-picker-form-default-content{display:none}.ibiz-form-item .ibiz-emoji-picker.is-show-default.is-editable .ibiz-emoji-picker__button-content{display:flex}

package/lib/editor/html/html-editor.controller.cjs

@@ -1,8 +1,15 @@
 'use strict';
 
+var vue = require('vue');
 var runtime = require('@ibiz-template/runtime');
+var core = require('@ibiz-template/core');
 var editor = require('@wangeditor/editor');
-var aiModules = require('./wang-editor/ai/ai-modules.cjs');
+require('./wang-editor/index.cjs');
+var aiModule = require('./wang-editor/module/ai-module.cjs');
+var emoji = require('./wang-editor/element/emoji.cjs');
+var emojiModule = require('./wang-editor/module/emoji-module.cjs');
+var plugin = require('./wang-editor/plugin/plugin.cjs');
+var emoji$1 = require('./wang-editor/component/emoji/emoji.cjs');
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -45,9 +52,55 @@ class HtmlEditorController extends runtime.EditorController {
      * @type {boolean}
      */
     __publicField(this, "chatCompletion", false);
+    /**
+     * wangEditor 实例
+     *
+     * @private
+     * @type {IDomEditor}
+     * @memberof HtmlEditorController
+     */
+    __publicField(this, "wangEditor");
+    /**
+     * 气泡容器
+     *
+     * @type {(IOverlayPopoverContainer | null)}
+     * @memberof HtmlEditorController
+     */
+    __publicField(this, "overlay", null);
+    /**
+     * 清除回调
+     *
+     * @private
+     * @memberof HtmlEditorController
+     */
+    __publicField(this, "cleanup", core.NOOP);
+    /**
+     * 预定义阻止捕获事件code
+     *
+     * @private
+     * @type {number[]}
+     * @memberof HtmlEditorController
+     */
+    __publicField(this, "presetPreventEvents", [13, 38, 40]);
+    /**
+     * 预定义阻止冒泡事件code
+     *
+     * @private
+     * @type {number[]}
+     * @memberof HtmlEditorController
+     */
+    __publicField(this, "presetPreventPropEvents", [27]);
   }
+  /**
+   * 初始化
+   *
+   * @protected
+   * @return {*}  {Promise<void>}
+   * @memberof HtmlEditorController
+   */
   async onInit() {
     await super.onInit();
+    this.customRegister();
     if (this.editorParams) {
       const { uploadParams, exportParams } = this.editorParams;
       if (uploadParams) {
@@ -87,14 +140,124 @@ class HtmlEditorController extends runtime.EditorController {
         }
       }
     }
+  }
+  /**
+   * 自定义注册
+   *
+   * @private
+   * @memberof HtmlEditorController
+   */
+  customRegister() {
     if (!window.aichartRegister) {
-      editor.Boot.registerMenu({
-        key: "aichart",
-        factory() {
-          return new aiModules.AIMenu();
+      editor.Boot.registerMenu(aiModule.AIMenu);
+      window.aichartRegister = true;
+    }
+    if (!window.customElements.get("emoji-elem")) {
+      window.customElements.define("emoji-elem", emoji.EmojiElem);
+    }
+    if (!window.emojiIsRegiter) {
+      editor.Boot.registerModule(emojiModule.EmojiModule);
+      window.emojiIsRegiter = true;
+    }
+    if (!window.wangEditorPlugin) {
+      editor.Boot.registerPlugin(plugin.Plugin);
+      window.wangEditorPlugin = true;
+    }
+  }
+  /**
+   * wangEditor 创建完成
+   *
+   * @private
+   * @param {IDomEditor} editor
+   * @memberof HtmlEditorController
+   */
+  onCreated(editor) {
+    this.wangEditor = editor;
+    this.listenEvent();
+  }
+  /**
+   * 监听事件
+   *
+   * @private
+   * @memberof HtmlEditorController
+   */
+  listenEvent() {
+    const container = this.wangEditor.getEditableContainer();
+    this.wangEditor.on("openEmojiSelect", () => this.openEmojiSelect());
+    this.cleanup = core.listenJSEvent(container, "keydown", (event) => {
+      var _a;
+      if (this.overlay && this.presetPreventEvents.includes(event.keyCode)) {
+        event.preventDefault();
+      }
+      if (this.overlay && this.presetPreventPropEvents.includes(event.keyCode)) {
+        event.stopPropagation();
+        (_a = this.overlay) == null ? void 0 : _a.dismiss();
+      }
+    });
+  }
+  /**
+   * 打开表情选择
+   *
+   * @memberof HtmlEditorController
+   */
+  async openEmojiSelect() {
+    const domSelection = document.getSelection();
+    const { focusNode } = domSelection;
+    if (focusNode) {
+      this.overlay = ibiz.overlay.createPopover(
+        (modal) => {
+          return vue.h(emoji$1.Emoji, {
+            modal
+          });
+        },
+        void 0,
+        {
+          width: "auto",
+          noArrow: true,
+          autoClose: true,
+          placement: "bottom-start"
         }
+      );
+      await this.overlay.present(focusNode.parentNode);
+      this.overlay.onWillDismiss().then((result) => {
+        var _a;
+        const _result = result;
+        const item = (_a = _result.data) == null ? void 0 : _a[0];
+        if (_result.ok && item) {
+          this.addEmojiNode(item);
+        }
+        this.overlay = null;
       });
-      window.aichartRegister = true;
+    }
+  }
+  /**
+   * 添加表情
+   *
+   * @param {string} data
+   * @memberof HtmlEditorController
+   */
+  addEmojiNode(data) {
+    const emojiNode = {
+      data,
+      type: "emoji",
+      children: [{ text: "" }]
+    };
+    this.wangEditor.restoreSelection();
+    this.wangEditor.insertNode(emojiNode);
+    this.wangEditor.move(1);
+  }
+  /**
+   * 销毁
+   *
+   * @private
+   * @memberof HtmlEditorController
+   */
+  onDestroyed() {
+    if (this.cleanup !== core.NOOP) {
+      this.cleanup();
+    }
+    if (this.overlay) {
+      this.overlay.dismiss();
     }
   }
 }

package/lib/editor/html/wang-editor/component/emoji/emoji.cjs

@@ -0,0 +1,44 @@
+'use strict';
+
+var vue = require('vue');
+var core = require('@ibiz-template/core');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./emoji.css');
+
+"use strict";
+const Emoji = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizHtmlEmoji",
+  props: {
+    modal: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("html-emoji");
+    const onSelect = (val) => {
+      const modalData = {
+        ok: true,
+        data: [{
+          emoji: core.strToBase64(val.data)
+        }]
+      };
+      props.modal.dismiss(modalData);
+    };
+    return {
+      ns,
+      onSelect
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [vue.createVNode(vue.resolveComponent("iBizEmojiSelect"), {
+      "dark": true,
+      "continuousList": true,
+      "onSelect": this.onSelect
+    }, null)]);
+  }
+});
+
+exports.Emoji = Emoji;

package/lib/editor/html/wang-editor/component/emoji/emoji.css

@@ -0,0 +1 @@
+.ibiz-html-emoji{width:auto;height:auto}

package/lib/editor/html/wang-editor/component/index.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var emoji = require('./emoji/emoji.cjs');
+
+"use strict";
+
+exports.Emoji = emoji.Emoji;

package/lib/editor/html/wang-editor/element/emoji.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+"use strict";
+class EmojiElem extends HTMLElement {
+  // 监听的 attr
+  static get observedAttributes() {
+    return ["data-value"];
+  }
+  attributeChangedCallback(tag, oldValue, newValue) {
+    if (tag === "data-value") {
+      if (newValue && oldValue === newValue)
+        return;
+      const shadow = this.attachShadow({ mode: "open" });
+      const document = shadow.ownerDocument;
+      const box = document.createElement("span");
+      box.innerHTML = newValue;
+      box.part.add("box");
+      box.classList.add("emoji-elem_box");
+      shadow.appendChild(box);
+    }
+  }
+}
+
+exports.EmojiElem = EmojiElem;

package/lib/editor/html/wang-editor/element/index.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var emoji = require('./emoji.cjs');
+
+"use strict";
+
+exports.EmojiElem = emoji.EmojiElem;

package/lib/editor/html/wang-editor/index.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+require('./module/index.cjs');
+require('./element/index.cjs');
+require('./plugin/index.cjs');
+require('./component/index.cjs');
+var aiModule = require('./module/ai-module.cjs');
+var emojiModule = require('./module/emoji-module.cjs');
+var emoji = require('./element/emoji.cjs');
+var plugin = require('./plugin/plugin.cjs');
+var emoji$1 = require('./component/emoji/emoji.cjs');
+
+"use strict";
+
+exports.AIMenu = aiModule.AIMenu;
+exports.EmojiModule = emojiModule.EmojiModule;
+exports.EmojiElem = emoji.EmojiElem;
+exports.Plugin = plugin.Plugin;
+exports.Emoji = emoji$1.Emoji;

package/lib/editor/html/wang-editor/module/ai-module.cjs

@@ -0,0 +1,78 @@
+'use strict';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class AIButtonMenu {
+  constructor() {
+    /**
+     *
+     *
+     * @type {string}
+     * @memberof AIButtonMenu
+     */
+    __publicField(this, "title", "AI");
+    /**
+     *
+     *
+     * @type {string}
+     * @memberof AIButtonMenu
+     */
+    __publicField(this, "iconSvg", '<svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <text x="0" y="13" font-size="16" fill="black">AI</text></svg>');
+    /**
+     *
+     *
+     * @type {string}
+     * @memberof AIButtonMenu
+     */
+    __publicField(this, "tag", "button");
+  }
+  /**
+   * 菜单是否需要激活（如选中加粗文本，“加粗”菜单会激活），用不到则返回 false
+   *
+   * @return {*}  {boolean}
+   * @memberof AIButtonMenu
+   */
+  isActive() {
+    return false;
+  }
+  /**
+   * 获取菜单执行时的 value ，用不到则返回空 字符串或 false
+   *
+   * @return {*}  {(string | boolean)}
+   * @memberof AIButtonMenu
+   */
+  getValue() {
+    return "aichart";
+  }
+  /**
+   * 菜单是否需要禁用（如选中 H1 ，“引用”菜单被禁用），用不到则返回 false
+   *
+   * @return {*}  {boolean}
+   * @memberof AIButtonMenu
+   */
+  isDisabled() {
+    return false;
+  }
+  /**
+   * 点击菜单时触发的函数
+   *
+   * @param {IDomEditor} editor
+   * @memberof AIButtonMenu
+   */
+  exec(editor) {
+    editor.emit("aiClick");
+  }
+}
+const AIMenu = {
+  key: "aichart",
+  factory() {
+    return new AIButtonMenu();
+  }
+};
+
+exports.AIMenu = AIMenu;