element-less 0.0.88 → 0.0.90

package/{index-DAZadiS8.js → index-CUsnchfn.js}

@@ -49292,6 +49292,14 @@ const listProps = buildProps({
     type: Boolean,
     default: true
   },
+  /**
+   * @description 新增项插入位置
+   */
+  insertPosition: {
+    type: String,
+    values: ["start", "end"],
+    default: "end"
+  },
   /**
    * @description 是否可修改
    */
@@ -49426,6 +49434,8 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
       }
       return [props2.itemClassName, "listitem", "flex"];
     });
+    const showAddButton = computed(() => props2.isModify && props2.isAdd && (props2.insertPosition === "start" || props2.borderType !== "border1" || dropData.value.length === 0));
+    const addButtonStyle = computed(() => `--marginleft:${currLabelWidth.value && currLabelPosition.value !== "top" && props2.borderType !== "border2" ? currLabelWidth.value.appendPx() : isMobile && !notObjectArray.value ? "var(--van-cell-horizontal-padding)" : "0px"}`);
     watch(
       () => {
         const value = modelValue.value;
@@ -49525,16 +49535,26 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
       } else {
         currItem = notObjectArray.value ? "" : {};
       }
+      const insertAtStart = props2.insertPosition === "start";
       if (!props2.itemKey) {
-        dropData.value.push({ itemKey: newId, value: currItem });
+        const wrappedItem = { itemKey: newId, value: currItem };
+        if (insertAtStart) {
+          dropData.value.unshift(wrappedItem);
+        } else {
+          dropData.value.push(wrappedItem);
+        }
         syncModelValueFromDropData();
       } else {
-        dropData.value.push(currItem);
+        if (insertAtStart) {
+          dropData.value.unshift(currItem);
+        } else {
+          dropData.value.push(currItem);
+        }
       }
-      const lastItem = dropData.value.at(-1);
-      const lastId = lastItem && typeof lastItem === "object" ? lastItem[currItemKey.value] : void 0;
-      if (lastId) {
-        wrapActivitys.value.push(lastId);
+      const insertedItem = insertAtStart ? dropData.value[0] : dropData.value.at(-1);
+      const insertedId = insertedItem && typeof insertedItem === "object" ? insertedItem[currItemKey.value] : void 0;
+      if (insertedId) {
+        wrapActivitys.value.push(insertedId);
       }
     }
     function handleRemove(item) {
@@ -49595,6 +49615,7 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       var _a, _b;
+      const _component_el_button = resolveComponent("el-button");
       const _component_Delete = resolveComponent("Delete");
       const _component_el_icon = resolveComponent("el-icon");
       const _component_el_popconfirm = resolveComponent("el-popconfirm");
@@ -49603,7 +49624,6 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
       const _component_Remove = resolveComponent("Remove");
       const _component_Plus = resolveComponent("Plus");
       const _component_Minus = resolveComponent("Minus");
-      const _component_el_button = resolveComponent("el-button");
       return openBlock(), createBlock(resolveDynamicComponent(outContainer.value), mergeProps({
         class: "els-list",
         ref_key: "listRef",
@@ -49614,6 +49634,25 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
         style: `--drag-fold-height:${_ctx.dragFoldHeight ? (_a = _ctx.dragFoldHeight) == null ? void 0 : _a.appendPx() : "auto"};--list-min-width:${currBoundingWidth.value ? (_b = currBoundingWidth.value) == null ? void 0 : _b.appendPx() : "auto"}`
       }), {
         default: withCtx(() => [
+          showAddButton.value && _ctx.insertPosition === "start" ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(["els-list-top", [{ "els-list-add": !unref(isMobile) }]]),
+            style: normalizeStyle(addButtonStyle.value)
+          }, [
+            renderSlot(_ctx.$slots, "add", {}, () => [
+              createVNode(_component_el_button, {
+                type: "primary",
+                link: "",
+                icon: "plus",
+                onClick: handleAdd
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(_ctx.addButtonText || "添加"), 1)
+                ]),
+                _: 1
+              })
+            ], true)
+          ], 6)) : createCommentVNode("", true),
           createVNode(unref(draggable), mergeProps({
             list: dropData.value,
             handle: ".el-icon-rank"
@@ -49691,7 +49730,7 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
                             ])) : (openBlock(), createElementBlock(Fragment$1, { key: 1 }, [
                               createElementVNode("div", _hoisted_6$9, toDisplayString(index + 1), 1),
                               createElementVNode("div", _hoisted_7$7, [
-                                _ctx.borderType === "border1" && index === dropData.value.length - 1 ? (openBlock(), createBlock(_component_el_icon, {
+                                _ctx.borderType === "border1" && _ctx.insertPosition !== "start" && index === dropData.value.length - 1 ? (openBlock(), createBlock(_component_el_icon, {
                                   key: 0,
                                   class: "el-icon-add",
                                   onClick: handleAdd
@@ -49810,10 +49849,10 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
             ]),
             _: 3
           }, 16, ["list", "item-key"]),
-          _ctx.isModify && _ctx.isAdd && (_ctx.borderType !== "border1" || dropData.value.length === 0 && _ctx.borderType === "border1") ? (openBlock(), createElementBlock("div", {
-            key: 0,
+          showAddButton.value && _ctx.insertPosition === "end" ? (openBlock(), createElementBlock("div", {
+            key: 1,
             class: normalizeClass(["els-list-bottom", [{ "els-list-add": !unref(isMobile) }]]),
-            style: normalizeStyle(`--marginleft:${currLabelWidth.value && currLabelPosition.value !== "top" && _ctx.borderType !== "border2" ? currLabelWidth.value.appendPx() : unref(isMobile) && !notObjectArray.value ? "var(--van-cell-horizontal-padding)" : "0px"}`)
+            style: normalizeStyle(addButtonStyle.value)
           }, [
             renderSlot(_ctx.$slots, "add", {}, () => [
               createVNode(_component_el_button, {
@@ -49835,7 +49874,7 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const List = /* @__PURE__ */ _export_sfc$1(_sfc_main$1q, [["__scopeId", "data-v-c3ea9c5e"]]);
+const List = /* @__PURE__ */ _export_sfc$1(_sfc_main$1q, [["__scopeId", "data-v-71ca879e"]]);
 const ElsList = withInstall$1(List);
 const _hoisted_1$17 = { class: "custom-block-title" };
 const _sfc_main$1p = /* @__PURE__ */ defineComponent({
@@ -75223,7 +75262,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["removeItem"], ["update:children"]),
   setup(__props, { emit: __emit }) {
     const DynamicDesignerInnerItem = defineAsyncComponent(() => {
-      return import("./innerItem-8X4fKihQ.js");
+      return import("./innerItem-Ch4_omgD.js");
     });
     const { getValue: getValue2 } = useProps();
     const tagID = getValue2("tagID");
@@ -76261,10 +76300,10 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const DynamicRenderInner = defineAsyncComponent(() => {
-      return import("./inner-gOxdY2Ct.js").then((n) => n.i);
+      return import("./inner-DlP0jFiJ.js").then((n) => n.i);
     });
     const DynamicRenderForm = defineAsyncComponent(() => {
-      return import("./inner-gOxdY2Ct.js").then((n) => n.f);
+      return import("./inner-DlP0jFiJ.js").then((n) => n.f);
     });
     const props2 = __props;
     const { getValue: getValue2, setValue, formNodeProps } = useProps(props2);
@@ -76504,10 +76543,10 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const DynamicRenderInnerAsync = defineAsyncComponent(() => {
-      return import("./inner-gOxdY2Ct.js").then((n) => n.i);
+      return import("./inner-DlP0jFiJ.js").then((n) => n.i);
     });
     const DynamicRenderFormAsync = defineAsyncComponent(() => {
-      return import("./inner-gOxdY2Ct.js").then((n) => n.f);
+      return import("./inner-DlP0jFiJ.js").then((n) => n.f);
     });
     const props2 = __props;
     const { getValue: getValue2, setValue, formNodeProps } = useProps(props2);
@@ -82909,27 +82948,27 @@ let AceEditor$1 = class AceEditor extends TBaseFormItem {
     __publicField(this, "editor", ref());
     onMounted(() => {
       if (props2.language === "json") {
-        const currModule = import("./mode-json-Cm7gxvCg.js").then((n) => n.m);
+        const currModule = import("./mode-json-8kgI-YWP.js").then((n) => n.m);
         currModule.then(() => {
           this.init();
         });
       } else if (props2.language === "javascript") {
-        const currModule = import("./mode-javascript-BzQNdnO0.js").then((n) => n.m);
+        const currModule = import("./mode-javascript-ubzOQatm.js").then((n) => n.m);
         currModule.then(() => {
           this.init();
         });
       } else if (props2.language === "csharp") {
-        const currModule = import("./mode-csharp-CjDkg840.js").then((n) => n.m);
+        const currModule = import("./mode-csharp-BFO2L0o7.js").then((n) => n.m);
         currModule.then(() => {
           this.init();
         });
       } else if (props2.language === "mysql") {
-        const currModule = import("./mode-mysql-CEZ-Y8Tl.js").then((n) => n.m);
+        const currModule = import("./mode-mysql-ByLQxPRX.js").then((n) => n.m);
         currModule.then(() => {
           this.init();
         });
       } else if (props2.language === "css") {
-        const currModule = import("./mode-css-CfhIU3hT.js").then((n) => n.m);
+        const currModule = import("./mode-css-DeL1_Ux2.js").then((n) => n.m);
         currModule.then(() => {
           this.init();
         });