mali-ui-plus 0.1.14 → 0.1.15

package/lib/mali-ui-plus.common.js

@@ -7089,7 +7089,7 @@ __webpack_require__(7658);
       }
       if (height) {
         height = _removeUnit(height);
-        editHeight = _removeUnit(height) - self.toolbar.div.height() - self.statusbar.height();
+        var editHeight = _removeUnit(height) - self.toolbar.div.height() - self.statusbar.height();
         editHeight = editHeight < self.minHeight ? self.minHeight : editHeight;
         self.edit.setHeight(editHeight);
         if (updateProp) {
@@ -68983,29 +68983,117 @@ const MlCard_exports_ = MlCardvue_type_script_lang_ts_setup_true;
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/ml-kindeditor/MlKindeditor.vue?vue&type=script&lang=ts&setup=true
 
 
-const MlKindeditorvue_type_script_lang_ts_setup_true_hoisted_1 = ["id"];
+const MlKindeditorvue_type_script_lang_ts_setup_true_hoisted_1 = {
+  class: "ml-kindeditor"
+};
+const MlKindeditorvue_type_script_lang_ts_setup_true_hoisted_2 = ["id"];
 
 
 
 /* harmony default export */ var MlKindeditorvue_type_script_lang_ts_setup_true = (/*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
   __name: 'MlKindeditor',
-  setup(__props) {
+  props: {
+    modelValue: String,
+    width: {
+      type: String,
+      default: '100%'
+    },
+    height: {
+      type: String,
+      default: '300px'
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, {
+    expose,
+    emit
+  }) {
+    const props = __props;
+    const $xeform = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeform', null);
+    const $xeformiteminfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeformiteminfo', null);
+    const mlForm = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('mlForm', null);
     const editId = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(xe_utils_default().uniqueId('editor'));
+    const textareaRef = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     let editor;
+    let isModelUpdate = false;
+    const setHtml = content => {
+      if (editor) {
+        editor.html(content || '');
+      }
+    };
+    const getHtml = () => {
+      if (editor) {
+        return editor.html();
+      }
+      return '';
+    };
+    const keyupEvent = e => {
+      isModelUpdate = true;
+      const value = getHtml();
+      // 自动更新校验状态
+      if ($xeform && $xeformiteminfo) {
+        $xeform.triggerItemEvent(e, $xeformiteminfo.itemConfig.field, value);
+        if (mlForm) {
+          mlForm.changeItemValue($xeformiteminfo.itemConfig.field);
+        }
+      }
+      emit('update:modelValue', value);
+      emit('change', {
+        value
+      });
+    };
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, val => {
+      if (!isModelUpdate) {
+        setHtml(val);
+      }
+      isModelUpdate = false;
+    });
+    expose({
+      setHtml,
+      getHtml,
+      sync() {
+        if (editor) {
+          editor.sync();
+        }
+      },
+      focus() {
+        if (editor) {
+          editor.blur();
+        }
+      },
+      blur() {
+        if (editor) {
+          editor.blur();
+        }
+      }
+    });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
       editor = kindeditor.create(`#${editId.value}`, {
-        loadStyleMode: false
+        loadStyleMode: false,
+        resizeType: 0,
+        items: ['source', '|', 'undo', 'redo', '|', 'preview', 'print', 'cut', 'copy', 'paste', 'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright', 'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript', 'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', 'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'insertfile', 'table', 'hr', 'pagebreak', 'link', 'unlink']
       });
+      editor.cmd.doc.onkeyup = keyupEvent;
+      if (props.modelValue) {
+        setHtml(props.modelValue);
+      }
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onBeforeUnmount)(() => {
       if (editor) {
+        editor.cmd.doc.onkeyup = null;
         editor.remove();
       }
     });
     return (_ctx, _cache) => {
-      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
-        id: editId.value
-      }, null, 8, MlKindeditorvue_type_script_lang_ts_setup_true_hoisted_1)]);
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", MlKindeditorvue_type_script_lang_ts_setup_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("textarea", {
+        ref_key: "textareaRef",
+        ref: textareaRef,
+        id: editId.value,
+        style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)({
+          width: __props.width,
+          height: __props.height
+        })
+      }, null, 12, MlKindeditorvue_type_script_lang_ts_setup_true_hoisted_2)]);
     };
   }
 }));
@@ -70678,7 +70766,8 @@ function index_config(options) {
   return config_0;
 }
 const MaliUIPlus = {
-  version: "0.1.13",
+  version: "0.1.14",
+  modal: index_esm.modal,
   install: index_install,
   config: index_config,
   VXETable: index_esm,

package/lib/mali-ui-plus.umd.js

@@ -7099,7 +7099,7 @@ __webpack_require__(7658);
       }
       if (height) {
         height = _removeUnit(height);
-        editHeight = _removeUnit(height) - self.toolbar.div.height() - self.statusbar.height();
+        var editHeight = _removeUnit(height) - self.toolbar.div.height() - self.statusbar.height();
         editHeight = editHeight < self.minHeight ? self.minHeight : editHeight;
         self.edit.setHeight(editHeight);
         if (updateProp) {
@@ -68993,29 +68993,117 @@ const MlCard_exports_ = MlCardvue_type_script_lang_ts_setup_true;
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-86.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/ml-kindeditor/MlKindeditor.vue?vue&type=script&lang=ts&setup=true
 
 
-const MlKindeditorvue_type_script_lang_ts_setup_true_hoisted_1 = ["id"];
+const MlKindeditorvue_type_script_lang_ts_setup_true_hoisted_1 = {
+  class: "ml-kindeditor"
+};
+const MlKindeditorvue_type_script_lang_ts_setup_true_hoisted_2 = ["id"];
 
 
 
 /* harmony default export */ var MlKindeditorvue_type_script_lang_ts_setup_true = (/*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
   __name: 'MlKindeditor',
-  setup(__props) {
+  props: {
+    modelValue: String,
+    width: {
+      type: String,
+      default: '100%'
+    },
+    height: {
+      type: String,
+      default: '300px'
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, {
+    expose,
+    emit
+  }) {
+    const props = __props;
+    const $xeform = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeform', null);
+    const $xeformiteminfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeformiteminfo', null);
+    const mlForm = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('mlForm', null);
     const editId = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(xe_utils_default().uniqueId('editor'));
+    const textareaRef = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     let editor;
+    let isModelUpdate = false;
+    const setHtml = content => {
+      if (editor) {
+        editor.html(content || '');
+      }
+    };
+    const getHtml = () => {
+      if (editor) {
+        return editor.html();
+      }
+      return '';
+    };
+    const keyupEvent = e => {
+      isModelUpdate = true;
+      const value = getHtml();
+      // 自动更新校验状态
+      if ($xeform && $xeformiteminfo) {
+        $xeform.triggerItemEvent(e, $xeformiteminfo.itemConfig.field, value);
+        if (mlForm) {
+          mlForm.changeItemValue($xeformiteminfo.itemConfig.field);
+        }
+      }
+      emit('update:modelValue', value);
+      emit('change', {
+        value
+      });
+    };
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, val => {
+      if (!isModelUpdate) {
+        setHtml(val);
+      }
+      isModelUpdate = false;
+    });
+    expose({
+      setHtml,
+      getHtml,
+      sync() {
+        if (editor) {
+          editor.sync();
+        }
+      },
+      focus() {
+        if (editor) {
+          editor.blur();
+        }
+      },
+      blur() {
+        if (editor) {
+          editor.blur();
+        }
+      }
+    });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
       editor = kindeditor.create(`#${editId.value}`, {
-        loadStyleMode: false
+        loadStyleMode: false,
+        resizeType: 0,
+        items: ['source', '|', 'undo', 'redo', '|', 'preview', 'print', 'cut', 'copy', 'paste', 'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright', 'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript', 'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', 'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'insertfile', 'table', 'hr', 'pagebreak', 'link', 'unlink']
       });
+      editor.cmd.doc.onkeyup = keyupEvent;
+      if (props.modelValue) {
+        setHtml(props.modelValue);
+      }
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onBeforeUnmount)(() => {
       if (editor) {
+        editor.cmd.doc.onkeyup = null;
         editor.remove();
       }
     });
     return (_ctx, _cache) => {
-      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
-        id: editId.value
-      }, null, 8, MlKindeditorvue_type_script_lang_ts_setup_true_hoisted_1)]);
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", MlKindeditorvue_type_script_lang_ts_setup_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("textarea", {
+        ref_key: "textareaRef",
+        ref: textareaRef,
+        id: editId.value,
+        style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)({
+          width: __props.width,
+          height: __props.height
+        })
+      }, null, 12, MlKindeditorvue_type_script_lang_ts_setup_true_hoisted_2)]);
     };
   }
 }));
@@ -70688,7 +70776,8 @@ function index_config(options) {
   return config_0;
 }
 const MaliUIPlus = {
-  version: "0.1.13",
+  version: "0.1.14",
+  modal: index_esm.modal,
   install: index_install,
   config: index_config,
   VXETable: index_esm,