cnhis-design-vue 3.1.5-beta.1 → 3.1.5-beta.12

package/es/packages/chunk-upload/src/vod-upload-modal2.mjs

@@ -1 +1,95 @@
-import{defineComponent as e,ref as o,createVNode as l,resolveComponent as t,mergeProps as a,createTextVNode as d}from"vue";import{NModal as p,NCard as n,NButton as u}from"naive-ui";import"./chunk-upload-new2.mjs";import r from"./chunk-upload-new.vue_vue_type_script_setup_true_lang.mjs";var i=e({name:"vodUploadModal",components:{NModal:p,NCard:n,NButton:u,chunkUploadCom:r},props:{modalTitle:{type:String,default:"上传"},modelValue:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{attrs:p,emit:n}){const u=o(null),i=()=>{var e;console.log(u.value),null==(e=u.value)||e.cancel()},m=()=>{n("update:modelValue",!1)},s=()=>{var e;null==(e=u.value)||e.confirm()};console.log(p);const c=()=>l(t("n-modal"),{show:e.modelValue,"onUpdate:show":o=>e.modelValue=o,style:{width:"860px",height:"auto"}},{default:()=>[l(t("n-card"),{style:{width:"860px",height:"770px"},title:e.modalTitle,size:"huge",role:"dialog","aria-modal":"true","header-style":"padding: 14px 16px;border-bottom:1px solid #e8e8e8;font-size:16px;","footer-style":"padding: 10px 16px;border-top:1px solid #e8e8e8;text-align:right;","content-style":"padding: 24px 24px 12px;"},{default:()=>l(r,a(p,{ref:u,uploaderType:"video",onCloseUpload:m}),null),footer:()=>l("div",null,[l(t("n-button"),{"on-click":i,style:{"margin-right":"8px"}},{default:()=>[d("取消")]}),l(t("n-button"),{type:"primary",onClick:s},{default:()=>[d("确定")]})])})]});return()=>c()}});export{i as default};
+import { defineComponent, ref, createVNode, resolveComponent, mergeProps, createTextVNode } from 'vue';
+import { NModal, NCard, NButton } from 'naive-ui';
+import './chunk-upload-new2.mjs';
+import script from './chunk-upload-new.vue_vue_type_script_setup_true_lang.mjs';
+
+var vodUploadModal = defineComponent({
+  name: "vodUploadModal",
+  components: {
+    NModal,
+    NCard,
+    NButton,
+    chunkUploadCom: script
+  },
+  props: {
+    modalTitle: {
+      type: String,
+      default: "\u4E0A\u4F20"
+    },
+    modelValue: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(props, {
+    attrs,
+    emit
+  }) {
+    const chunkUploadDom = ref(null);
+    const cancel = () => {
+      var _a;
+      console.log(chunkUploadDom.value);
+      (_a = chunkUploadDom.value) == null ? void 0 : _a.cancel();
+    };
+    const closeModal = () => {
+      emit("update:modelValue", false);
+    };
+    const confirm = () => {
+      var _a;
+      (_a = chunkUploadDom.value) == null ? void 0 : _a.confirm();
+    };
+    const renderModalFooter = () => {
+      return createVNode("div", null, [createVNode(resolveComponent("n-button"), {
+        "on-click": cancel,
+        "style": {
+          "margin-right": "8px"
+        }
+      }, {
+        default: () => [createTextVNode("\u53D6\u6D88")]
+      }), createVNode(resolveComponent("n-button"), {
+        "type": "primary",
+        "onClick": confirm
+      }, {
+        default: () => [createTextVNode("\u786E\u5B9A")]
+      })]);
+    };
+    console.log(attrs);
+    const renderVodModal = () => {
+      return createVNode(resolveComponent("n-modal"), {
+        "show": props.modelValue,
+        "onUpdate:show": ($event) => props.modelValue = $event,
+        "style": {
+          width: "860px",
+          height: "auto"
+        }
+      }, {
+        default: () => [createVNode(resolveComponent("n-card"), {
+          "style": {
+            width: "860px",
+            height: "770px"
+          },
+          "title": props.modalTitle,
+          "size": "huge",
+          "role": "dialog",
+          "aria-modal": "true",
+          "header-style": "padding: 14px 16px;border-bottom:1px solid #e8e8e8;font-size:16px;",
+          "footer-style": "padding: 10px 16px;border-top:1px solid #e8e8e8;text-align:right;",
+          "content-style": "padding: 24px 24px 12px;"
+        }, {
+          default: () => createVNode(script, mergeProps(attrs, {
+            "ref": chunkUploadDom,
+            "uploaderType": "video",
+            "onCloseUpload": closeModal
+          }), null),
+          footer: () => renderModalFooter()
+        })]
+      });
+    };
+    return () => {
+      return renderVodModal();
+    };
+  }
+});
+
+export { vodUploadModal as default };

package/es/packages/drag-layout/index.mjs

@@ -1 +1 @@
-export{default}from"./index2.mjs";
+export { default } from './index2.mjs';

package/es/packages/drag-layout/index2.mjs

@@ -1 +1,13 @@
-import{KEY_COMPONENT_NAME as s}from"cnhis-design-vue/es/src/global/variable";import{safeComponentRegister as r,getComponentName as t}from"cnhis-design-vue/es/src/utils";import"./src/DragLayout2.mjs";import e from"./src/DragLayout.vue_vue_type_script_setup_true_lang.mjs";const i=e;i.install=function(e){r(e,i,s+t(i))};export{i as default};
+import { COMPONENT_NAMESPACE } from 'cnhis-design-vue/es/src/global/variable';
+import { safeComponentRegister } from 'cnhis-design-vue/es/src/utils';
+import { expandXEUtils } from 'cnhis-design-vue/es/src/utils/utilExpand';
+import './src/DragLayout2.mjs';
+import script from './src/DragLayout.vue_vue_type_script_setup_true_lang.mjs';
+
+const DragLayout = script;
+DragLayout.install = function(app) {
+  safeComponentRegister(app, DragLayout, COMPONENT_NAMESPACE + "DragLayout");
+  expandXEUtils();
+};
+
+export { DragLayout as default };

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

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

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

@@ -1 +1,122 @@
-import{defineComponent as e,openBlock as l,createElementBlock as t,createElementVNode as m,normalizeClass as a,createCommentVNode as d,createVNode as s,unref as n,Fragment as p,withCtx as y,createTextVNode as o,toDisplayString as h}from"vue";import{NInput as i,NDatePicker as c,NSelect as _,NRadio as r,NCheckbox as E}from"naive-ui";const b={class:"DragFormLeftItem"},u={key:0,class:"style-box"},C={class:"style-box"},A={class:"style-box"},x={class:"style-box"},f=o("男"),v=o("女"),k={class:"style-box"},T={class:"style-box"},D={key:6,class:"style-box"},H={key:7,class:"style-box"};var L=e({__name:"DragFormLeftItem",props:{element:{type:null,required:!0}},setup:e=>(L,R)=>(l(),t("div",b,[m("div",{class:a(["left-content",[e.element.extraField?"blue-border":"","item-"+e.element.html_type]])},[d(" 文本域 "),"TEXTAREA"===e.element.html_type?(l(),t("div",u,[s(n(i),{class:"style-box-input",disabled:"",placeholder:e.element.placeholder||e.element.name,type:"textarea",rows:2},null,8,["placeholder"])])):"DATE"===e.element.html_type||"DATE-INPUT"===e.element.html_type||"DATETIME-INPUT"===e.element.html_type?(l(),t(p,{key:1},[d(" 日期 "),m("div",C,[s(n(c),{disabled:"",placeholder:e.element.placeholder||e.element.name},null,8,["placeholder"])])],2112)):"SELECT"===e.element.html_type||"SEARCH"===e.element.html_type||"SEARCH_MORE"===e.element.html_type||"PHONE_TYPE"===e.element.html_type||"IDCARD_TYPE"===e.element.html_type||"LABEL"===e.element.html_type?(l(),t(p,{key:2},[d(" 下拉 标签 "),m("div",A,[s(n(_),{disabled:"",options:[]})])],2112)):"RADIO"===e.element.html_type?(l(),t(p,{key:3},[d(" 单选 "),m("div",x,[s(n(r),{disabled:"",defaultChecked:""},{default:y((()=>[f])),_:1}),s(n(r),{disabled:"",defaultChecked:!1},{default:y((()=>[v])),_:1})])],2112)):"CHECKBOX"===e.element.html_type||"CHECKBOX_BLOCK"===e.element.html_type?(l(),t(p,{key:4},[d(" 多选 "),m("div",k,[s(n(E),{defaultChecked:"",disabled:""}),s(n(E),{defaultChecked:"",disabled:""})])],2112)):"SEARCH_CASCADE"===e.element.html_type||"LEVEL_SEARCH_CASCADE"===e.element.html_type?(l(),t(p,{key:5},[d(" 级联 "),m("div",T,[s(n(_),{defaultValue:"省/市/区",disabled:""})])],2112)):"PHONE_TYPE"===e.element.html_type?(l(),t("div",D,[s(n(i),{class:"style-box-input",disabled:"",placeholder:"+86"})])):(l(),t("div",H,[s(n(i),{class:"style-box-input",disabled:"",placeholder:e.element.placeholder||e.element.name},null,8,["placeholder"])])),o(" "+h(e.element.name),1)],2)]))});export{L as default};
+import { defineComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, createCommentVNode, createVNode, unref, Fragment, withCtx, createTextVNode, toDisplayString } from 'vue';
+import { NInput, NDatePicker, NSelect, NRadio, NCheckbox } from 'naive-ui';
+
+const _hoisted_1 = { class: "DragFormLeftItem" };
+const _hoisted_2 = {
+  key: 0,
+  class: "style-box"
+};
+const _hoisted_3 = { class: "style-box" };
+const _hoisted_4 = { class: "style-box" };
+const _hoisted_5 = { class: "style-box" };
+const _hoisted_6 = /* @__PURE__ */ createTextVNode("\u7537");
+const _hoisted_7 = /* @__PURE__ */ createTextVNode("\u5973");
+const _hoisted_8 = { class: "style-box" };
+const _hoisted_9 = { class: "style-box" };
+const _hoisted_10 = {
+  key: 6,
+  class: "style-box"
+};
+const _hoisted_11 = {
+  key: 7,
+  class: "style-box"
+};
+var script = /* @__PURE__ */ defineComponent({
+  __name: "DragFormLeftItem",
+  props: {
+    element: { type: null, required: true }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: normalizeClass(["left-content", [__props.element.extraField ? "blue-border" : "", "item-" + __props.element.html_type]])
+        }, [
+          createCommentVNode(" \u6587\u672C\u57DF "),
+          __props.element.html_type === "TEXTAREA" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+            createVNode(unref(NInput), {
+              class: "style-box-input",
+              disabled: "",
+              placeholder: __props.element.placeholder || __props.element.name,
+              type: "textarea",
+              rows: 2
+            }, null, 8, ["placeholder"])
+          ])) : __props.element.html_type === "DATE" || __props.element.html_type === "DATE-INPUT" || __props.element.html_type === "DATETIME-INPUT" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            createCommentVNode(" \u65E5\u671F "),
+            createElementVNode("div", _hoisted_3, [
+              createVNode(unref(NDatePicker), {
+                disabled: "",
+                placeholder: __props.element.placeholder || __props.element.name
+              }, null, 8, ["placeholder"])
+            ])
+          ], 2112)) : __props.element.html_type === "SELECT" || __props.element.html_type === "SEARCH" || __props.element.html_type === "SEARCH_MORE" || __props.element.html_type === "PHONE_TYPE" || __props.element.html_type === "IDCARD_TYPE" || __props.element.html_type === "LABEL" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+            createCommentVNode(" \u4E0B\u62C9 \u6807\u7B7E "),
+            createElementVNode("div", _hoisted_4, [
+              createVNode(unref(NSelect), {
+                disabled: "",
+                options: []
+              })
+            ])
+          ], 2112)) : __props.element.html_type === "RADIO" ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
+            createCommentVNode(" \u5355\u9009 "),
+            createElementVNode("div", _hoisted_5, [
+              createVNode(unref(NRadio), {
+                disabled: "",
+                defaultChecked: ""
+              }, {
+                default: withCtx(() => [
+                  _hoisted_6
+                ]),
+                _: 1
+              }),
+              createVNode(unref(NRadio), {
+                disabled: "",
+                defaultChecked: false
+              }, {
+                default: withCtx(() => [
+                  _hoisted_7
+                ]),
+                _: 1
+              })
+            ])
+          ], 2112)) : __props.element.html_type === "CHECKBOX" || __props.element.html_type === "CHECKBOX_BLOCK" ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
+            createCommentVNode(" \u591A\u9009 "),
+            createElementVNode("div", _hoisted_8, [
+              createVNode(unref(NCheckbox), {
+                defaultChecked: "",
+                disabled: ""
+              }),
+              createVNode(unref(NCheckbox), {
+                defaultChecked: "",
+                disabled: ""
+              })
+            ])
+          ], 2112)) : __props.element.html_type === "SEARCH_CASCADE" || __props.element.html_type === "LEVEL_SEARCH_CASCADE" ? (openBlock(), createElementBlock(Fragment, { key: 5 }, [
+            createCommentVNode(" \u7EA7\u8054 "),
+            createElementVNode("div", _hoisted_9, [
+              createVNode(unref(NSelect), {
+                defaultValue: "\u7701/\u5E02/\u533A",
+                disabled: ""
+              })
+            ])
+          ], 2112)) : __props.element.html_type === "PHONE_TYPE" ? (openBlock(), createElementBlock("div", _hoisted_10, [
+            createVNode(unref(NInput), {
+              class: "style-box-input",
+              disabled: "",
+              placeholder: "+86"
+            })
+          ])) : (openBlock(), createElementBlock("div", _hoisted_11, [
+            createVNode(unref(NInput), {
+              class: "style-box-input",
+              disabled: "",
+              placeholder: __props.element.placeholder || __props.element.name
+            }, null, 8, ["placeholder"])
+          ])),
+          createTextVNode(" " + toDisplayString(__props.element.name), 1)
+        ], 2)
+      ]);
+    };
+  }
+});
+
+export { script as default };

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

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

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

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

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

@@ -1 +1,267 @@
-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({
+  __name: "DragFormRightItem",
+  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';