cnhis-design-vue 3.1.6 → 3.1.7-beta.3

package/es/packages/drag-layout/src/DragFormRightItem.vue.d.ts

@@ -1766,26 +1766,26 @@ declare const _default: import("vue").DefineComponent<{
             rippleDuration: string;
         }, any>>>;
     }>>, {
-        readonly type: import("naive-ui/es/button/src/interface").Type;
-        readonly tag: keyof HTMLElementTagNameMap;
-        readonly block: boolean;
-        readonly round: boolean;
-        readonly dashed: boolean;
-        readonly text: boolean;
-        readonly circle: boolean;
-        readonly disabled: boolean;
-        readonly focusable: boolean;
-        readonly strong: boolean;
-        readonly loading: boolean;
-        readonly bordered: boolean;
-        readonly tertiary: boolean;
-        readonly ghost: boolean;
-        readonly keyboard: boolean;
-        readonly secondary: boolean;
-        readonly quaternary: boolean;
-        readonly iconPlacement: "left" | "right";
-        readonly attrType: "button" | "reset" | "submit";
-        readonly nativeFocusBehavior: boolean;
+        type: import("naive-ui/es/button/src/interface").Type;
+        tag: keyof HTMLElementTagNameMap;
+        block: boolean;
+        round: boolean;
+        dashed: boolean;
+        text: boolean;
+        circle: boolean;
+        disabled: boolean;
+        focusable: boolean;
+        strong: boolean;
+        loading: boolean;
+        bordered: boolean;
+        tertiary: boolean;
+        ghost: boolean;
+        keyboard: boolean;
+        secondary: boolean;
+        quaternary: boolean;
+        iconPlacement: "left" | "right";
+        attrType: "button" | "reset" | "submit";
+        nativeFocusBehavior: boolean;
     }>;
     NSelect: import("vue").DefineComponent<{
         readonly to: {
@@ -1821,7 +1821,10 @@ declare const _default: import("vue").DefineComponent<{
         };
         readonly remote: BooleanConstructor;
         readonly loading: BooleanConstructor;
-        readonly filter: import("vue").PropType<(pattern: string, option: import("naive-ui").SelectOption) => boolean>;
+        readonly filter: {
+            readonly type: import("vue").PropType<(pattern: string, option: import("naive-ui").SelectOption) => boolean>;
+            readonly default: typeof import("naive-ui/es/select/src/utils").defaultFilter;
+        };
         readonly placement: {
             readonly type: import("vue").PropType<import("naive-ui").PopoverPlacement>;
             readonly default: "bottom-start";
@@ -1831,10 +1834,19 @@ declare const _default: import("vue").DefineComponent<{
             readonly default: "trigger";
         };
         readonly tag: BooleanConstructor;
-        readonly onCreate: import("vue").PropType<(label: string) => import("naive-ui").SelectOption>;
+        readonly onCreate: {
+            readonly type: import("vue").PropType<(label: string) => import("naive-ui").SelectOption>;
+            readonly default: (label: string) => {
+                label: string;
+                value: string;
+            };
+        };
         readonly fallbackOption: {
-            readonly type: import("vue").PropType<false | import("naive-ui/es/select/src/interface").SelectFallbackOption | undefined>;
-            readonly default: undefined;
+            readonly type: import("vue").PropType<false | import("naive-ui/es/select/src/interface").SelectFallbackOption>;
+            readonly default: () => (value: string | number) => {
+                label: string;
+                value: string | number;
+            };
         };
         readonly show: {
             readonly type: import("vue").PropType<boolean | undefined>;
@@ -1853,18 +1865,6 @@ declare const _default: import("vue").DefineComponent<{
             readonly type: BooleanConstructor;
             readonly default: true;
         };
-        readonly labelField: {
-            readonly type: StringConstructor;
-            readonly default: "label";
-        };
-        readonly valueField: {
-            readonly type: StringConstructor;
-            readonly default: "value";
-        };
-        readonly childrenField: {
-            readonly type: StringConstructor;
-            readonly default: "children";
-        };
         readonly renderLabel: import("vue").PropType<import("naive-ui/es/_internal/select-menu/src/interface").RenderLabel>;
         readonly renderOption: import("vue").PropType<import("naive-ui/es/_internal/select-menu/src/interface").RenderOption>;
         readonly renderTag: import("vue").PropType<import("naive-ui").SelectRenderTag>;
@@ -1887,10 +1887,6 @@ declare const _default: import("vue").DefineComponent<{
             readonly default: true;
         };
         readonly status: import("vue").PropType<import("naive-ui/es/form/src/interface").FormValidationStatus>;
-        readonly internalShowCheckmark: {
-            readonly type: BooleanConstructor;
-            readonly default: true;
-        };
         readonly onChange: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<import("naive-ui/es/select/src/interface").OnUpdateValue>>;
         readonly items: import("vue").PropType<import("naive-ui/es/select/src/interface").SelectMixedOption[]>;
         readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Select", {
@@ -1986,7 +1982,6 @@ declare const _default: import("vue").DefineComponent<{
                 optionCheckColor: string;
                 optionColorPending: string;
                 optionColorActive: string;
-                optionColorActivePending: string;
                 actionTextColor: string;
                 loadingColor: string;
                 height: string;
@@ -2112,7 +2107,6 @@ declare const _default: import("vue").DefineComponent<{
                 optionCheckColor: string;
                 optionColorPending: string;
                 optionColorActive: string;
-                optionColorActivePending: string;
                 actionTextColor: string;
                 loadingColor: string;
                 height: string;
@@ -2238,7 +2232,6 @@ declare const _default: import("vue").DefineComponent<{
                 optionCheckColor: string;
                 optionColorPending: string;
                 optionColorActive: string;
-                optionColorActivePending: string;
                 actionTextColor: string;
                 loadingColor: string;
                 height: string;
@@ -2368,11 +2361,10 @@ declare const _default: import("vue").DefineComponent<{
                 opacity5: string;
                 dividerColor: string;
                 borderColor: string;
-                closeIconColor: string;
-                closeIconColorHover: string;
-                closeIconColorPressed: string;
+                closeColor: string;
                 closeColorHover: string;
                 closeColorPressed: string;
+                closeColorDisabled: string;
                 clearColor: string;
                 clearColorHover: string;
                 clearColorPressed: string;
@@ -2527,7 +2519,6 @@ declare const _default: import("vue").DefineComponent<{
                     optionCheckColor: string;
                     optionColorPending: string;
                     optionColorActive: string;
-                    optionColorActivePending: string;
                     actionTextColor: string;
                     loadingColor: string;
                     height: string;
@@ -2643,7 +2634,10 @@ declare const _default: import("vue").DefineComponent<{
         };
         readonly remote: BooleanConstructor;
         readonly loading: BooleanConstructor;
-        readonly filter: import("vue").PropType<(pattern: string, option: import("naive-ui").SelectOption) => boolean>;
+        readonly filter: {
+            readonly type: import("vue").PropType<(pattern: string, option: import("naive-ui").SelectOption) => boolean>;
+            readonly default: typeof import("naive-ui/es/select/src/utils").defaultFilter;
+        };
         readonly placement: {
             readonly type: import("vue").PropType<import("naive-ui").PopoverPlacement>;
             readonly default: "bottom-start";
@@ -2653,10 +2647,19 @@ declare const _default: import("vue").DefineComponent<{
             readonly default: "trigger";
         };
         readonly tag: BooleanConstructor;
-        readonly onCreate: import("vue").PropType<(label: string) => import("naive-ui").SelectOption>;
+        readonly onCreate: {
+            readonly type: import("vue").PropType<(label: string) => import("naive-ui").SelectOption>;
+            readonly default: (label: string) => {
+                label: string;
+                value: string;
+            };
+        };
         readonly fallbackOption: {
-            readonly type: import("vue").PropType<false | import("naive-ui/es/select/src/interface").SelectFallbackOption | undefined>;
-            readonly default: undefined;
+            readonly type: import("vue").PropType<false | import("naive-ui/es/select/src/interface").SelectFallbackOption>;
+            readonly default: () => (value: string | number) => {
+                label: string;
+                value: string | number;
+            };
         };
         readonly show: {
             readonly type: import("vue").PropType<boolean | undefined>;
@@ -2675,18 +2678,6 @@ declare const _default: import("vue").DefineComponent<{
             readonly type: BooleanConstructor;
             readonly default: true;
         };
-        readonly labelField: {
-            readonly type: StringConstructor;
-            readonly default: "label";
-        };
-        readonly valueField: {
-            readonly type: StringConstructor;
-            readonly default: "value";
-        };
-        readonly childrenField: {
-            readonly type: StringConstructor;
-            readonly default: "children";
-        };
         readonly renderLabel: import("vue").PropType<import("naive-ui/es/_internal/select-menu/src/interface").RenderLabel>;
         readonly renderOption: import("vue").PropType<import("naive-ui/es/_internal/select-menu/src/interface").RenderOption>;
         readonly renderTag: import("vue").PropType<import("naive-ui").SelectRenderTag>;
@@ -2709,10 +2700,6 @@ declare const _default: import("vue").DefineComponent<{
             readonly default: true;
         };
         readonly status: import("vue").PropType<import("naive-ui/es/form/src/interface").FormValidationStatus>;
-        readonly internalShowCheckmark: {
-            readonly type: BooleanConstructor;
-            readonly default: true;
-        };
         readonly onChange: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<import("naive-ui/es/select/src/interface").OnUpdateValue>>;
         readonly items: import("vue").PropType<import("naive-ui/es/select/src/interface").SelectMixedOption[]>;
         readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Select", {
@@ -2808,7 +2795,6 @@ declare const _default: import("vue").DefineComponent<{
                 optionCheckColor: string;
                 optionColorPending: string;
                 optionColorActive: string;
-                optionColorActivePending: string;
                 actionTextColor: string;
                 loadingColor: string;
                 height: string;
@@ -2934,7 +2920,6 @@ declare const _default: import("vue").DefineComponent<{
                 optionCheckColor: string;
                 optionColorPending: string;
                 optionColorActive: string;
-                optionColorActivePending: string;
                 actionTextColor: string;
                 loadingColor: string;
                 height: string;
@@ -3060,7 +3045,6 @@ declare const _default: import("vue").DefineComponent<{
                 optionCheckColor: string;
                 optionColorPending: string;
                 optionColorActive: string;
-                optionColorActivePending: string;
                 actionTextColor: string;
                 loadingColor: string;
                 height: string;
@@ -3094,31 +3078,29 @@ declare const _default: import("vue").DefineComponent<{
             }>;
         }>>>;
     }>>, {
-        readonly tag: boolean;
-        readonly show: boolean | undefined;
-        readonly multiple: boolean;
-        readonly disabled: boolean | undefined;
-        readonly to: string | boolean | HTMLElement;
-        readonly options: import("naive-ui/es/select/src/interface").SelectMixedOption[];
-        readonly loading: boolean;
-        readonly bordered: boolean | undefined;
-        readonly placement: import("naive-ui").PopoverPlacement;
-        readonly labelField: string;
-        readonly virtualScroll: boolean;
-        readonly valueField: string;
-        readonly resetMenuOnOptionsChange: boolean;
-        readonly showArrow: boolean;
-        readonly displayDirective: "show" | "if";
-        readonly filterable: boolean;
-        readonly clearable: boolean;
-        readonly clearFilterAfterSelect: boolean;
-        readonly defaultValue: import("naive-ui/es/select/src/interface").Value | null;
-        readonly remote: boolean;
-        readonly widthMode: string;
-        readonly fallbackOption: false | import("naive-ui/es/select/src/interface").SelectFallbackOption | undefined;
-        readonly consistentMenuWidth: boolean;
-        readonly childrenField: string;
-        readonly internalShowCheckmark: boolean;
+        tag: boolean;
+        filter: (pattern: string, option: import("naive-ui").SelectOption) => boolean;
+        show: boolean | undefined;
+        multiple: boolean;
+        disabled: boolean | undefined;
+        to: string | boolean | HTMLElement;
+        options: import("naive-ui/es/select/src/interface").SelectMixedOption[];
+        loading: boolean;
+        bordered: boolean | undefined;
+        placement: import("naive-ui").PopoverPlacement;
+        virtualScroll: boolean;
+        resetMenuOnOptionsChange: boolean;
+        showArrow: boolean;
+        displayDirective: "show" | "if";
+        filterable: boolean;
+        clearable: boolean;
+        clearFilterAfterSelect: boolean;
+        defaultValue: import("naive-ui/es/select/src/interface").Value | null;
+        remote: boolean;
+        widthMode: string;
+        onCreate: (label: string) => import("naive-ui").SelectOption;
+        fallbackOption: false | import("naive-ui/es/select/src/interface").SelectFallbackOption;
+        consistentMenuWidth: boolean;
     }>;
     NIcon: import("vue").DefineComponent<{
         readonly depth: import("vue").PropType<import("naive-ui/es/icon/src/Icon").Depth>;

package/es/packages/drag-layout/src/DragFormRightItem.vue_vue_type_script_setup_true_lang.mjs

@@ -1 +1,266 @@
-import{defineComponent as e,ref as l,computed as t,watch as i,resolveComponent as n,openBlock as m,createElementBlock as d,normalizeClass as a,createElementVNode as s,createCommentVNode as _,createTextVNode as o,toDisplayString as u,Fragment as r,createBlock as v,unref as c,withCtx as h,withDirectives as p,createVNode as y,vShow as f,normalizeStyle as k}from"vue";import g from"vuedraggable";import{NButton as b,NSelect as E,NPopover as x,NIcon as z}from"naive-ui";import{EllipsisVerticalSharp as C}from"@vicons/ionicons5";const I={class:"DragFormRightItem"},w={key:0,class:"red"},N={class:"form-btn"},R=o("必填 "),D=o("修改 "),A=o("移除 "),B={key:0,class:"red"},T={class:"form-btn"},F=o("必填 "),K=o("修改 "),L=o("移除 ");var q=e({name:"DragFormRightItem",props:{fields:{type:null,required:!1},element:{type:null,required:!0},index:{type:Number,required:!0}},emits:["handleEdit","handleDelete"],setup(e,{emit:q}){const S=e;let V=l([]);l(!1);const H=[{label:"整行",value:"12"},{label:"半行",value:"6"},{label:"5/6",value:"10"},{label:"2/3",value:"8"},{label:"1/3",value:"4"},{label:"3/4",value:"9"},{label:"1/4",value:"3"},{label:"1/6",value:"2"}],O=t((()=>["LINEBAR","LINE_BREAKS"])),U=e=>{e.mid_is_edit=1==e.mid_is_edit?0:1},X=e=>{e.is_null=1==e.is_null?0:1},M=(e,l,t)=>{q("handleEdit",e,l,t)},j=(e,l)=>{q("handleDelete",e,l)},G=e=>O.value.includes(e);return i((()=>S.fields),(e=>{e&&(V.value=e)}),{immediate:!0,deep:!0}),(l,t)=>{const i=n("DragFormRightItem",!0);return m(),d("div",I,["COMBINATION"===e.element.html_type?(m(),d("div",{key:0,class:a(["combination-item",{"is-edit-class":0==e.element.is_edit||0==e.element.mid_is_edit}])},[s("div",null,[0==e.element.is_null?(m(),d("span",w,"*")):_("v-if",!0),o(" "+u(e.element.name)+" ",1),s("div",N,["TEXT"!=e.element.html_type?(m(),d(r,{key:0},[1!=e.element.is_edit||G(e.element.html_type)?_("v-if",!0):(m(),v(c(b),{key:0,dashed:"",size:"small",onClick:t[0]||(t[0]=l=>U(e.element))},{default:h((()=>[o(u(""+(1==e.element.mid_is_edit?"不可编辑":"启用编辑")),1)])),_:1})),1!=e.element.is_drag||G(e.element.html_type)?_("v-if",!0):(m(),v(c(b),{key:1,dashed:"",size:"small",onClick:t[1]||(t[1]=l=>X(e.element))},{default:h((()=>[R])),_:1})),p(y(c(b),{dashed:"",size:"small",onClick:t[2]||(t[2]=l=>M(e.element,e.index,"edit"))},{default:h((()=>[D])),_:1},512),[[f,"LINE_BREAKS"!=e.element.html_type]])],64)):_("v-if",!0),1!=e.element.is_drag&&!G(e.element.html_type)||0==e.element.is_system_fields?_("v-if",!0):(m(),v(c(b),{key:1,dashed:"",size:"small",onClick:t[3]||(t[3]=l=>j(e.element,e.index))},{default:h((()=>[A])),_:1}))])]),y(c(g),{modelValue:e.element.children,"onUpdate:modelValue":t[4]||(t[4]=l=>e.element.children=l),itemKey:"val_key",group:e.element.val_key,animation:300},{item:h((l=>[s("div",{style:k({width:2*(e.element.elem_width||12)/24*100+"%",display:e.element.elem_width&&e.element.elem_width<12?"inline-block":"block"})},[y(i,{element:l.element,index:l.index,onHandleEdit:M,onHandleDelete:j},null,8,["element","index"])],4)])),_:1},8,["modelValue","group"])],2)):(m(),d("div",{key:1,class:a({"right-content":!0,"blue-border":e.element.extraField,"is-edit-class":0==e.element.is_edit||0==e.element.mid_is_edit})},[s("div",{class:a({"item-opacity":0==e.element.is_show})},[0==e.element.is_null?(m(),d("span",B,"*")):_("v-if",!0),o(" "+u(e.element.name),1)],2),s("div",T,["TEXT"!=e.element.html_type?(m(),d(r,{key:0},[1!=e.element.is_edit||G(e.element.html_type)?_("v-if",!0):(m(),v(c(b),{key:0,dashed:"",size:"small",onClick:t[5]||(t[5]=l=>U(e.element))},{default:h((()=>[o(u(""+(1==e.element.mid_is_edit?"不可编辑":"启用编辑")),1)])),_:1})),1!=e.element.is_drag||G(e.element.html_type)?_("v-if",!0):(m(),v(c(b),{key:1,dashed:"",size:"small",onClick:t[6]||(t[6]=l=>X(e.element))},{default:h((()=>[F])),_:1})),y(c(E),{style:{width:"50px"},size:"small",options:H,value:e.element.elem_width,"onUpdate:value":t[7]||(t[7]=l=>e.element.elem_width=l),to:!1},null,8,["value"])],64)):_("v-if",!0),y(c(x),{trigger:"click",delay:300,placement:"left-end"},{trigger:h((()=>[y(c(z),{component:c(C)},null,8,["component"])])),default:h((()=>[s("div",null,[p(y(c(b),{dashed:"",size:"small",onClick:t[8]||(t[8]=l=>M(e.element,e.index,"edit"))},{default:h((()=>[K])),_:1},512),[[f,!["LINE_BREAKS"].includes(e.element.html_type)]]),1!=e.element.is_drag&&!G(e.element.html_type)||0==e.element.is_system_fields?_("v-if",!0):(m(),v(c(b),{key:0,dashed:"",size:"small",onClick:t[9]||(t[9]=l=>j(e.element,e.index))},{default:h((()=>[L])),_:1}))])])),_:1})])],2))])}}});export{q as default};
+import { defineComponent, ref, computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createCommentVNode, createTextVNode, toDisplayString, Fragment, createBlock, unref, withCtx, withDirectives, createVNode, vShow, normalizeStyle } from 'vue';
+import Draggable from 'vuedraggable';
+import { NButton, NSelect, NPopover, NIcon } from 'naive-ui';
+import { EllipsisVerticalSharp } from '@vicons/ionicons5';
+
+const _hoisted_1 = { class: "DragFormRightItem" };
+const _hoisted_2 = {
+  key: 0,
+  class: "red"
+};
+const _hoisted_3 = { class: "form-btn" };
+const _hoisted_4 = /* @__PURE__ */ createTextVNode("\u5FC5\u586B ");
+const _hoisted_5 = /* @__PURE__ */ createTextVNode("\u4FEE\u6539 ");
+const _hoisted_6 = /* @__PURE__ */ createTextVNode("\u79FB\u9664 ");
+const _hoisted_7 = {
+  key: 0,
+  class: "red"
+};
+const _hoisted_8 = { class: "form-btn" };
+const _hoisted_9 = /* @__PURE__ */ createTextVNode("\u5FC5\u586B ");
+const _hoisted_10 = /* @__PURE__ */ createTextVNode("\u4FEE\u6539 ");
+const _hoisted_11 = /* @__PURE__ */ createTextVNode("\u79FB\u9664 ");
+var script = /* @__PURE__ */ defineComponent({
+  props: {
+    fields: { type: null, required: false },
+    element: { type: null, required: true },
+    index: { type: Number, required: true }
+  },
+  emits: ["handleEdit", "handleDelete"],
+  setup(__props, { emit }) {
+    const props = __props;
+    let showFields = ref([]);
+    ref(false);
+    const widthOptions = [
+      {
+        label: "\u6574\u884C",
+        value: "12"
+      },
+      {
+        label: "\u534A\u884C",
+        value: "6"
+      },
+      {
+        label: "5/6",
+        value: "10"
+      },
+      {
+        label: "2/3",
+        value: "8"
+      },
+      {
+        label: "1/3",
+        value: "4"
+      },
+      {
+        label: "3/4",
+        value: "9"
+      },
+      {
+        label: "1/4",
+        value: "3"
+      },
+      {
+        label: "1/6",
+        value: "2"
+      }
+    ];
+    const lineTypeList = computed(() => ["LINEBAR", "LINE_BREAKS"]);
+    const handlechangIs_edit = (data) => {
+      data.mid_is_edit = data.mid_is_edit == 1 ? 0 : 1;
+    };
+    const handlechangNull = (data) => {
+      data.is_null = data.is_null == 1 ? 0 : 1;
+    };
+    const handleEdit = (data, i, type) => {
+      emit("handleEdit", data, i, type);
+    };
+    const handleDelete = (data, i) => {
+      emit("handleDelete", data, i);
+    };
+    const isLineType = (t) => {
+      return lineTypeList.value.includes(t);
+    };
+    watch(() => props.fields, (val) => {
+      if (!val)
+        return;
+      showFields.value = val;
+    }, { immediate: true, deep: true });
+    return (_ctx, _cache) => {
+      const _component_DragFormRightItem = resolveComponent("DragFormRightItem", true);
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.element.html_type === "COMBINATION" ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(["combination-item", {
+            "is-edit-class": __props.element.is_edit == 0 ? true : __props.element.mid_is_edit == 0
+          }])
+        }, [
+          createElementVNode("div", null, [
+            __props.element.is_null == 0 ? (openBlock(), createElementBlock("span", _hoisted_2, "*")) : createCommentVNode("v-if", true),
+            createTextVNode(" " + toDisplayString(__props.element.name) + " ", 1),
+            createElementVNode("div", _hoisted_3, [
+              __props.element.html_type != "TEXT" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                __props.element.is_edit == 1 && !isLineType(__props.element.html_type) ? (openBlock(), createBlock(unref(NButton), {
+                  key: 0,
+                  dashed: "",
+                  size: "small",
+                  onClick: _cache[0] || (_cache[0] = ($event) => handlechangIs_edit(__props.element))
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(`${__props.element.mid_is_edit == 1 ? "\u4E0D\u53EF\u7F16\u8F91" : "\u542F\u7528\u7F16\u8F91"}`), 1)
+                  ]),
+                  _: 1
+                })) : createCommentVNode("v-if", true),
+                __props.element.is_drag == 1 && !isLineType(__props.element.html_type) ? (openBlock(), createBlock(unref(NButton), {
+                  key: 1,
+                  dashed: "",
+                  size: "small",
+                  onClick: _cache[1] || (_cache[1] = ($event) => handlechangNull(__props.element))
+                }, {
+                  default: withCtx(() => [
+                    _hoisted_4
+                  ]),
+                  _: 1
+                })) : createCommentVNode("v-if", true),
+                withDirectives(createVNode(unref(NButton), {
+                  dashed: "",
+                  size: "small",
+                  onClick: _cache[2] || (_cache[2] = ($event) => handleEdit(__props.element, __props.index, "edit"))
+                }, {
+                  default: withCtx(() => [
+                    _hoisted_5
+                  ]),
+                  _: 1
+                }, 512), [
+                  [vShow, __props.element.html_type != "LINE_BREAKS"]
+                ])
+              ], 64)) : createCommentVNode("v-if", true),
+              (__props.element.is_drag == 1 || isLineType(__props.element.html_type)) && __props.element.is_system_fields != 0 ? (openBlock(), createBlock(unref(NButton), {
+                key: 1,
+                dashed: "",
+                size: "small",
+                onClick: _cache[3] || (_cache[3] = ($event) => handleDelete(__props.element, __props.index))
+              }, {
+                default: withCtx(() => [
+                  _hoisted_6
+                ]),
+                _: 1
+              })) : createCommentVNode("v-if", true)
+            ])
+          ]),
+          createVNode(unref(Draggable), {
+            modelValue: __props.element.children,
+            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => __props.element.children = $event),
+            itemKey: "val_key",
+            group: __props.element.val_key,
+            animation: 300
+          }, {
+            item: withCtx((eleChild) => [
+              createElementVNode("div", {
+                style: normalizeStyle({
+                  width: `${(__props.element.elem_width || 12) * 2 / 24 * 100}%`,
+                  display: __props.element.elem_width && __props.element.elem_width < 12 ? "inline-block" : "block"
+                })
+              }, [
+                createVNode(_component_DragFormRightItem, {
+                  element: eleChild.element,
+                  index: eleChild.index,
+                  onHandleEdit: handleEdit,
+                  onHandleDelete: handleDelete
+                }, null, 8, ["element", "index"])
+              ], 4)
+            ]),
+            _: 1
+          }, 8, ["modelValue", "group"])
+        ], 2)) : (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass({
+            "right-content": true,
+            "blue-border": __props.element.extraField,
+            "is-edit-class": __props.element.is_edit == 0 ? true : __props.element.mid_is_edit == 0
+          })
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass({ "item-opacity": __props.element.is_show == 0 })
+          }, [
+            __props.element.is_null == 0 ? (openBlock(), createElementBlock("span", _hoisted_7, "*")) : createCommentVNode("v-if", true),
+            createTextVNode(" " + toDisplayString(__props.element.name), 1)
+          ], 2),
+          createElementVNode("div", _hoisted_8, [
+            __props.element.html_type != "TEXT" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              __props.element.is_edit == 1 && !isLineType(__props.element.html_type) ? (openBlock(), createBlock(unref(NButton), {
+                key: 0,
+                dashed: "",
+                size: "small",
+                onClick: _cache[5] || (_cache[5] = ($event) => handlechangIs_edit(__props.element))
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(`${__props.element.mid_is_edit == 1 ? "\u4E0D\u53EF\u7F16\u8F91" : "\u542F\u7528\u7F16\u8F91"}`), 1)
+                ]),
+                _: 1
+              })) : createCommentVNode("v-if", true),
+              __props.element.is_drag == 1 && !isLineType(__props.element.html_type) ? (openBlock(), createBlock(unref(NButton), {
+                key: 1,
+                dashed: "",
+                size: "small",
+                onClick: _cache[6] || (_cache[6] = ($event) => handlechangNull(__props.element))
+              }, {
+                default: withCtx(() => [
+                  _hoisted_9
+                ]),
+                _: 1
+              })) : createCommentVNode("v-if", true),
+              createVNode(unref(NSelect), {
+                style: { "width": "50px" },
+                size: "small",
+                options: widthOptions,
+                value: __props.element.elem_width,
+                "onUpdate:value": _cache[7] || (_cache[7] = ($event) => __props.element.elem_width = $event),
+                to: false
+              }, null, 8, ["value"])
+            ], 64)) : createCommentVNode("v-if", true),
+            createVNode(unref(NPopover), {
+              trigger: "click",
+              delay: 300,
+              placement: "left-end"
+            }, {
+              trigger: withCtx(() => [
+                createVNode(unref(NIcon), { component: unref(EllipsisVerticalSharp) }, null, 8, ["component"])
+              ]),
+              default: withCtx(() => [
+                createElementVNode("div", null, [
+                  withDirectives(createVNode(unref(NButton), {
+                    dashed: "",
+                    size: "small",
+                    onClick: _cache[8] || (_cache[8] = ($event) => handleEdit(__props.element, __props.index, "edit"))
+                  }, {
+                    default: withCtx(() => [
+                      _hoisted_10
+                    ]),
+                    _: 1
+                  }, 512), [
+                    [vShow, !["LINE_BREAKS"].includes(__props.element.html_type)]
+                  ]),
+                  (__props.element.is_drag == 1 || isLineType(__props.element.html_type)) && __props.element.is_system_fields != 0 ? (openBlock(), createBlock(unref(NButton), {
+                    key: 0,
+                    dashed: "",
+                    size: "small",
+                    onClick: _cache[9] || (_cache[9] = ($event) => handleDelete(__props.element, __props.index))
+                  }, {
+                    default: withCtx(() => [
+                      _hoisted_11
+                    ]),
+                    _: 1
+                  })) : createCommentVNode("v-if", true)
+                ])
+              ]),
+              _: 1
+            })
+          ])
+        ], 2))
+      ]);
+    };
+  }
+});
+
+export { script as default };

package/es/packages/drag-layout/src/DragFormRightItem2.mjs

@@ -1 +1,4 @@
-import e from"./DragFormRightItem.vue_vue_type_script_setup_true_lang.mjs";export{default}from"./DragFormRightItem.vue_vue_type_script_setup_true_lang.mjs";e.__file="packages/drag-layout/src/DragFormRightItem.vue";
+import script from './DragFormRightItem.vue_vue_type_script_setup_true_lang.mjs';
+export { default } from './DragFormRightItem.vue_vue_type_script_setup_true_lang.mjs';
+
+script.__file = "packages/drag-layout/src/DragFormRightItem.vue";

package/es/packages/drag-layout/src/DragLayout.mjs

@@ -1 +1,2 @@
-import"./DragLayout2.mjs";export{default}from"./DragLayout.vue_vue_type_script_setup_true_lang.mjs";
+import './DragLayout2.mjs';
+export { default } from './DragLayout.vue_vue_type_script_setup_true_lang.mjs';