cnhis-design-vue 3.3.1-beta.7 → 3.3.1-release.4

package/es/components/table-export-field/src/components/ExportModal.vue2.js

@@ -1 +1,374 @@
-import{defineComponent as e,ref as l,inject as a,computed as t,watch as i,openBlock as o,createBlock as n,unref as d,normalizeClass as s,withCtx as u,createVNode as r,normalizeStyle as c,createElementVNode as m,createTextVNode as g,renderSlot as h,isRef as v,toDisplayString as w,h as p}from"vue";import{useMessage as f,NModal as L,NCard as b,NButton as y,NCheckbox as x,NSelect as C,NCheckboxGroup as F,NPopover as k,NPopconfirm as I,NIcon as A}from"naive-ui";import{Trash as N}from"@vicons/ionicons5";import{InjectionExportApiConfig as B}from"../constants/index.js";import _ from"../../../../shared/components/VueDraggable/src/vuedraggable.js";import P from"../hooks/useAsyncData.js";import{dragFieldCheckList as S}from"../tool.js";import{cloneDeep as z}from"lodash-es";const E={class:"svg-wrap"},j={class:"flex_right"},H=m("div",{class:"tip"},"提示：支持拖动调整字段顺序，字段导出顺序为从左到右，从上到下。",-1),O={class:"flex_between"},$=["title"];var T=e({__name:"ExportModal",props:{visible:{type:Boolean,default:!1},tableListId:{type:String,default:""},curProgram:{type:Object,default:()=>({})},programOptions:{type:Array,default:()=>[]},downLoadFieldList:{type:Array,default:()=>[]},showAllFieldList:{type:Array,default:()=>[]}},emits:["cancelModal","updateCurProgram","updateFieldCheckList","updateShowAllFieldList"],setup(e,{emit:T}){const U=e,K="default",M="860px",D="496px",V={class:"select-export-popover"},q=f(),{deleteTableListExportScheme:G,exportTableListScheme:J}=P(),Q=l(!1),R=l(M),W=l({maxHeight:D,height:D}),X=l(!1),Y=l(!0),Z=l([]),ee=a(B),le=t((()=>U.curProgram.schemeId));function ae(){T("updateShowAllFieldList",U.showAllFieldList)}function te({option:e}){return p("span",e.schemeName)}function ie(e){var l,a;const t=[p(k,{trigger:"hover",duration:0},{default:()=>e.schemeName,trigger:()=>p("span",{class:"content"},e.schemeName)})],i=[p(I,{placement:"top-start",positiveText:(null==(l=window.getLanguageByCode)?void 0:l.call(window,"10010.1.428"))||"确认",negativeText:(null==(a=window.getLanguageByCode)?void 0:a.call(window,"10010.1.28"))||"取消",onPositiveClick:()=>function(e){var l;const{schemeId:a}=U.curProgram;if(a===e.schemeId)return q.warning((null==(l=window.getLanguageByCode)?void 0:l.call(window,"10010.1.430"))||"当前正在使用该方案，请先切换其他方案再删除");!async function(e){var l,a;if(!U.tableListId)return q.warning((null==(l=window.getLanguageByCode)?void 0:l.call(window,"10010.1.424"))||"请传入列表id");try{await G({id:U.tableListId,schemeId:e},ee)&&q.success((null==(a=window.getLanguageByCode)?void 0:a.call(window,"10010.1.411"))||"删除成功")}catch(e){q.error(`获取导出方案数据请求失败：${e}`)}}(e.schemeId)}(e)},{trigger:()=>p(A,{onclick:oe},{default:()=>p(N)}),default:()=>"确定删除该导出方案吗？"})],o=e.schemeId===K?[t]:[t,i];return p("div",{class:"flex-between"},o)}function oe(e){e.stopPropagation()}function ne(e){T("updateCurProgram",e)}function de(){!async function(){var e,l,a;if(!U.tableListId)return q.warning((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.424"))||"请传入列表id");if(Z.value.length<1)return q.warning((null==(l=window.getLanguageByCode)?void 0:l.call(window,"10010.1.426"))||"请至少勾选一个字段");try{const{schemeId:e}=U.curProgram,l=U.programOptions.find((l=>l.schemeId===e)),t={fieldKeys:S(U.showAllFieldList,Z.value),lastUsedSchemeName:l?l.schemeName:"",schemeId:l?l.schemeId:"",schemeName:l?l.schemeName:"",tableListId:U.tableListId};await J(t,ee)&&(q.success((null==(a=window.getLanguageByCode)?void 0:a.call(window,"10010.1.427"))||"导出成功"),ue())}catch(e){q.error(`获取导出方案数据请求失败：${e}`)}}()}function se(e){var l,a,t;Y.value=!1,Z.value=e?(null==(l=U.showAllFieldList)?void 0:l.map((e=>e.columnName)))||[]:(null==(t=null==(a=U.showAllFieldList)?void 0:a.filter((e=>e.fixedExport)))?void 0:t.map((e=>e.columnName)))||[]}function ue(){T("cancelModal"),R.value=M,W.value={height:D,maxHeight:D},Q.value=!1}function re(){Q.value=!Q.value;let e=document.body.clientHeight;R.value===M?(R.value="100%",W.value.maxHeight=`${e}px`,W.value.height=`${e}px`):(R.value=M,W.value.maxHeight=D,W.value.height=D)}return i((()=>Z.value),(e=>{U.showAllFieldList.length>0&&(Y.value=e.length>0&&e.length<U.showAllFieldList.length,X.value=e.length===U.showAllFieldList.length,T("updateFieldCheckList",e))}),{immediate:!0}),i((()=>U.curProgram),(e=>{e&&function(e){const l=U.programOptions.find((l=>l.schemeId===e));if(l){let a=[];const t=U.downLoadFieldList.filter((e=>e.fixedExport)).map((e=>e.columnName)),i=l.fieldKeys.filter((e=>!t.includes(e)));if(Z.value=[...i,...t],e===K){const e=z(U.downLoadFieldList);return void T("updateShowAllFieldList",e)}Z.value.forEach((e=>{const l=U.downLoadFieldList.find((l=>l.columnName===e));l&&a.push(l)}));const o=U.downLoadFieldList.filter((e=>!Z.value.includes(e.columnName))),n=[...a,...o];T("updateShowAllFieldList",n)}}(e.schemeId)}),{immediate:!0}),(l,a)=>(o(),n(d(L),{class:s(["table-export-field-modal",{"modal-screen":Q.value}]),show:e.visible,maskClosable:!1,width:R.value,bodyStyle:W.value,closable:!1,centered:"",onPositiveClick:de,onNegativeClick:ue},{default:u((()=>{var t;return[r(d(b),{style:c({width:R.value,...W.value}),title:(null==(t=window.getLanguageByCode)?void 0:t.call(window,"10010.1.421"))||"选择导出字段",bordered:!1,size:"huge",role:"dialog","aria-modal":"true"},{"header-extra":u((()=>[m("div",E,[m("i",{onClick:re,class:s(["iconfont-table-export-field",Q.value?"icon-table-export-field-menzhenyishengzhanxitongtubiaozuixiaohua2":"icon-table-export-field-menzhenyishengzhanxitongtubiaozuidahua"])},null,2),m("i",{onClick:ue,class:"iconfont-table-export-field icon-table-export-field-menzhenyishengzhanxitongtubiaoguanbi"})])])),footer:u((()=>[m("div",j,[r(d(y),{onClick:ue},{default:u((()=>{var e;return[g((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.28"))||"取消")]})),_:1}),h(l.$slots,"add"),r(d(y),{type:"info",onClick:de},{default:u((()=>{var e;return[g((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.422"))||"导出")]})),_:1})])])),default:u((()=>[H,m("header",O,[r(d(x),{checked:X.value,"onUpdate:checked":[a[0]||(a[0]=e=>X.value=e),se],indeterminate:Y.value},{default:u((()=>{var e;return[g((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.37"))||"全选")]})),_:1},8,["checked","indeterminate"]),r(d(C),{style:{width:"200px"},value:d(le),"onUpdate:value":[a[1]||(a[1]=e=>v(le)?le.value=e:null),ne],filterable:"","label-field":"schemeName","value-field":"schemeId","show-checkmark":!1,"render-label":ie,"render-tag":te,"menu-props":V,options:e.programOptions},null,8,["value","options"])]),r(d(F),{value:Z.value,"onUpdate:value":a[2]||(a[2]=e=>Z.value=e)},{default:u((()=>[r(d(_),{class:"draggable-checkbox-list",list:e.showAllFieldList,animation:"300",itemKey:"columnName",onEnd:ae},{item:u((({element:e})=>{var l;return[r(d(x),{disabled:e.fixedExport,class:s(Z.value.includes(e.columnName)?"":"checkbox-disabled"),value:e.columnName,label:null!=(l=e.alias)?l:e.title},{default:u((()=>{var l,a;return[m("span",{title:null!=(l=e.alias)?l:e.title},w(null!=(a=e.alias)?a:e.title),9,$)]})),_:2},1032,["disabled","class","value","label"])]})),_:1},8,["list"])])),_:1},8,["value"])])),_:3},8,["style"])]})),_:3},8,["class","show","width","bodyStyle"]))}});export{T as default};
+import { defineComponent, ref, inject, computed, watch, openBlock, createBlock, unref, normalizeClass, withCtx, createVNode, normalizeStyle, createElementVNode, createTextVNode, renderSlot, isRef, toDisplayString, h } from 'vue';
+import { useMessage, NModal, NCard, NButton, NCheckbox, NSelect, NCheckboxGroup, NPopover, NPopconfirm, NIcon } from 'naive-ui';
+import { Trash } from '@vicons/ionicons5';
+import { InjectionExportApiConfig } from '../constants/index.js';
+import draggableComponent from '../../../../shared/components/VueDraggable/src/vuedraggable.js';
+import useAsyncData from '../hooks/useAsyncData.js';
+import { dragFieldCheckList } from '../tool.js';
+import { cloneDeep } from 'lodash-es';
+
+const _hoisted_1 = {
+  class: "svg-wrap"
+};
+const _hoisted_2 = {
+  class: "flex_right"
+};
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("div", {
+  class: "tip"
+}, "\u63D0\u793A\uFF1A\u652F\u6301\u62D6\u52A8\u8C03\u6574\u5B57\u6BB5\u987A\u5E8F\uFF0C\u5B57\u6BB5\u5BFC\u51FA\u987A\u5E8F\u4E3A\u4ECE\u5DE6\u5230\u53F3\uFF0C\u4ECE\u4E0A\u5230\u4E0B\u3002", -1);
+const _hoisted_4 = {
+  class: "flex_between"
+};
+const _hoisted_5 = ["title"];
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ExportModal",
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    tableListId: {
+      type: String,
+      default: ""
+    },
+    curProgram: {
+      type: Object,
+      default: () => ({})
+    },
+    programOptions: {
+      type: Array,
+      default: () => []
+    },
+    downLoadFieldList: {
+      type: Array,
+      default: () => []
+    },
+    showAllFieldList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["cancelModal", "updateCurProgram", "updateFieldCheckList", "updateShowAllFieldList"],
+  setup(__props, {
+    emit: emits
+  }) {
+    const props = __props;
+    const defaultKey = "default";
+    const baseSetting = {
+      width: "860px",
+      height: "496px"
+    };
+    const menuProps = {
+      class: "select-export-popover"
+    };
+    const message = useMessage();
+    const {
+      deleteTableListExportScheme,
+      exportTableListScheme
+    } = useAsyncData();
+    const isChangeWindow = ref(false);
+    const modalWidth = ref(baseSetting.width);
+    const bodyStyle = ref({
+      maxHeight: baseSetting.height,
+      height: baseSetting.height
+    });
+    const isSelectAll = ref(false);
+    const isIndeterminate = ref(true);
+    const fieldCheckList = ref([]);
+    const exportApiConfig = inject(InjectionExportApiConfig);
+    const curSchemeId = computed(() => props.curProgram.schemeId);
+    function dragEnd() {
+      emits("updateShowAllFieldList", props.showAllFieldList);
+    }
+    async function deleteExportSchemeItem(schemeId) {
+      var _a, _b;
+      if (!props.tableListId) {
+        return message.warning(((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.424")) || "\u8BF7\u4F20\u5165\u5217\u8868id");
+      }
+      try {
+        let res = await deleteTableListExportScheme({
+          id: props.tableListId,
+          schemeId
+        }, exportApiConfig);
+        if (res) {
+          message.success(((_b = window.getLanguageByCode) == null ? void 0 : _b.call(window, "10010.1.411")) || "\u5220\u9664\u6210\u529F");
+        }
+      } catch (error) {
+        message.error(`\u83B7\u53D6\u5BFC\u51FA\u65B9\u6848\u6570\u636E\u8BF7\u6C42\u5931\u8D25\uFF1A${error}`);
+      }
+    }
+    async function doExportScheme() {
+      var _a, _b, _c;
+      if (!props.tableListId) {
+        return message.warning(((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.424")) || "\u8BF7\u4F20\u5165\u5217\u8868id");
+      }
+      if (fieldCheckList.value.length < 1) {
+        return message.warning(((_b = window.getLanguageByCode) == null ? void 0 : _b.call(window, "10010.1.426")) || "\u8BF7\u81F3\u5C11\u52FE\u9009\u4E00\u4E2A\u5B57\u6BB5");
+      }
+      try {
+        const {
+          schemeId
+        } = props.curProgram;
+        const curOption = props.programOptions.find((option) => option.schemeId === schemeId);
+        const params = {
+          fieldKeys: dragFieldCheckList(props.showAllFieldList, fieldCheckList.value),
+          lastUsedSchemeName: curOption ? curOption.schemeName : "",
+          schemeId: curOption ? curOption.schemeId : "",
+          schemeName: curOption ? curOption.schemeName : "",
+          tableListId: props.tableListId
+        };
+        let res = await exportTableListScheme(params, exportApiConfig);
+        if (res) {
+          message.success(((_c = window.getLanguageByCode) == null ? void 0 : _c.call(window, "10010.1.427")) || "\u5BFC\u51FA\u6210\u529F");
+          cancelModal();
+        }
+      } catch (error) {
+        message.error(`\u83B7\u53D6\u5BFC\u51FA\u65B9\u6848\u6570\u636E\u8BF7\u6C42\u5931\u8D25\uFF1A${error}`);
+      }
+    }
+    function renderTag({
+      option
+    }) {
+      return h("span", option.schemeName);
+    }
+    function renderLabel(option) {
+      var _a, _b;
+      const renderLabelElement = [h(NPopover, {
+        trigger: "hover",
+        duration: 0
+      }, {
+        default: () => option.schemeName,
+        trigger: () => h("span", {
+          class: "content"
+        }, option.schemeName)
+      })];
+      const renderDeleteElement = [h(NPopconfirm, {
+        placement: "top-start",
+        positiveText: ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.428")) || "\u786E\u8BA4",
+        negativeText: ((_b = window.getLanguageByCode) == null ? void 0 : _b.call(window, "10010.1.28")) || "\u53D6\u6D88",
+        onPositiveClick: () => handleDelete(option)
+      }, {
+        trigger: () => h(NIcon, {
+          onclick: handleClick
+        }, {
+          default: () => h(Trash)
+        }),
+        default: () => "\u786E\u5B9A\u5220\u9664\u8BE5\u5BFC\u51FA\u65B9\u6848\u5417\uFF1F"
+      })];
+      const lastRenderElement = option.schemeId === defaultKey ? [renderLabelElement] : [renderLabelElement, renderDeleteElement];
+      return h("div", {
+        class: "flex-between"
+      }, lastRenderElement);
+    }
+    function handleClick(e) {
+      e.stopPropagation();
+    }
+    function handleDelete(option) {
+      var _a;
+      const {
+        schemeId
+      } = props.curProgram;
+      if (schemeId === option.schemeId) {
+        return message.warning(((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.430")) || "\u5F53\u524D\u6B63\u5728\u4F7F\u7528\u8BE5\u65B9\u6848\uFF0C\u8BF7\u5148\u5207\u6362\u5176\u4ED6\u65B9\u6848\u518D\u5220\u9664");
+      }
+      deleteExportSchemeItem(option.schemeId);
+    }
+    function handleUpdateSelect(value) {
+      emits("updateCurProgram", value);
+    }
+    function _setFieldCheckListValue(optionKey) {
+      const curOption = props.programOptions.find((option) => option.schemeId === optionKey);
+      if (curOption) {
+        let checkFieldList = [];
+        const fixedExportKeys = props.downLoadFieldList.filter((field) => field.fixedExport).map((field) => field.columnName);
+        const checkFieldKeys = curOption.fieldKeys.filter((fieldKey) => !fixedExportKeys.includes(fieldKey));
+        fieldCheckList.value = [...checkFieldKeys, ...fixedExportKeys];
+        if (optionKey === defaultKey) {
+          const showList2 = cloneDeep(props.downLoadFieldList);
+          emits("updateShowAllFieldList", showList2);
+          return;
+        }
+        fieldCheckList.value.forEach((fieldKey) => {
+          const fieldOpt = props.downLoadFieldList.find((field) => field.columnName === fieldKey);
+          if (fieldOpt) {
+            checkFieldList.push(fieldOpt);
+          }
+        });
+        const lastFieldList = props.downLoadFieldList.filter((field) => !fieldCheckList.value.includes(field.columnName));
+        const showList = [...checkFieldList, ...lastFieldList];
+        emits("updateShowAllFieldList", showList);
+      }
+    }
+    function exportData() {
+      doExportScheme();
+    }
+    function handleCheckboxAll(checked) {
+      var _a, _b, _c;
+      isIndeterminate.value = false;
+      if (checked) {
+        fieldCheckList.value = ((_a = props.showAllFieldList) == null ? void 0 : _a.map((v) => v.columnName)) || [];
+        return;
+      }
+      fieldCheckList.value = ((_c = (_b = props.showAllFieldList) == null ? void 0 : _b.filter((v) => v.fixedExport)) == null ? void 0 : _c.map((v) => v.columnName)) || [];
+    }
+    function cancelModal() {
+      emits("cancelModal");
+      resetWindow();
+    }
+    function resetWindow() {
+      modalWidth.value = baseSetting.width;
+      bodyStyle.value = {
+        height: baseSetting.height,
+        maxHeight: baseSetting.height
+      };
+      isChangeWindow.value = false;
+    }
+    function changeWindow() {
+      isChangeWindow.value = !isChangeWindow.value;
+      let docHeight = document.body.clientHeight;
+      if (modalWidth.value === baseSetting.width) {
+        modalWidth.value = "100%";
+        bodyStyle.value.maxHeight = `${docHeight}px`;
+        bodyStyle.value.height = `${docHeight}px`;
+      } else {
+        modalWidth.value = baseSetting.width;
+        bodyStyle.value.maxHeight = baseSetting.height;
+        bodyStyle.value.height = baseSetting.height;
+      }
+    }
+    watch(() => fieldCheckList.value, (result) => {
+      if (props.showAllFieldList.length > 0) {
+        isIndeterminate.value = result.length > 0 && result.length < props.showAllFieldList.length;
+        isSelectAll.value = result.length === props.showAllFieldList.length;
+        emits("updateFieldCheckList", result);
+      }
+    }, {
+      immediate: true
+    });
+    watch(() => props.curProgram, (obj) => {
+      if (obj) {
+        _setFieldCheckListValue(obj.schemeId);
+      }
+    }, {
+      immediate: true
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NModal), {
+        class: normalizeClass(["table-export-field-modal", {
+          "modal-screen": isChangeWindow.value
+        }]),
+        show: __props.visible,
+        maskClosable: false,
+        width: modalWidth.value,
+        bodyStyle: bodyStyle.value,
+        closable: false,
+        centered: "",
+        onPositiveClick: exportData,
+        onNegativeClick: cancelModal
+      }, {
+        default: withCtx(() => {
+          var _a;
+          return [createVNode(unref(NCard), {
+            style: normalizeStyle({
+              width: modalWidth.value,
+              ...bodyStyle.value
+            }),
+            title: ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.421")) || "\u9009\u62E9\u5BFC\u51FA\u5B57\u6BB5",
+            bordered: false,
+            size: "huge",
+            role: "dialog",
+            "aria-modal": "true"
+          }, {
+            "header-extra": withCtx(() => [createElementVNode("div", _hoisted_1, [createElementVNode("i", {
+              onClick: changeWindow,
+              class: normalizeClass(["iconfont-table-export-field", isChangeWindow.value ? "icon-table-export-field-menzhenyishengzhanxitongtubiaozuixiaohua2" : "icon-table-export-field-menzhenyishengzhanxitongtubiaozuidahua"])
+            }, null, 2), createElementVNode("i", {
+              onClick: cancelModal,
+              class: "iconfont-table-export-field icon-table-export-field-menzhenyishengzhanxitongtubiaoguanbi"
+            })])]),
+            footer: withCtx(() => [createElementVNode("div", _hoisted_2, [createVNode(unref(NButton), {
+              onClick: cancelModal
+            }, {
+              default: withCtx(() => {
+                var _a2;
+                return [createTextVNode(((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.28")) || "\u53D6\u6D88")];
+              }),
+              _: 1
+            }), renderSlot(_ctx.$slots, "add"), createVNode(unref(NButton), {
+              type: "info",
+              onClick: exportData
+            }, {
+              default: withCtx(() => {
+                var _a2;
+                return [createTextVNode(((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.422")) || "\u5BFC\u51FA")];
+              }),
+              _: 1
+            })])]),
+            default: withCtx(() => [_hoisted_3, createElementVNode("header", _hoisted_4, [createVNode(unref(NCheckbox), {
+              checked: isSelectAll.value,
+              "onUpdate:checked": [_cache[0] || (_cache[0] = ($event) => isSelectAll.value = $event), handleCheckboxAll],
+              indeterminate: isIndeterminate.value
+            }, {
+              default: withCtx(() => {
+                var _a2;
+                return [createTextVNode(((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.37")) || "\u5168\u9009")];
+              }),
+              _: 1
+            }, 8, ["checked", "indeterminate"]), createVNode(unref(NSelect), {
+              style: {
+                "width": "200px"
+              },
+              value: unref(curSchemeId),
+              "onUpdate:value": [_cache[1] || (_cache[1] = ($event) => isRef(curSchemeId) ? curSchemeId.value = $event : null), handleUpdateSelect],
+              filterable: "",
+              "label-field": "schemeName",
+              "value-field": "schemeId",
+              "show-checkmark": false,
+              "render-label": renderLabel,
+              "render-tag": renderTag,
+              "menu-props": menuProps,
+              options: __props.programOptions
+            }, null, 8, ["value", "options"])]), createVNode(unref(NCheckboxGroup), {
+              value: fieldCheckList.value,
+              "onUpdate:value": _cache[2] || (_cache[2] = ($event) => fieldCheckList.value = $event)
+            }, {
+              default: withCtx(() => [createVNode(unref(draggableComponent), {
+                class: "draggable-checkbox-list",
+                list: __props.showAllFieldList,
+                animation: "300",
+                itemKey: "columnName",
+                onEnd: dragEnd
+              }, {
+                item: withCtx(({
+                  element
+                }) => {
+                  var _a2;
+                  return [createVNode(unref(NCheckbox), {
+                    disabled: element.fixedExport,
+                    class: normalizeClass(fieldCheckList.value.includes(element.columnName) ? "" : "checkbox-disabled"),
+                    value: element.columnName,
+                    label: (_a2 = element.alias) != null ? _a2 : element.title
+                  }, {
+                    default: withCtx(() => {
+                      var _a3, _b;
+                      return [createElementVNode("span", {
+                        title: (_a3 = element.alias) != null ? _a3 : element.title
+                      }, toDisplayString((_b = element.alias) != null ? _b : element.title), 9, _hoisted_5)];
+                    }),
+                    _: 2
+                  }, 1032, ["disabled", "class", "value", "label"])];
+                }),
+                _: 1
+              }, 8, ["list"])]),
+              _: 1
+            }, 8, ["value"])]),
+            _: 3
+          }, 8, ["style"])];
+        }),
+        _: 3
+      }, 8, ["class", "show", "width", "bodyStyle"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/table-export-field/src/components/SaveProjectModal.vue.js

@@ -1 +1,6 @@
-import e from"./SaveProjectModal.vue2.js";import r from"../../../../_virtual/_plugin-vue_export-helper.js";var o=r(e,[["__file","SaveProjectModal.vue"]]);export{o as default};
+import _sfc_main from './SaveProjectModal.vue2.js';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.js';
+
+var SaveProjectModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "SaveProjectModal.vue"]]);
+
+export { SaveProjectModal as default };

package/es/components/table-export-field/src/components/SaveProjectModal.vue2.js

@@ -1 +1,249 @@
-import{defineComponent as e,ref as a,reactive as l,inject as o,watch as t,openBlock as r,createBlock as n,unref as i,withCtx as d,createVNode as u,createElementVNode as c,createTextVNode as s,createElementBlock as m,Fragment as v,renderList as p,toDisplayString as g}from"vue";import{useMessage as w,NModal as f,NCard as y,NIcon as h,NButton as j,NRadioGroup as b,NRadio as C,NForm as L,NFormItem as N,NInput as P}from"naive-ui";import{CloseOutline as B}from"@vicons/ionicons5";import{InjectionExportApiConfig as _}from"../constants/index.js";import x from"../hooks/useAsyncData.js";import{dragFieldCheckList as k}from"../tool.js";import{cloneDeep as I}from"lodash-es";const S={class:"svg-wrap"},A={class:"flex_right"},M={class:"save-project-content"};var O=e({__name:"SaveProjectModal",props:{visible:{type:Boolean,default:!1},tableListId:{type:String,default:""},programOptions:{type:Array,default:()=>[]},curProgram:{type:Object,default:()=>({})},showAllFieldList:{type:Array,default:()=>[]}},emits:["cancelSaveModal"],setup(e,{emit:O}){var U,z,F;const K=e,q=w(),{saveTableListExportScheme:D}=x(),E={projectName:{required:!0,message:(null==(U=window.getLanguageByCode)?void 0:U.call(window,"10010.1.433"))||"请输入方案名称",trigger:["input","blur"]}},R=[{value:"updateProject",label:(null==(z=window.getLanguageByCode)?void 0:z.call(window,"10010.1.434"))||"更新方案"},{value:"addProject",label:(null==(F=window.getLanguageByCode)?void 0:F.call(window,"10010.1.435"))||"新增方案"}],T=a(null),$=l({projectName:""}),G=a(),H=a([]),J=o(_);function Q(e){G.value=e}function V(){var e;null==(e=T.value)||e.validate((async e=>{var a;if(e)return;if(function(){const e=$.projectName.trim();let a=[];if("addProject"===G.value&&(a=K.programOptions.map((e=>e.schemeName))),"updateProject"===G.value){const{schemeName:e}=K.curProgram;a=K.programOptions.filter((a=>a.schemeName!==e)).map((e=>e.schemeName))}return!!a.includes(e)&&(q.warning(`已存在${e}的方案名称`),!0)}())return;const l=function(){const e=$.projectName.trim(),{fieldKeys:a,schemeId:l}=K.curProgram;let o={fieldKeys:k(K.showAllFieldList,a),lastUsedSchemeName:e,schemeId:"",schemeName:e,tableListId:K.tableListId};return"updateProject"===G.value&&(o.schemeId=l),o}();await D(l,J)&&(q.success((null==(a=window.getLanguageByCode)?void 0:a.call(window,"10010.1.438"))||"保存并导出成功"),O("cancelSaveModal"))}))}function W(){O("cancelSaveModal")}return t((()=>K.curProgram),(async e=>{if("default"===e.schemeId)H.value=R.filter((e=>"addProject"===e.value)),G.value="addProject",$.projectName="";else H.value=I(R),G.value="updateProject",$.projectName=e.schemeName}),{immediate:!0,deep:!0}),(a,l)=>{var o,t;return r(),n(i(f),{class:"table-export-field-modal",show:e.visible,maskClosable:!1,"positive-text":(null==(o=window.getLanguageByCode)?void 0:o.call(window,"10010.1.428"))||"确认","negative-text":(null==(t=window.getLanguageByCode)?void 0:t.call(window,"10010.1.28"))||"取消",onPositiveClick:V,onNegativeClick:W},{default:d((()=>{var e;return[u(i(y),{title:(null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.431"))||"导出并存为方案",style:{width:"520px"},bordered:!1,size:"huge",role:"dialog","aria-modal":"true"},{"header-extra":d((()=>[c("div",S,[u(i(h),{component:i(B),size:"24",onClick:W},null,8,["component"])])])),footer:d((()=>[c("div",A,[u(i(j),{onClick:W},{default:d((()=>{var e;return[s((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.28"))||"取消")]})),_:1}),u(i(j),{type:"info",onClick:V},{default:d((()=>{var e;return[s((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.428"))||"确认")]})),_:1})])])),default:d((()=>[c("div",M,[u(i(b),{value:G.value,"onUpdate:value":[l[0]||(l[0]=e=>G.value=e),Q],name:"radiogroup"},{default:d((()=>[(r(!0),m(v,null,p(H.value,(e=>(r(),n(i(C),{key:e.value,value:e.value},{default:d((()=>[s(g(e.label),1)])),_:2},1032,["value"])))),128))])),_:1},8,["value"]),u(i(L),{ref_key:"formRef",ref:T,"label-placement":"left",rules:E,model:$},{default:d((()=>{var e;return[u(i(N),{label:(null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.432"))||"方案名称",path:"projectName"},{default:d((()=>{var e;return[u(i(P),{value:$.projectName,"onUpdate:value":l[1]||(l[1]=e=>$.projectName=e),placeholder:(null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.433"))||"请输入方案名称",clearable:"",maxlength:"100"},null,8,["value"])]})),_:1})]})),_:1},8,["model"])])])),_:1})]})),_:1},8,["show"])}}});export{O as default};
+import { defineComponent, ref, reactive, inject, watch, openBlock, createBlock, unref, withCtx, createVNode, createElementVNode, createTextVNode, createElementBlock, Fragment, renderList, toDisplayString } from 'vue';
+import { useMessage, NModal, NCard, NIcon, NButton, NRadioGroup, NRadio, NForm, NFormItem, NInput } from 'naive-ui';
+import { CloseOutline } from '@vicons/ionicons5';
+import { InjectionExportApiConfig } from '../constants/index.js';
+import useAsyncData from '../hooks/useAsyncData.js';
+import { dragFieldCheckList } from '../tool.js';
+import { cloneDeep } from 'lodash-es';
+
+const _hoisted_1 = {
+  class: "svg-wrap"
+};
+const _hoisted_2 = {
+  class: "flex_right"
+};
+const _hoisted_3 = {
+  class: "save-project-content"
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SaveProjectModal",
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    tableListId: {
+      type: String,
+      default: ""
+    },
+    programOptions: {
+      type: Array,
+      default: () => []
+    },
+    curProgram: {
+      type: Object,
+      default: () => ({})
+    },
+    showAllFieldList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["cancelSaveModal"],
+  setup(__props, {
+    emit: emits
+  }) {
+    var _a, _b, _c;
+    const props = __props;
+    const message = useMessage();
+    const {
+      saveTableListExportScheme
+    } = useAsyncData();
+    const defaultKey = "default";
+    const rules = {
+      projectName: {
+        required: true,
+        message: ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.433")) || "\u8BF7\u8F93\u5165\u65B9\u6848\u540D\u79F0",
+        trigger: ["input", "blur"]
+      }
+    };
+    const modeList = [{
+      value: "updateProject",
+      label: ((_b = window.getLanguageByCode) == null ? void 0 : _b.call(window, "10010.1.434")) || "\u66F4\u65B0\u65B9\u6848"
+    }, {
+      value: "addProject",
+      label: ((_c = window.getLanguageByCode) == null ? void 0 : _c.call(window, "10010.1.435")) || "\u65B0\u589E\u65B9\u6848"
+    }];
+    const formRef = ref(null);
+    const formValue = reactive({
+      projectName: ""
+    });
+    const selectProject = ref();
+    const projectList = ref([]);
+    const exportApiConfig = inject(InjectionExportApiConfig);
+    function handleRadioChange(value) {
+      selectProject.value = value;
+    }
+    function validateProjectName() {
+      const schemeName = formValue.projectName.trim();
+      let programNames = [];
+      if (selectProject.value === "addProject") {
+        programNames = props.programOptions.map((option) => option.schemeName);
+      }
+      if (selectProject.value === "updateProject") {
+        const {
+          schemeName: schemeName2
+        } = props.curProgram;
+        programNames = props.programOptions.filter((option) => option.schemeName !== schemeName2).map((option) => option.schemeName);
+      }
+      const isInclude = programNames.includes(schemeName);
+      if (isInclude) {
+        message.warning(`\u5DF2\u5B58\u5728${schemeName}\u7684\u65B9\u6848\u540D\u79F0`);
+        return true;
+      }
+      return false;
+    }
+    function getParams() {
+      const schemeName = formValue.projectName.trim();
+      const {
+        fieldKeys,
+        schemeId
+      } = props.curProgram;
+      let params = {
+        fieldKeys: dragFieldCheckList(props.showAllFieldList, fieldKeys),
+        lastUsedSchemeName: schemeName,
+        schemeId: "",
+        schemeName,
+        tableListId: props.tableListId
+      };
+      if (selectProject.value === "updateProject") {
+        params.schemeId = schemeId;
+      }
+      return params;
+    }
+    function saveToCalss() {
+      var _a2;
+      (_a2 = formRef.value) == null ? void 0 : _a2.validate(async (err) => {
+        var _a3;
+        if (err)
+          return;
+        if (validateProjectName()) {
+          return;
+        }
+        const params = getParams();
+        let res = await saveTableListExportScheme(params, exportApiConfig);
+        if (res) {
+          message.success(((_a3 = window.getLanguageByCode) == null ? void 0 : _a3.call(window, "10010.1.438")) || "\u4FDD\u5B58\u5E76\u5BFC\u51FA\u6210\u529F");
+          emits("cancelSaveModal");
+        }
+      });
+    }
+    function cancelSaveToCalss() {
+      emits("cancelSaveModal");
+    }
+    watch(() => props.curProgram, async (program) => {
+      switch (program.schemeId) {
+        case defaultKey:
+          projectList.value = modeList.filter((mode) => mode.value === "addProject");
+          selectProject.value = "addProject";
+          formValue.projectName = "";
+          break;
+        default:
+          projectList.value = cloneDeep(modeList);
+          selectProject.value = "updateProject";
+          formValue.projectName = program.schemeName;
+          break;
+      }
+    }, {
+      immediate: true,
+      deep: true
+    });
+    return (_ctx, _cache) => {
+      var _a2, _b2;
+      return openBlock(), createBlock(unref(NModal), {
+        class: "table-export-field-modal",
+        show: __props.visible,
+        maskClosable: false,
+        "positive-text": ((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.428")) || "\u786E\u8BA4",
+        "negative-text": ((_b2 = window.getLanguageByCode) == null ? void 0 : _b2.call(window, "10010.1.28")) || "\u53D6\u6D88",
+        onPositiveClick: saveToCalss,
+        onNegativeClick: cancelSaveToCalss
+      }, {
+        default: withCtx(() => {
+          var _a3;
+          return [createVNode(unref(NCard), {
+            title: ((_a3 = window.getLanguageByCode) == null ? void 0 : _a3.call(window, "10010.1.431")) || "\u5BFC\u51FA\u5E76\u5B58\u4E3A\u65B9\u6848",
+            style: {
+              "width": "520px"
+            },
+            bordered: false,
+            size: "huge",
+            role: "dialog",
+            "aria-modal": "true"
+          }, {
+            "header-extra": withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(unref(NIcon), {
+              component: unref(CloseOutline),
+              size: "24",
+              onClick: cancelSaveToCalss
+            }, null, 8, ["component"])])]),
+            footer: withCtx(() => [createElementVNode("div", _hoisted_2, [createVNode(unref(NButton), {
+              onClick: cancelSaveToCalss
+            }, {
+              default: withCtx(() => {
+                var _a4;
+                return [createTextVNode(((_a4 = window.getLanguageByCode) == null ? void 0 : _a4.call(window, "10010.1.28")) || "\u53D6\u6D88")];
+              }),
+              _: 1
+            }), createVNode(unref(NButton), {
+              type: "info",
+              onClick: saveToCalss
+            }, {
+              default: withCtx(() => {
+                var _a4;
+                return [createTextVNode(((_a4 = window.getLanguageByCode) == null ? void 0 : _a4.call(window, "10010.1.428")) || "\u786E\u8BA4")];
+              }),
+              _: 1
+            })])]),
+            default: withCtx(() => [createElementVNode("div", _hoisted_3, [createVNode(unref(NRadioGroup), {
+              value: selectProject.value,
+              "onUpdate:value": [_cache[0] || (_cache[0] = ($event) => selectProject.value = $event), handleRadioChange],
+              name: "radiogroup"
+            }, {
+              default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(projectList.value, (select) => {
+                return openBlock(), createBlock(unref(NRadio), {
+                  key: select.value,
+                  value: select.value
+                }, {
+                  default: withCtx(() => [createTextVNode(toDisplayString(select.label), 1)]),
+                  _: 2
+                }, 1032, ["value"]);
+              }), 128))]),
+              _: 1
+            }, 8, ["value"]), createVNode(unref(NForm), {
+              ref_key: "formRef",
+              ref: formRef,
+              "label-placement": "left",
+              rules,
+              model: formValue
+            }, {
+              default: withCtx(() => {
+                var _a4;
+                return [createVNode(unref(NFormItem), {
+                  label: ((_a4 = window.getLanguageByCode) == null ? void 0 : _a4.call(window, "10010.1.432")) || "\u65B9\u6848\u540D\u79F0",
+                  path: "projectName"
+                }, {
+                  default: withCtx(() => {
+                    var _a5;
+                    return [createVNode(unref(NInput), {
+                      value: formValue.projectName,
+                      "onUpdate:value": _cache[1] || (_cache[1] = ($event) => formValue.projectName = $event),
+                      placeholder: ((_a5 = window.getLanguageByCode) == null ? void 0 : _a5.call(window, "10010.1.433")) || "\u8BF7\u8F93\u5165\u65B9\u6848\u540D\u79F0",
+                      clearable: "",
+                      maxlength: "100"
+                    }, null, 8, ["value"])];
+                  }),
+                  _: 1
+                })];
+              }),
+              _: 1
+            }, 8, ["model"])])]),
+            _: 1
+          })];
+        }),
+        _: 1
+      }, 8, ["show"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/table-export-field/src/constants/index.js

@@ -1 +1,3 @@
-const o=Symbol("InjectionExportApiConfig");export{o as InjectionExportApiConfig};
+const InjectionExportApiConfig = Symbol("InjectionExportApiConfig");
+
+export { InjectionExportApiConfig };