@kp-ui/lowcode 1.0.62 → 1.0.65

package/_virtual/virtual_svg-icons-register.js

@@ -1,13 +1,13 @@
 if (typeof window !== "undefined") {
   let loadSvg = function() {
     var body = document.body;
-    var svgDom = document.getElementById("__svg__icons__dom__1748505452022__");
+    var svgDom = document.getElementById("__svg__icons__dom__1748583090408__");
     if (!svgDom) {
       svgDom = document.createElementNS("http://www.w3.org/2000/svg", "svg");
       svgDom.style.position = "absolute";
       svgDom.style.width = "0";
       svgDom.style.height = "0";
-      svgDom.id = "__svg__icons__dom__1748505452022__";
+      svgDom.id = "__svg__icons__dom__1748583090408__";
       svgDom.setAttribute("xmlns", "http://www.w3.org/2000/svg");
       svgDom.setAttribute("xmlns:link", "http://www.w3.org/1999/xlink");
     }

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@kp-ui/lowcode",
-  "version": "1.0.62",
+  "version": "1.0.65",
   "publishConfig": {
     "access": "public"
   },
   "main": "index.js",
   "module": "index.js",
-  "types": "main.d.ts",
+  "types": "./types/install.d.ts",
   "dependencies": {
     "@element-plus/icons-vue": "^0.2.4",
     "@kp-ui/tool": "1.0.24",
@@ -23,8 +23,8 @@
     "lodash-es": "^4.17.21",
     "mitt": "^3.0.0",
     "query-string": "^9.1.1",
+    "quill": "^2.0.3",
     "sortablejs": "1.14.0",
-    "vue": "3.5.11",
-    "vue3-quill": "^0.3.1"
+    "vue": "3.5.11"
   }
 }

package/src/components/form-designer/form-widget/field-widget/rich-editor-widget.vue.js

@@ -3,8 +3,7 @@ import emitter from "../../../../utils/emitter.js";
 import i18n from "../../../../utils/i18n.js";
 import { deepClone } from "../../../../utils/util.js";
 import fieldMixin from "./fieldMixin.js";
-import { quillEditor } from "vue3-quill";
-import { resolveComponent, createBlock, createCommentVNode, openBlock, withCtx, createElementVNode, normalizeClass, createVNode, normalizeStyle } from "vue";
+import { defineAsyncComponent, resolveComponent, createBlock, createCommentVNode, openBlock, withCtx, createElementVNode, normalizeClass, createVNode, normalizeStyle } from "vue";
 /* empty css                        */
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
@@ -40,7 +39,9 @@ const _sfc_main = {
   },
   components: {
     FormItemWrapper,
-    quillEditor
+    QuillEditor: defineAsyncComponent(
+      () => import("../../../public/QuillEditor/index.vue.js")
+    )
   },
   data() {
     return {
@@ -96,7 +97,7 @@ const _sfc_main = {
   }
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_quill_editor = resolveComponent("quill-editor");
+  const _component_QuillEditor = resolveComponent("QuillEditor");
   const _component_form_item_wrapper = resolveComponent("form-item-wrapper");
   return !_ctx.handleHidden() ? (openBlock(), createBlock(_component_form_item_wrapper, {
     key: 0,
@@ -115,7 +116,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("div", {
         class: normalizeClass({ "readonly-mode-rich-editor": _ctx.isReadMode })
       }, [
-        createVNode(_component_quill_editor, {
+        createVNode(_component_QuillEditor, {
           ref: "fieldEditor",
           value: $data.fieldModel,
           "onUpdate:value": _cache[0] || (_cache[0] = ($event) => $data.fieldModel = $event),
@@ -133,7 +134,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"])) : createCommentVNode("", true);
 }
-const richEditorWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-29a3f226"]]);
+const richEditorWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-acfa12d8"]]);
 export {
   richEditorWidget as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue.js

@@ -42,12 +42,6 @@ const _sfc_main = {
           resizable: true,
           width: 100
         },
-        {
-          title: "最大宽度",
-          dataIndex: "maxWidth",
-          resizable: true,
-          width: 100
-        },
         {
           title: "最小宽度",
           dataIndex: "minWidth",
@@ -371,7 +365,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["onSave", "title"])
   ], 64);
 }
-const dataTableTableColumnsEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-16e10431"]]);
+const dataTableTableColumnsEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-790d0d62"]]);
 export {
   dataTableTableColumnsEditor as default
 };

package/src/components/public/QuillEditor/index.vue.js

@@ -0,0 +1,150 @@
+/* empty css                                                                                */
+/* empty css                                                                                */
+/* empty css                                                                                  */
+import Quill from "quill";
+import { createElementBlock, openBlock, watch, ref, onBeforeUnmount, onMounted, onUnmounted } from "vue";
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const defaultOptions = {
+  theme: "snow",
+  boundary: document.body,
+  modules: {
+    toolbar: [
+      ["bold", "italic", "underline", "strike"],
+      ["blockquote", "code-block"],
+      [{ header: 1 }, { header: 2 }],
+      [{ list: "ordered" }, { list: "bullet" }],
+      [{ script: "sub" }, { script: "super" }],
+      [{ indent: "-1" }, { indent: "+1" }],
+      [{ direction: "rtl" }],
+      [{ size: ["small", false, "large", "huge"] }],
+      [{ header: [1, 2, 3, 4, 5, 6, false] }],
+      [{ color: [] }, { background: [] }],
+      [{ font: [] }],
+      [{ align: [] }],
+      ["clean"],
+      ["link", "image", "video"]
+    ]
+  },
+  placeholder: "Insert content here ...",
+  readOnly: false
+};
+const _sfc_main = {
+  name: "quill-editor",
+  props: {
+    content: String,
+    value: String,
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    options: {
+      type: Object,
+      required: false,
+      default: () => ({})
+    }
+  },
+  emits: ["ready", "change", "input", "blur", "focus", "update:value"],
+  setup(props, context) {
+    const state = {
+      editorOption: {},
+      quill: null
+    };
+    let _content = "";
+    watch(
+      () => props.value,
+      (val) => {
+        if (state.quill) {
+          if (val && val !== _content) {
+            _content = val;
+            state.quill.pasteHTML(val);
+          } else if (!val) {
+            state.quill.setText("");
+          }
+        }
+      }
+    );
+    watch(
+      () => props.content,
+      (val) => {
+        if (state.quill) {
+          if (val && val !== _content) {
+            _content = val;
+            state.quill.pasteHTML(val);
+          } else if (!val) {
+            state.quill.setText("");
+          }
+        }
+      }
+    );
+    watch(
+      () => props.disabled,
+      (val) => {
+        if (state.quill) {
+          state.quill.enable(!val);
+        }
+      }
+    );
+    const editor = ref(null);
+    const mergeOptions = (def, custom) => {
+      for (const key in custom) {
+        if (!def[key] || key !== "modules") {
+          def[key] = custom[key];
+        } else {
+          mergeOptions(def[key], custom[key]);
+        }
+      }
+      return def;
+    };
+    const initialize = () => {
+      if (editor.value) {
+        state.editorOption = mergeOptions(defaultOptions, props.options);
+        state.editorOption.readOnly = props.disabled ? true : false;
+        state.quill = new Quill(editor.value, state.editorOption);
+        if (props.value) {
+          state.quill.pasteHTML(props.value);
+        }
+        state.quill.on("selection-change", (range) => {
+          if (!range) {
+            context.emit("blur", state.quill);
+          } else {
+            context.emit("focus", state.quill);
+          }
+        });
+        state.quill.on("text-change", () => {
+          if (props.disabled) {
+            state.quill.enable(false);
+          }
+          let html = editor.value.children[0].innerHTML;
+          const quill = state.quill;
+          const text = state.quill.getText();
+          if (html === "<p><br></p>") html = "";
+          _content = html;
+          context.emit("update:value", _content);
+          context.emit("change", { html, text, quill });
+        });
+        context.emit("ready", state.quill);
+      }
+    };
+    onBeforeUnmount(() => {
+      const editorToolbar = editor.value.previousSibling;
+      if (editorToolbar && editorToolbar.nodeType === 1 && editorToolbar.className.indexOf("ql-toolbar") > -1) {
+        editorToolbar.parentNode.removeChild(editorToolbar);
+      }
+    });
+    onMounted(() => {
+      initialize();
+    });
+    onUnmounted(() => {
+      state.quill = null;
+    });
+    return { editor };
+  }
+};
+const _hoisted_1 = { ref: "editor" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("section", _hoisted_1, null, 512);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};