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

package/es/packages/drag-layout/style/index.less

@@ -1,208 +1,208 @@
-.drag-layout-container {
-  width: 100%;
-  height: 100%;
-  flex: 1;
-  overflow: hidden;
-  overflow-y: auto;
-  position: relative;
-  display: flex;
-  justify-content: flex-start;
-  border: 1px solid #d2d9e8;
-  text-align: left;
-
-  .min-height {
-    height: calc(100% - 60px);
-    overflow: hidden;
-    overflow-y: auto;
-
-    li {
-      list-style: none;
-    }
-  }
-
-  .border-box {
-    position: absolute;
-    top: 0;
-    left: 30%;
-    border-left: 1px solid #d2d9e8;
-    height: 100%;
-  }
-
-  .text-area {
-    width: 30%;
-    height: 100%;
-    overflow-y: auto;
-    padding: 0 !important;
-
-    .info-header {
-      display: flex;
-      height: 50px;
-      line-height: 50px;
-      padding: 0 10px;
-      margin-bottom: 10px;
-      color: #2e2e2e;
-      font-size: 18px;
-      font-weight: bold;
-      background: #e6eaef;
-    }
-
-    .text-draggable {
-      display: flex;
-      flex-wrap: wrap;
-      justify-content: space-between;
-      align-items: flex-start;
-      padding: 0 12px 12px;
-      box-sizing: border-box;
-      align-content: flex-start;
-
-      li {
-        width: 49%;
-        text-align: center;
-      }
-    }
-  }
-
-  .form-area {
-    position: relative;
-    width: 70%;
-    height: 100%;
-    overflow-y: auto;
-    padding: 4px;
-    box-sizing: border-box;
-
-    &::-webkit-scrollbar {
-      width: 5px;
-    }
-
-    .info-header {
-      height: 50px;
-      margin-bottom: 10px;
-      background: unset;
-
-      display: flex;
-      justify-content: flex-end;
-      align-items: center;
-    }
-
-    .combination-col {
-      border: 1px solid #cdc5d3;
-      margin-bottom: 10px;
-    }
-  }
-}
-
-.dragForm-select-drop {
-  z-index: 2001;
-}
-
-.DragFormRightItem {
-  position: relative;
-
-  .is-edit-class {
-    background-color: #f5f5f5 !important;
-    border-color: #d9d9d9 !important;
-  }
-
-  .combination-item {
-    padding: 0px 8px 8px;
-
-    > div {
-      line-height: 35px;
-
-      &:hover > .form-btn {
-        display: flex;
-      }
-    }
-  }
-
-  .form-btn {
-    display: none;
-    align-items: center;
-    position: absolute;
-    top: -1px;
-    right: 0px;
-    height: 100%;
-    white-space: nowrap;
-
-    .quick-reply {
-      display: inline-block;
-      border: 1px dashed rgb(205, 197, 211);
-      font-size: 12px;
-      height: 22px;
-      line-height: 1.499;
-    }
-
-    &:deep(.n-input),
-    &:deep(.n-select) {
-      margin-left: 5px;
-    }
-
-    &:deep(.n-select) {
-      top: -3px;
-    }
-  }
-
-  .right-content {
-    border: 1px dashed rgb(205, 197, 211);
-    background: #fdfdfd;
-    height: 35px;
-    line-height: 35px;
-    padding: 0 10px;
-    position: relative;
-    margin-bottom: 10px;
-    cursor: pointer;
-
-    &:hover .form-btn {
-      display: flex;
-    }
-  }
-
-  .blue-border {
-    border: 1px solid #5585f5 !important;
-  }
-
-  .item-opacity {
-    opacity: 0.5;
-  }
-
-  .red {
-    color: red;
-  }
-}
-
-.DragFormLeftItem {
-  .left-content {
-    width: 100%;
-    margin-bottom: 16px;
-    overflow: hidden;
-    cursor: pointer;
-    color: #2e2e2e;
-
-    .style-box {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      width: 100%;
-      height: 60px;
-      padding: 0 8px;
-      box-sizing: border-box;
-      margin-bottom: 8px;
-      background: #f3f5f8;
-
-      &-input {
-        width: 85%;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        cursor: pointer !important;
-      }
-
-      input[type="radio"][disabled],
-      input[type="checkbox"][disabled],
-      input[type="radio"].disabled,
-      input[type="checkbox"].disabled {
-        cursor: pointer !important;
-      }
-    }
-  }
-}
+.drag-layout-container {
+  width: 100%;
+  height: 100%;
+  flex: 1;
+  overflow: hidden;
+  overflow-y: auto;
+  position: relative;
+  display: flex;
+  justify-content: flex-start;
+  border: 1px solid #d2d9e8;
+  text-align: left;
+
+  .min-height {
+    height: calc(100% - 60px);
+    overflow: hidden;
+    overflow-y: auto;
+
+    li {
+      list-style: none;
+    }
+  }
+
+  .border-box {
+    position: absolute;
+    top: 0;
+    left: 30%;
+    border-left: 1px solid #d2d9e8;
+    height: 100%;
+  }
+
+  .text-area {
+    width: 30%;
+    height: 100%;
+    overflow-y: auto;
+    padding: 0 !important;
+
+    .info-header {
+      display: flex;
+      height: 50px;
+      line-height: 50px;
+      padding: 0 10px;
+      margin-bottom: 10px;
+      color: #2e2e2e;
+      font-size: 18px;
+      font-weight: bold;
+      background: #e6eaef;
+    }
+
+    .text-draggable {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: space-between;
+      align-items: flex-start;
+      padding: 0 12px 12px;
+      box-sizing: border-box;
+      align-content: flex-start;
+
+      li {
+        width: 49%;
+        text-align: center;
+      }
+    }
+  }
+
+  .form-area {
+    position: relative;
+    width: 70%;
+    height: 100%;
+    overflow-y: auto;
+    padding: 4px;
+    box-sizing: border-box;
+
+    &::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    .info-header {
+      height: 50px;
+      margin-bottom: 10px;
+      background: unset;
+
+      display: flex;
+      justify-content: flex-end;
+      align-items: center;
+    }
+
+    .combination-col {
+      border: 1px solid #cdc5d3;
+      margin-bottom: 10px;
+    }
+  }
+}
+
+.dragForm-select-drop {
+  z-index: 2001;
+}
+
+.DragFormRightItem {
+  position: relative;
+
+  .is-edit-class {
+    background-color: #f5f5f5 !important;
+    border-color: #d9d9d9 !important;
+  }
+
+  .combination-item {
+    padding: 0px 8px 8px;
+
+    > div {
+      line-height: 35px;
+
+      &:hover > .form-btn {
+        display: flex;
+      }
+    }
+  }
+
+  .form-btn {
+    display: none;
+    align-items: center;
+    position: absolute;
+    top: -1px;
+    right: 0px;
+    height: 100%;
+    white-space: nowrap;
+
+    .quick-reply {
+      display: inline-block;
+      border: 1px dashed rgb(205, 197, 211);
+      font-size: 12px;
+      height: 22px;
+      line-height: 1.499;
+    }
+
+    &:deep(.n-input),
+    &:deep(.n-select) {
+      margin-left: 5px;
+    }
+
+    &:deep(.n-select) {
+      top: -3px;
+    }
+  }
+
+  .right-content {
+    border: 1px dashed rgb(205, 197, 211);
+    background: #fdfdfd;
+    height: 35px;
+    line-height: 35px;
+    padding: 0 10px;
+    position: relative;
+    margin-bottom: 10px;
+    cursor: pointer;
+
+    &:hover .form-btn {
+      display: flex;
+    }
+  }
+
+  .blue-border {
+    border: 1px solid #5585f5 !important;
+  }
+
+  .item-opacity {
+    opacity: 0.5;
+  }
+
+  .red {
+    color: red;
+  }
+}
+
+.DragFormLeftItem {
+  .left-content {
+    width: 100%;
+    margin-bottom: 16px;
+    overflow: hidden;
+    cursor: pointer;
+    color: #2e2e2e;
+
+    .style-box {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: 100%;
+      height: 60px;
+      padding: 0 8px;
+      box-sizing: border-box;
+      margin-bottom: 8px;
+      background: #f3f5f8;
+
+      &-input {
+        width: 85%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        cursor: pointer !important;
+      }
+
+      input[type="radio"][disabled],
+      input[type="checkbox"][disabled],
+      input[type="radio"].disabled,
+      input[type="checkbox"].disabled {
+        cursor: pointer !important;
+      }
+    }
+  }
+}

