element-less 0.0.56 → 0.0.58

package/{index-2Bv7b5DP.js → index-B9qiqB6F.js}

@@ -6959,6 +6959,7 @@ class Input extends TBaseFormItem {
       currValue = currValue.trim();
     }
     this._returnModelValue(currValue);
+    this._defaultEmits("input", currValue);
   }
   mobileRender() {
     const inputPlaceholder = this._props.placeholder || "请输入" + (this._props.label ?? "");
@@ -71312,7 +71313,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["removeItem"], ["update:children"]),
   setup(__props, { emit: __emit }) {
     const DynamicDesignerInnerItem = defineAsyncComponent(() => {
-      return import("./innerItem-CnFsIpmO.js");
+      return import("./innerItem-CTrYIpuO.js");
     });
     const { getValue: getValue2 } = useProps();
     const tagID = getValue2("tagID");
@@ -72162,10 +72163,10 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const DynamicRenderInner = defineAsyncComponent(() => {
-      return import("./inner-YAACwdSB.js").then((n) => n.i);
+      return import("./inner-DC3HuEGj.js").then((n) => n.i);
     });
     const DynamicRenderForm = defineAsyncComponent(() => {
-      return import("./inner-YAACwdSB.js").then((n) => n.f);
+      return import("./inner-DC3HuEGj.js").then((n) => n.f);
     });
     const props2 = __props;
     const { getValue: getValue2, setValue, formNodeProps } = useProps(props2);
@@ -72395,10 +72396,10 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const DynamicRenderInnerAsync = defineAsyncComponent(() => {
-      return import("./inner-YAACwdSB.js").then((n) => n.i);
+      return import("./inner-DC3HuEGj.js").then((n) => n.i);
     });
     const DynamicRenderFormAsync = defineAsyncComponent(() => {
-      return import("./inner-YAACwdSB.js").then((n) => n.f);
+      return import("./inner-DC3HuEGj.js").then((n) => n.f);
     });
     const props2 = __props;
     const { getValue: getValue2, setValue, formNodeProps } = useProps(props2);
@@ -73770,6 +73771,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     const getDataTypeData = getValue2("getDataTypeData");
     const validationCode = getValue2("validationCode");
     const camelCase = getValue2("camelCase", false);
+    const nameEqualsCode = getValue2("nameEqualsCode", false);
     const currSelectItem = useModel$1(__props, "nodeItem");
     const dataTypeData = computed(() => {
       return getDataTypeData(currSelectItem.value.componentType);
@@ -73785,6 +73787,14 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
         currSelectItem.value.keyCode = keyCode.replace(keyCode[0], keyCode[0].toLowerCase());
       }
     }
+    watch(() => {
+      var _a;
+      return (_a = currSelectItem.value) == null ? void 0 : _a.keyCode;
+    }, (keyCode) => {
+      if (nameEqualsCode && keyCode !== void 0) {
+        currSelectItem.value.keyName = keyCode;
+      }
+    });
     watchEffect(() => {
       const dataType = currSelectItem.value.dataType === "Array" ? currSelectItem.value.arrayDataType : currSelectItem.value.dataType;
       const componentTypeName = currSelectItem.value.componentTypeName;
@@ -73829,7 +73839,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }),
-          currSelectItem.value.componentGroup === "Form" ? (openBlock(), createBlock(_component_els_input, {
+          currSelectItem.value.componentGroup === "Form" && !unref(nameEqualsCode) ? (openBlock(), createBlock(_component_els_input, {
             key: 0,
             label: "名称",
             prop: "keyName"
@@ -73932,7 +73942,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DynamicDesignerViewBaseSetting = /* @__PURE__ */ _export_sfc$1(_sfc_main$C, [["__scopeId", "data-v-a083f6db"]]);
+const DynamicDesignerViewBaseSetting = /* @__PURE__ */ _export_sfc$1(_sfc_main$C, [["__scopeId", "data-v-b92b2bc9"]]);
 function useDesigner(props2, nodeItem) {
   return useRender(props2, nodeItem, void 0, void 0, true);
 }
@@ -75090,7 +75100,11 @@ const designerViewProps = buildProps({
   rightToolbar: {
     type: Array,
     default: ["base", "component", "array", "form", "advanced"]
-  }
+  },
+  /**
+   * @description 名称自动等于字段名，启用后无需单独填写名称，简化配置
+   */
+  nameEqualsCode: Boolean
 });
 const useDesign = defineStore("dynamic-design", () => {
   const queue = ref([]);
@@ -75228,9 +75242,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     const componentData = getValue2("componentData");
     const mainInner = ref();
     const designer = ref();
-    const asideHeight = ref();
     const mainHeight = ref();
-    const mainEmptyHeight = ref();
     const mainZoom = ref(1);
     const selectProperty = ref("0");
     const currDynamicDataType = ref([]);
@@ -75501,6 +75513,9 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
       } else {
         item.keyCode = "";
       }
+      if (props2.nameEqualsCode) {
+        item.keyName = item.keyCode;
+      }
       return item;
     }
     function handleMove(e) {
@@ -75783,16 +75798,12 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
         handlePasteGetNode();
       }
     }
-    onMounted(() => {
-      var _a2, _b2;
-      asideHeight.value = ((_a2 = props2.height) == null ? void 0 : _a2.appendPx()) || "calc(100vh - 102px)";
-      mainHeight.value = ((_b2 = props2.height) == null ? void 0 : _b2.appendPx()) || "calc(100vh - 102px)";
-      if (props2.height && props2.height.indexOf("vh") > -1) {
-        mainEmptyHeight.value = parseInt(props2.height.replace("vh", "")) / 2 + "vh";
-      } else {
-        mainEmptyHeight.value = props2.height ? (props2.height.toInt() / 2).appendPx() : "158px";
-      }
-    });
+    function updateHeights() {
+      var _a2;
+      mainHeight.value = ((_a2 = props2.height) == null ? void 0 : _a2.appendPx()) || "calc(100vh - 102px)";
+    }
+    onMounted(updateHeights);
+    watch(() => props2.height, updateHeights);
     __expose({
       initData,
       importDesigner
@@ -75831,7 +75842,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
         createElementVNode("div", mergeProps({
           ref_key: "designer",
           ref: designer,
-          style: `--mainEmptyHeight:${mainEmptyHeight.value};--mainHeight:${mainHeight.value};--asideHeight:${asideHeight.value};--leftWidth:${_ctx.leftWidth.appendPx()};--rightWidth:${_ctx.rightWidth.appendPx()}`
+          style: `--mainHeight:${mainHeight.value};--leftWidth:${_ctx.leftWidth.appendPx()};--rightWidth:${_ctx.rightWidth.appendPx()}`
         }, unref(attrs)), [
           createVNode(_component_ElsFormNode, normalizeProps(guardReactiveProps(unref(formNodeProps))), {
             default: withCtx(() => [
@@ -75851,7 +75862,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                             }, {
                               default: withCtx(() => [
                                 createVNode(_component_ElScrollbar, {
-                                  style: { "height": "var(--asideHeight)" },
+                                  style: { "height": "var(--mainHeight)" },
                                   ref: "scroll"
                                 }, {
                                   default: withCtx(() => [
@@ -75892,7 +75903,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                             createVNode(_component_el_tab_pane, { label: _ctx.filterComponentTitle }, {
                               default: withCtx(() => [
                                 createVNode(_component_ElScrollbar, {
-                                  style: { "height": "var(--asideHeight)" },
+                                  style: { "height": "var(--mainHeight)" },
                                   ref: "scroll"
                                 }, {
                                   default: withCtx(() => [
@@ -75938,7 +75949,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                             createVNode(_component_el_tab_pane, { label: "表单组件" }, {
                               default: withCtx(() => [
                                 createVNode(_component_ElScrollbar, {
-                                  style: { "height": "var(--asideHeight)" },
+                                  style: { "height": "var(--mainHeight)" },
                                   ref: "scroll"
                                 }, {
                                   default: withCtx(() => [
@@ -76051,7 +76062,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                             createVNode(_component_el_tab_pane, { label: "展示组件" }, {
                               default: withCtx(() => [
                                 createVNode(_component_ElScrollbar, {
-                                  style: { "height": "var(--asideHeight)" },
+                                  style: { "height": "var(--mainHeight)" },
                                   ref: "scroll"
                                 }, {
                                   default: withCtx(() => [
@@ -76383,7 +76394,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                       }, {
                         default: withCtx(() => [
                           createVNode(_component_ElScrollbar, {
-                            style: { "height": "var(--asideHeight)" },
+                            style: { "height": "var(--mainHeight)" },
                             ref: "scroll"
                           }, {
                             default: withCtx(() => [
@@ -76402,7 +76413,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           selectProperty.value === "component" ? (openBlock(), createBlock(_component_ElScrollbar, {
                             key: 0,
-                            style: { "height": "var(--asideHeight)" },
+                            style: { "height": "var(--mainHeight)" },
                             ref: "scroll"
                           }, {
                             default: withCtx(() => [
@@ -76429,7 +76440,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           selectProperty.value === "array" && !_ctx.rightToolbar || _ctx.rightToolbar.includes("array") ? (openBlock(), createBlock(_component_ElScrollbar, {
                             key: 0,
-                            style: { "height": "var(--asideHeight)" },
+                            style: { "height": "var(--mainHeight)" },
                             ref: "scroll"
                           }, {
                             default: withCtx(() => [
@@ -76454,7 +76465,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                       }, {
                         default: withCtx(() => [
                           createVNode(_component_ElScrollbar, {
-                            style: { "height": "var(--asideHeight)" },
+                            style: { "height": "var(--mainHeight)" },
                             ref: "scroll"
                           }, {
                             default: withCtx(() => [
@@ -76480,7 +76491,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           selectProperty.value === "advanced" ? (openBlock(), createBlock(_component_ElScrollbar, {
                             key: 0,
-                            style: { "height": "var(--asideHeight)" },
+                            style: { "height": "var(--mainHeight)" },
                             ref: "scroll"
                           }, {
                             default: withCtx(() => [
@@ -76650,7 +76661,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DesignerView = /* @__PURE__ */ _export_sfc$1(_sfc_main$u, [["__scopeId", "data-v-94fa0db4"]]);
+const DesignerView = /* @__PURE__ */ _export_sfc$1(_sfc_main$u, [["__scopeId", "data-v-1d84974e"]]);
 const ElsDesignerView = withInstall(DesignerView);
 (function(Prism2) {
   var string = /(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;
@@ -77389,31 +77400,31 @@ let AceEditor$1 = class AceEditor extends TBaseFormItem {
     __publicField(this, "editor", ref());
     onMounted(() => {
       if (props2.language === "json") {
-        const currModule = import("./mode-json-BoxRotGl.js").then((n) => n.m);
+        const currModule = import("./mode-json-5nW-N-W2.js").then((n) => n.m);
         currModule.then((res) => {
           ace.config.setModuleUrl("ace/mode/json", res);
           this.init();
         });
       } else if (props2.language === "javascript") {
-        const currModule = import("./mode-javascript-BVS0PFpM.js").then((n) => n.m);
+        const currModule = import("./mode-javascript-Et04sCwF.js").then((n) => n.m);
         currModule.then((res) => {
           ace.config.setModuleUrl("ace/mode/javascript", res);
           this.init();
         });
       } else if (props2.language === "csharp") {
-        const currModule = import("./mode-csharp-C1pDB4Xs.js").then((n) => n.m);
+        const currModule = import("./mode-csharp-CwcOyXKy.js").then((n) => n.m);
         currModule.then((res) => {
           ace.config.setModuleUrl("ace/mode/csharp", res);
           this.init();
         });
       } else if (props2.language === "mysql") {
-        const currModule = import("./mode-mysql-KyUsrQNc.js").then((n) => n.m);
+        const currModule = import("./mode-mysql-CLlaYr22.js").then((n) => n.m);
         currModule.then((res) => {
           ace.config.setModuleUrl("ace/mode/mysql", res);
           this.init();
         });
       } else if (props2.language === "css") {
-        const currModule = import("./mode-css-DHYwb__9.js").then((n) => n.m);
+        const currModule = import("./mode-css-CHl48gOd.js").then((n) => n.m);
         currModule.then((res) => {
           ace.config.setModuleUrl("ace/mode/css", res);
           this.init();
@@ -77521,6 +77532,13 @@ const mdEditorProps = buildProps({
     type: String,
     default: "jpeg,gif,bmp,jpg,png,svga,svg,webp,bundle,tif,pag"
   },
+  /**
+   * @description 简单模式，只显示基础工具栏
+   */
+  simple: {
+    type: Boolean,
+    default: false
+  },
   /**
    * @description 验证触发类型 默认change
    */
@@ -77570,9 +77588,16 @@ class MdEditor extends TBaseFormItem {
     }
   }
   pcRender() {
+    const toCssSize = (val) => /^\d+$/.test(val) ? `${val}px` : val;
+    const simpleToolbars = ["bold", "italic", "underline", "-", "title", "quote", "unorderedList", "orderedList", "-", "link", "image", "=", "preview"];
     return createVNode(Fragment$1, null, [createVNode("div", {
       "class": "els-jsoneditor"
     }, [createVNode(MdEditor$1, {
+      "style": {
+        height: toCssSize(this._props.height),
+        width: toCssSize(this._props.width)
+      },
+      "toolbars": this._props.simple ? simpleToolbars : void 0,
       "modelValue": this._comValue.value,
       "onUpdate:modelValue": ($event) => this._comValue.value = $event,
       "onHtmlChanged": this.returnHtml,