package/es/packages/editor/index.d.ts

@@ -0,0 +1,30 @@
+import { SFCWithInstall } from 'cnhis-design-vue/es/src/types';
+declare const Editor: SFCWithInstall<import("vue").DefineComponent<{
+    editorConfig: {
+        type: ObjectConstructor;
+    };
+    uploadImgUrl: {
+        type: StringConstructor;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    editorRef: import("vue").ShallowRef<any>;
+    renderVN: () => JSX.Element;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    editorConfig: {
+        type: ObjectConstructor;
+    };
+    uploadImgUrl: {
+        type: StringConstructor;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {}, {
+    isDisabled: boolean;
+}>>;
+export default Editor;

package/es/packages/editor/index.mjs

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

package/es/packages/editor/index2.mjs

@@ -0,0 +1 @@
+import{KEY_COMPONENT_NAME as s}from"cnhis-design-vue/es/src/global/variable";import{safeComponentRegister as i,getComponentName as r}from"cnhis-design-vue/es/src/utils";import o from"./src/Editor2.mjs";const t=o;t.install=function(o){i(o,t,s+r(t))};export{t as default};

package/es/packages/editor/src/Editor.d.ts

@@ -0,0 +1,30 @@
+import '@wangeditor/editor/dist/css/style.css';
+declare const _default: import("vue").DefineComponent<{
+    editorConfig: {
+        type: ObjectConstructor;
+    };
+    uploadImgUrl: {
+        type: StringConstructor;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    editorRef: import("vue").ShallowRef<any>;
+    renderVN: () => JSX.Element;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    editorConfig: {
+        type: ObjectConstructor;
+    };
+    uploadImgUrl: {
+        type: StringConstructor;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {}, {
+    isDisabled: boolean;
+}>;
+export default _default;

package/es/packages/editor/src/Editor.mjs

@@ -0,0 +1 @@
+export{default}from"./Editor2.mjs";

package/es/packages/editor/src/Editor2.mjs

@@ -0,0 +1 @@
+import{defineComponent as e,shallowRef as t,reactive as o,onBeforeUnmount as r,createVNode as d,mergeProps as l}from"vue";import"@wangeditor/editor/dist/css/style.css";import{Editor as i,Toolbar as s}from"@wangeditor/editor-for-vue";var n=e({name:"Editor",inheritAttrs:!1,components:{Editor:i,Toolbar:s},props:{editorConfig:{type:Object},uploadImgUrl:{type:String},isDisabled:{type:Boolean,default:!1}},emits:[],setup(e,{attrs:n,slots:a,emit:u}){const p=t(),f={},m=o({MENU_CONF:{uploadImage:{server:e.uploadImgUrl||""}},...e.editorConfig});r((()=>{const e=p.value;null!=e&&e.destroy()}));const c=t=>{p.value=t,e.isDisabled&&t.disable(),console.log("实例",t)};return{editorRef:p,renderVN:()=>d("div",{style:"border: 1px solid #ccc"},[d(s,{style:"border-bottom: 1px solid #ccc",editor:p.value,defaultConfig:f,mode:"default"},null),d(i,l({style:"height: 500px; overflow-y: hidden;"},n,{defaultConfig:m,mode:"default",onOnCreated:c}),null)])}},render(){return this.renderVN()}});export{n as default};

package/es/packages/field-set/index.d.ts

@@ -1538,11 +1538,11 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
             default: boolean;
         };
         checkedValue: {
-            type: (NumberConstructor | BooleanConstructor | StringConstructor)[];
+            type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
             default: boolean;
         };
         uncheckedValue: {
-            type: (NumberConstructor | BooleanConstructor | StringConstructor)[];
+            type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
             default: boolean;
         };
         'onUpdate:checked': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<import("naive-ui/es/checkbox/src/interface").OnUpdateChecked>>;
@@ -1836,11 +1836,11 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
             default: boolean;
         };
         checkedValue: {
-            type: (NumberConstructor | BooleanConstructor | StringConstructor)[];
+            type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
             default: boolean;
         };
         uncheckedValue: {
-            type: (NumberConstructor | BooleanConstructor | StringConstructor)[];
+            type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
             default: boolean;
         };
         'onUpdate:checked': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<import("naive-ui/es/checkbox/src/interface").OnUpdateChecked>>;

package/es/packages/field-set/src/FieldSet.vue.d.ts

@@ -1490,11 +1490,11 @@ declare const _default: import("vue").DefineComponent<{
             default: boolean;
         };
         checkedValue: {
-            type: (NumberConstructor | BooleanConstructor | StringConstructor)[];
+            type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
             default: boolean;
         };
         uncheckedValue: {
-            type: (NumberConstructor | BooleanConstructor | StringConstructor)[];
+            type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
             default: boolean;
         };
         'onUpdate:checked': PropType<import("naive-ui/es/_utils").MaybeArray<import("naive-ui/es/checkbox/src/interface").OnUpdateChecked>>;
@@ -1788,11 +1788,11 @@ declare const _default: import("vue").DefineComponent<{
             default: boolean;
         };
         checkedValue: {
-            type: (NumberConstructor | BooleanConstructor | StringConstructor)[];
+            type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
             default: boolean;
         };
         uncheckedValue: {
-            type: (NumberConstructor | BooleanConstructor | StringConstructor)[];
+            type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
             default: boolean;
         };
         'onUpdate:checked': PropType<import("naive-ui/es/_utils").MaybeArray<import("naive-ui/es/checkbox/src/interface").OnUpdateChecked>>;

package/es/packages/field-set/src/FieldSet.vue_vue_type_script_setup_true_lang.mjs

@@ -1 +1 @@
-import{defineComponent as e,ref as s,reactive as t,onMounted as l,computed as i,openBlock as a,createElementBlock as o,createVNode as d,unref as n,withCtx as c,createElementVNode as r,normalizeClass as h,createCommentVNode as p,createBlock as u,renderSlot as w,normalizeStyle as f,toDisplayString as m,withDirectives as g,vShow as y,vModelSelect as k,vModelText as v,createTextVNode as S}from"vue";import{NSpin as b,NCheckbox as U,NTooltip as x,NButton as F}from"naive-ui";import C from"vuedraggable";const V={class:"fields-set-content"},O={class:"fields-table"},_=r("span",{class:"width-show",style:{width:"4%"}},null,-1),P=r("span",{class:"width-large"},"所有字段",-1),W={class:"width-show"},j=S(" 显示 "),z={class:"width-show"},I=S(" 排序 "),D=r("span",{class:"width-showed"},"固定",-1),$=r("span",{class:"width-word"},"自定义标题",-1),q=r("span",{class:"width-showed"},"列宽",-1),A=["onClick"],B={class:"width-show drag-icon-wrap"},E=r("span",{class:"iconfont icon-a-menzhenyishengzhanxitongtubiaotuozhuai",style:{color:"#000"}},null,-1),N=r("span",null,"拖拽调整顺序",-1),G=r("span",{style:{width:"14px","margin-right":"6px"}},null,-1),H={class:"width-show"},J={class:"width-show"},K={class:"width-showed"},L=["onUpdate:modelValue"],M=[r("option",{value:0},"不固定",-1),r("option",{value:1},"左固定",-1),r("option",{value:2},"右固定",-1)],Q={class:"width-word"},R=["onUpdate:modelValue"],T={class:"width-showed"},X=["onUpdate:modelValue"],Y={key:0,class:"check-options"},Z={class:"btn-operate"},ee=S("取消"),se=S("保存");var te=e({name:"FieldSet",props:{fields:{type:Array,default:function(){return[]}},menuSource:{type:String,default:""},drawerDirection:{type:String,default:"right"},footerFlag:{type:Boolean,default:!0}},emits:["onSave","onClose"],setup(e,{emit:S}){const te=e,le=s(null),ie=t({spinning:!1,isCustomSearch:!0,clickItem:{},fields:te.fields});l((()=>{de()}));const ae=i((()=>"middle"==te.menuSource)),oe=e=>ie.fields.some((s=>Object.prototype.hasOwnProperty.call(s,e))),de=()=>{ae.value||(te.drawerDirection,le.value?.style.setProperty("margin","auto"))},ne=()=>{let e=[];ie.fields.length>0&&ie.fields.forEach(((s,t)=>{e.push({id:s.sid,field:s.columnName,visible:1==s.isShow,sequence:t,sortable:1==s.isSort,title:s.alias||s.title,fixed:s.isFixed?1==s.isFixed?"left":"right":"",minWidth:s.colWidth})})),console.log("tableFields",e),S("onSave",{tableFields:e})},ce=()=>{S("onClose")},re=e=>!!ie.fields.length&&ie.fields.every((s=>!Object.prototype.hasOwnProperty.call(s,e)||s[e])),he=(e,s)=>{const t=e?1:0,l=ie.fields.map((e=>(Object.prototype.hasOwnProperty.call(e,s)&&(e[s]=t),e)));ie.fields=l};return(e,s)=>(a(),o("div",{ref_key:"settingView",ref:le,class:"setting-view"},[d(n(b),{show:ie.spinning,tip:"...",style:{width:"100%",height:"100%"}},{default:c((()=>[r("div",V,[r("div",O,[r("div",{class:h(["setting-title",{"seting-title-api":!ie.isCustomSearch}])},[_,p(" 字段名称 "),P,p(" 显示 "),r("span",W,[oe("isShow")?(a(),u(n(U),{key:0,checked:re("isShow"),"onUpdate:checked":s[0]||(s[0]=e=>he(e,"isShow"))},null,8,["checked"])):p("v-if",!0),j]),p(" 排序 "),r("span",z,[oe("isSort")?(a(),u(n(U),{key:0,checked:re("isSort"),"onUpdate:checked":s[1]||(s[1]=e=>he(e,"isSort"))},null,8,["checked"])):p("v-if",!0),I]),p(" 固定 "),D,w(e.$slots,"default",{},(()=>[p(" 自定义标题 "),$])),p(" 列宽 "),q],2),r("div",{ref:"setShow",class:h(["set-show",{"set-show-api":!ie.isCustomSearch}])},[d(n(C),{list:ie.fields,animation:"150","item-key":"sid",tag:"ul"},{item:c((({element:s})=>{return[r("li",{class:"left-style",style:f((t=s,{background:ie.clickItem.sid===t.sid?"#f2f2f2":void 0})),onClick:e=>{return t=s,void(ie.clickItem=t);var t}},[r("span",B,[d(n(x),{trigger:"hover"},{trigger:c((()=>[E])),default:c((()=>[N])),_:1})]),p(" 字段名称 "),r("span",{class:h(["width-large title-item",{blue:s.extraField}])},[G,r("span",null,m(s.title),1)],2),p(" 显示 "),r("span",H,[g(d(n(U),{"default-checked":"1"==s.isShow,checked:"1"==s.isShow,"onUpdate:checked":e=>((e,s)=>{s.isShow=1==e?1:0})(e,s)},null,8,["default-checked","checked","onUpdate:checked"]),[[y,"0001"!=s.sid]])]),p(" 排序 "),r("span",J,[g(d(n(U),{"default-checked":"1"==s.isSort,disabled:1==s.notParticipatingSort,checked:!!s.isSort,"onUpdate:checked":e=>((e,s)=>{s.isSort=1==e?1:0})(e,s)},null,8,["default-checked","disabled","checked","onUpdate:checked"]),[[y,"0001"!=s.sid]])]),p(" 固定 "),r("span",K,[g(r("select",{"onUpdate:modelValue":e=>s.isFixed=e,class:"is-sort-style"},M,8,L),[[k,s.isFixed]])]),w(e.$slots,"default",{},(()=>[p(" 自定义标题 "),r("span",Q,[g(r("input",{"onUpdate:modelValue":e=>s.alias=e,class:"alias-style"},null,8,R),[[y,"0001"!=s.sid],[v,s.alias]])])])),p(" 列宽 "),r("span",T,[g(r("input",{"onUpdate:modelValue":e=>s.colWidth=e,class:"alias-style col-width-style"},null,8,X),[[v,s.colWidth]])])],12,A)];var t})),_:3},8,["list"])],2)]),te.footerFlag?(a(),o("div",Y,[r("div",Z,[d(n(F),{style:{"margin-right":"8px"},onClick:ce},{default:c((()=>[ee])),_:1}),d(n(F),{type:"primary",onClick:ne},{default:c((()=>[se])),_:1})])])):p("v-if",!0)])])),_:3},8,["show"])],512))}});export{te as default};
+import{defineComponent as e,ref as s,reactive as t,onMounted as l,computed as i,openBlock as a,createElementBlock as o,createVNode as d,unref as n,withCtx as c,createElementVNode as r,normalizeClass as h,createCommentVNode as p,createBlock as u,renderSlot as f,normalizeStyle as w,toDisplayString as m,withDirectives as g,vShow as y,vModelSelect as k,vModelText as v,createTextVNode as S}from"vue";import{NSpin as b,NCheckbox as U,NTooltip as x,NButton as F}from"naive-ui";import C from"vuedraggable";const V={class:"fields-set-content"},O={class:"fields-table"},P=r("span",{class:"width-show",style:{width:"4%"}},null,-1),_=r("span",{class:"width-large"},"所有字段",-1),W={class:"width-show"},j=S(" 显示 "),z={class:"width-show"},I=S(" 排序 "),D=r("span",{class:"width-showed"},"固定",-1),$=r("span",{class:"width-word"},"自定义标题",-1),q=r("span",{class:"width-showed"},"列宽",-1),A=["onClick"],B={class:"width-show drag-icon-wrap"},E=r("span",{class:"iconfont icon-a-menzhenyishengzhanxitongtubiaotuozhuai",style:{color:"#000"}},null,-1),N=r("span",null,"拖拽调整顺序",-1),G=r("span",{style:{width:"14px","margin-right":"6px"}},null,-1),H={class:"width-show"},J={class:"width-show"},K={class:"width-showed"},L=["onUpdate:modelValue"],M=[r("option",{value:0},"不固定",-1),r("option",{value:1},"左固定",-1),r("option",{value:2},"右固定",-1)],Q={class:"width-word"},R=["onUpdate:modelValue"],T={class:"width-showed"},X=["onUpdate:modelValue"],Y={key:0,class:"check-options"},Z={class:"btn-operate"},ee=S("取消"),se=S("保存");var te=e({name:"FieldSet",props:{fields:{type:Array,default:function(){return[]}},menuSource:{type:String,default:""},drawerDirection:{type:String,default:"right"},footerFlag:{type:Boolean,default:!0}},emits:["onSave","onClose"],setup(e,{emit:S}){const te=e,le=s(null),ie=t({spinning:!1,isCustomSearch:!0,clickItem:{},fields:te.fields});l((()=>{de()}));const ae=i((()=>"middle"==te.menuSource)),oe=e=>ie.fields.some((s=>Object.prototype.hasOwnProperty.call(s,e))),de=()=>{var e,s;ae.value||("right"===te.drawerDirection?null==(e=le.value)||e.style.setProperty("margin","auto"):null==(s=le.value)||s.style.setProperty("margin","auto"))},ne=()=>{let e=[];ie.fields.length>0&&ie.fields.forEach(((s,t)=>{e.push({id:s.sid,field:s.columnName,visible:1==s.isShow,sequence:t,sortable:1==s.isSort,title:s.alias||s.title,fixed:s.isFixed?1==s.isFixed?"left":"right":"",minWidth:s.colWidth})})),console.log("tableFields",e),S("onSave",{tableFields:e})},ce=()=>{S("onClose")},re=e=>!!ie.fields.length&&ie.fields.every((s=>!Object.prototype.hasOwnProperty.call(s,e)||s[e])),he=(e,s)=>{const t=e?1:0,l=ie.fields.map((e=>(Object.prototype.hasOwnProperty.call(e,s)&&(e[s]=t),e)));ie.fields=l};return(e,s)=>(a(),o("div",{ref_key:"settingView",ref:le,class:"c-field-set"},[d(n(b),{show:ie.spinning,tip:"...",style:{width:"100%",height:"100%"}},{default:c((()=>[r("div",V,[r("div",O,[r("div",{class:h(["setting-title",{"seting-title-api":!ie.isCustomSearch}])},[P,p(" 字段名称 "),_,p(" 显示 "),r("span",W,[oe("isShow")?(a(),u(n(U),{key:0,checked:re("isShow"),"onUpdate:checked":s[0]||(s[0]=e=>he(e,"isShow"))},null,8,["checked"])):p("v-if",!0),j]),p(" 排序 "),r("span",z,[oe("isSort")?(a(),u(n(U),{key:0,checked:re("isSort"),"onUpdate:checked":s[1]||(s[1]=e=>he(e,"isSort"))},null,8,["checked"])):p("v-if",!0),I]),p(" 固定 "),D,f(e.$slots,"default",{},(()=>[p(" 自定义标题 "),$])),p(" 列宽 "),q],2),r("div",{ref:"setShow",class:h(["set-show",{"set-show-api":!ie.isCustomSearch}])},[d(n(C),{list:ie.fields,animation:"150","item-key":"sid",tag:"ul"},{item:c((({element:s})=>{return[r("li",{class:"left-style",style:w((t=s,{background:ie.clickItem.sid===t.sid?"#f2f2f2":void 0})),onClick:e=>{return t=s,void(ie.clickItem=t);var t}},[r("span",B,[d(n(x),{trigger:"hover"},{trigger:c((()=>[E])),default:c((()=>[N])),_:1})]),p(" 字段名称 "),r("span",{class:h(["width-large title-item",{blue:s.extraField}])},[G,r("span",null,m(s.title),1)],2),p(" 显示 "),r("span",H,[g(d(n(U),{"default-checked":"1"==s.isShow,checked:"1"==s.isShow,"onUpdate:checked":e=>((e,s)=>{s.isShow=1==e?1:0})(e,s)},null,8,["default-checked","checked","onUpdate:checked"]),[[y,"0001"!=s.sid]])]),p(" 排序 "),r("span",J,[g(d(n(U),{"default-checked":"1"==s.isSort,disabled:1==s.notParticipatingSort,checked:!!s.isSort,"onUpdate:checked":e=>((e,s)=>{s.isSort=1==e?1:0})(e,s)},null,8,["default-checked","disabled","checked","onUpdate:checked"]),[[y,"0001"!=s.sid]])]),p(" 固定 "),r("span",K,[g(r("select",{"onUpdate:modelValue":e=>s.isFixed=e,class:"is-sort-style"},M,8,L),[[k,s.isFixed]])]),f(e.$slots,"default",{},(()=>[p(" 自定义标题 "),r("span",Q,[g(r("input",{"onUpdate:modelValue":e=>s.alias=e,class:"alias-style"},null,8,R),[[y,"0001"!=s.sid],[v,s.alias]])])])),p(" 列宽 "),r("span",T,[g(r("input",{"onUpdate:modelValue":e=>s.colWidth=e,class:"alias-style col-width-style"},null,8,X),[[v,s.colWidth]])])],12,A)];var t})),_:3},8,["list"])],2)]),te.footerFlag?(a(),o("div",Y,[r("div",Z,[d(n(F),{style:{"margin-right":"8px"},onClick:ce},{default:c((()=>[ee])),_:1}),d(n(F),{type:"primary",onClick:ne},{default:c((()=>[se])),_:1})])])):p("v-if",!0)])])),_:3},8,["show"])],512))}});export{te as default};