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

package/es/components/base-search/src/index.vue2.js

@@ -1 +1,325 @@
-import{defineComponent as e,ref as t,provide as i,computed as l,watch as a,openBlock as n,createElementBlock as r,createElementVNode as o,createCommentVNode as s,renderSlot as u,unref as c,createVNode as d,withCtx as f,createTextVNode as m,toDisplayString as h,Fragment as v,renderList as g}from"vue";import p from"../../table-filter/src/components/render-widget/index.vue.js";import b from"../../table-filter/src/hooks/useMixins.js";import y from"../../table-filter/src/hooks/useAdvanced.js";import C from"../../table-filter/src/hooks/useRenderWidget.js";import{NButton as k,NIcon as w}from"naive-ui";import{Search as S}from"@vicons/ionicons5";import{isObject as j,cloneDeep as A}from"lodash-es";import{InjectionFilterApiConfig as O,InjectionFilterSearchConfig as x}from"../../table-filter/src/constants/index.js";import{WidgetTypeEnums as F}from"../../table-filter/src/types/enums.js";const q={class:"base-search-block"},R={class:"base-container"},V={class:"bease-left"},B={class:"base-ul"},E={key:0,class:"baseli showQuickBtn"},L=o("i",{class:"iconfont-table-filter icon-table-filter-shaixuan",style:{color:"inherit","margin-right":"6px"}},null,-1),N={key:0,class:"qqConObjCount"},Q={class:"base-row"},I={key:0,class:"title"},_={class:"baseli"},P={key:1,class:"baseli"},T={key:2,class:"baseli"},D=o("i",{class:"iconfont-table-filter icon-table-filter-reset",style:{"margin-right":"6px"}},null,-1);var U=e({__name:"index",props:{showSettings:{type:Object,default:()=>({hideQuickSearch:0,hideResetBtn:0})},searchFieldList:{type:Array,default:()=>[]},qqConObjCount:{type:Number,default:0},filterApiConfig:{type:Object},appendValueConfig:{type:Object,default:()=>({})},isShowTitle:{type:Boolean,default:!1}},emits:["foldQuickSearch","onFilterSearch","handleReset","getFilterParam","itemChange"],setup(e,{expose:U,emit:W}){const $=e,{outQuickSearchFn:M}=b(),{isRender:z,getRenderSearchConObj:Y,isExistDefValByRenderWidget:G,resetRenderWidgetValue:H}=C(),{transformData:J,transformParams:K}=y(),X=t([]),Z=t(!1),ee=t([]),te=t([]);i(O,$.filterApiConfig),i(x,ee);const ie=l((()=>ne("hideQuickSearch"))),le=l((()=>ne("hideResetBtn")));function ae(e,t="name"){return e.alias||e[t]}function ne(e){return 0==$.showSettings[e]}function re(){W("foldQuickSearch",!0)}function oe(e={}){const t=ue()||[];!function(e,t,i=!1,l={}){let a=[];ee.value.length>0&&(a=A(ee.value));W("onFilterSearch",e,t,i,a,l)}(t,K(t),!0,e)}function se(e){W("itemChange",e)}function ue(){return function(e){if(!Array.isArray(e))return[];let t=[];for(let i=0;i<e.length;i++){let l=e[i];const a=Y(l);a&&t.push(a)}return t.filter((e=>e.value||Object.keys(e).includes("isAccurateSearch")))}(ee.value)}function ce(){!function(e){if(!Array.isArray(e))return;e.forEach((e=>{H(e)})),M.handlerInitSearchItem(e)}(ee.value),W("handleReset",{targetType:"outQuickSearchReset"})}return a((()=>$.searchFieldList),(e=>{e&&e.length>0&&function(){ee.value=[];let e=A(J($.searchFieldList,{_filterApiConfig:$.filterApiConfig})).filter((e=>1==e.isShowSearch&&1==e.filterExplicit));ee.value=e,M.handlerInitSearchItem(ee.value),ee.value.some((e=>z(e)?G(e):!!e.explicitDefaultVal))}()}),{immediate:!0,deep:!0}),a((()=>$.qqConObjCount),(e=>{const t=X.value.length||0;Z.value=t+Number(e)>0&&le.value}),{immediate:!0}),a((()=>ee),(()=>{X.value=ue()||[];const e=K(X.value);Z.value=X.value.length+Number($.qqConObjCount)>0&&le.value,W("getFilterParam",X.value,e),te.value.forEach((t=>t(e)))}),{immediate:!0,deep:!0}),a((()=>$.appendValueConfig),(e=>{if(j(e)&&Object.keys(e).length>0){const t=Object.keys(e);ee.value.forEach((i=>{t.includes(i.columnName)&&(i.value=e[i.columnName])}))}}),{immediate:!0,deep:!0}),U({handleReset:ce,getFilterParams:function(){const e=ue()||[];return K(e)},setFilterParams:function(e){const t=e?Object.keys(e):[];t.length>0&&ee.value.forEach((i=>{var l,a;if(z(i)&&t.includes(i.columnName)){const t=e[i.columnName];i.value=Array.isArray(t)&&!1===(null==(l=i.widgetCfg)?void 0:l.multiple)&&(null==(a=null==i?void 0:i.widgetCfg)?void 0:a.widgetType)!=F.SELECTDYNAMIC?t[0]:t}}))},getOriginalConfig:function(){return $.searchFieldList},onFilterChange:function(e){te.value.push(e)}}),(t,i)=>(n(),r("div",q,[o("div",R,[o("div",V,[o("ul",B,[s("  筛选分类插槽  "),u(t.$slots,"classification"),c(ie)?(n(),r("li",E,[d(c(k),{class:"search-default",type:"default",onClick:re},{default:f((()=>{var t;return[L,m((null==(t=window.getLanguageByCode)?void 0:t.call(window,"10010.1.278"))||"筛选"),e.qqConObjCount?(n(),r("span",N,"("+h(e.qqConObjCount)+")",1)):s("v-if",!0)]})),_:1})])):s("v-if",!0),s(" start--筛选外显--start "),(n(!0),r(v,null,g(ee.value,(t=>(n(),r(v,null,[t.isRender?(n(),r("li",{class:"baseli outQuickSearch-li",key:t._frontId},[o("div",Q,[e.isShowTitle&&ae(t,"title")?(n(),r("span",I,h(ae(t,"title"))+"：",1)):s("v-if",!0),d(p,{cfg:t,modelValue:t.value,"onUpdate:modelValue":e=>t.value=e,isAccurate:t.isAccurateSearchVal,"onUpdate:isAccurate":e=>t.isAccurateSearchVal=e,onOutFilterChange:oe,onItemChange:se},null,8,["cfg","modelValue","onUpdate:modelValue","isAccurate","onUpdate:isAccurate"])])])):s("v-if",!0)],64)))),256)),s(" end--筛选外显--end "),o("div",_,[s("  业务组件插槽  "),u(t.$slots,"modules")]),s(" 查询按钮 "),ee.value&&ee.value.length>0?(n(),r("li",P,[d(c(k),{type:"primary",onClick:oe},{default:f((()=>{var e;return[d(c(w),{component:c(S),size:"16",style:{"margin-right":"6px"}},null,8,["component"]),m((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.405"))||"查询")]})),_:1})])):s("v-if",!0),s(" 重置按钮 "),Z.value?(n(),r("li",T,[d(c(k),{onClick:ce},{default:f((()=>{var e;return[D,m((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.406"))||"重置")]})),_:1})])):s("v-if",!0),s("  业务按钮插槽  "),u(t.$slots,"buttons")])])])]))}});export{U as default};
+import { defineComponent, ref, provide, computed, watch, openBlock, createElementBlock, createElementVNode, createCommentVNode, renderSlot, unref, createVNode, withCtx, createTextVNode, toDisplayString, Fragment, renderList } from 'vue';
+import RenderWidget from '../../table-filter/src/components/render-widget/index.vue.js';
+import useMixins from '../../table-filter/src/hooks/useMixins.js';
+import useAdvanced from '../../table-filter/src/hooks/useAdvanced.js';
+import useRenderWidget from '../../table-filter/src/hooks/useRenderWidget.js';
+import { NButton, NIcon } from 'naive-ui';
+import { Search } from '@vicons/ionicons5';
+import { isObject, cloneDeep } from 'lodash-es';
+import { InjectionFilterApiConfig, InjectionFilterSearchConfig } from '../../table-filter/src/constants/index.js';
+import { WidgetTypeEnums } from '../../table-filter/src/types/enums.js';
+
+const _hoisted_1 = {
+  class: "base-search-block"
+};
+const _hoisted_2 = {
+  class: "base-container"
+};
+const _hoisted_3 = {
+  class: "bease-left"
+};
+const _hoisted_4 = {
+  class: "base-ul"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "baseli showQuickBtn"
+};
+const _hoisted_6 = /* @__PURE__ */ createElementVNode("i", {
+  class: "iconfont-table-filter icon-table-filter-shaixuan",
+  style: {
+    "color": "inherit",
+    "margin-right": "6px"
+  }
+}, null, -1);
+const _hoisted_7 = {
+  key: 0,
+  class: "qqConObjCount"
+};
+const _hoisted_8 = {
+  class: "base-row"
+};
+const _hoisted_9 = {
+  key: 0,
+  class: "title"
+};
+const _hoisted_10 = {
+  class: "baseli"
+};
+const _hoisted_11 = {
+  key: 1,
+  class: "baseli"
+};
+const _hoisted_12 = {
+  key: 2,
+  class: "baseli"
+};
+const _hoisted_13 = /* @__PURE__ */ createElementVNode("i", {
+  class: "iconfont-table-filter icon-table-filter-reset",
+  style: {
+    "margin-right": "6px"
+  }
+}, null, -1);
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    showSettings: {
+      type: Object,
+      default: () => ({
+        hideQuickSearch: 0,
+        hideResetBtn: 0
+      })
+    },
+    searchFieldList: {
+      type: Array,
+      default: () => []
+    },
+    qqConObjCount: {
+      type: Number,
+      default: 0
+    },
+    filterApiConfig: {
+      type: Object
+    },
+    appendValueConfig: {
+      type: Object,
+      default: () => ({})
+    },
+    isShowTitle: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: [
+    "foldQuickSearch",
+    "onFilterSearch",
+    "handleReset",
+    "getFilterParam",
+    "itemChange"
+  ],
+  setup(__props, {
+    expose,
+    emit
+  }) {
+    const props = __props;
+    const {
+      outQuickSearchFn
+    } = useMixins();
+    const {
+      isRender,
+      getRenderSearchConObj,
+      isExistDefValByRenderWidget,
+      resetRenderWidgetValue
+    } = useRenderWidget();
+    const {
+      transformData,
+      transformParams
+    } = useAdvanced();
+    const curConObj = ref([]);
+    const showResetFilterBtn = ref(false);
+    const outSearchFieldList = ref([]);
+    const filterChangeFnList = ref([]);
+    provide(InjectionFilterApiConfig, props.filterApiConfig);
+    provide(InjectionFilterSearchConfig, outSearchFieldList);
+    const showQuickSearch = computed(() => {
+      let showQuick = isShowSetting("hideQuickSearch");
+      return showQuick;
+    });
+    const showResetBtn = computed(() => {
+      let showReset = isShowSetting("hideResetBtn");
+      return showReset;
+    });
+    function handleName(item, key = "name") {
+      return item.alias || item[key];
+    }
+    function initOutSearchFieldList() {
+      outSearchFieldList.value = [];
+      let copyList = cloneDeep(transformData(props.searchFieldList, {
+        _filterApiConfig: props.filterApiConfig
+      }));
+      let mySearchFieldList = copyList.filter((item) => item.isShowSearch == 1 && item.filterExplicit == 1);
+      outSearchFieldList.value = mySearchFieldList;
+      outQuickSearchFn.handlerInitSearchItem(outSearchFieldList.value);
+      outSearchFieldList.value.some((v) => {
+        if (isRender(v)) {
+          return isExistDefValByRenderWidget(v);
+        }
+        return !!v.explicitDefaultVal;
+      });
+    }
+    function isShowSetting(v) {
+      return props.showSettings[v] == 0;
+    }
+    function foldQuickSearch() {
+      emit("foldQuickSearch", true);
+    }
+    function outFilterChange(config = {}) {
+      const conObj = getConObjParams() || [];
+      const transResult = transformParams(conObj);
+      onFilterSearch(conObj, transResult, true, config);
+    }
+    function handleItemChange(item) {
+      emit("itemChange", item);
+    }
+    function getConObjParams() {
+      return getConObj(outSearchFieldList.value);
+    }
+    function getConObj(arr) {
+      if (!Array.isArray(arr)) {
+        return [];
+      }
+      let conObj = [];
+      for (let i = 0; i < arr.length; i++) {
+        let item = arr[i];
+        const renderConObj = getRenderSearchConObj(item);
+        if (renderConObj) {
+          conObj.push(renderConObj);
+        }
+      }
+      let res = conObj.filter((item) => {
+        return item.value || Object.keys(item).includes("isAccurateSearch");
+      });
+      return res;
+    }
+    function onFilterSearch(obj, transResult, isOutFilter = false, config = {}) {
+      let copy = [];
+      if (outSearchFieldList.value.length > 0) {
+        copy = cloneDeep(outSearchFieldList.value);
+      }
+      emit("onFilterSearch", obj, transResult, isOutFilter, copy, config);
+    }
+    function handleReset() {
+      resetFunc(outSearchFieldList.value);
+      emit("handleReset", {
+        targetType: "outQuickSearchReset"
+      });
+    }
+    function resetFunc(arr) {
+      if (!Array.isArray(arr)) {
+        return;
+      }
+      arr.forEach((item) => {
+        resetRenderWidgetValue(item);
+      });
+      outQuickSearchFn.handlerInitSearchItem(arr);
+    }
+    function getFilterParams() {
+      const params = getConObjParams() || [];
+      const transResult = transformParams(params);
+      return transResult;
+    }
+    function setFilterParams(params) {
+      const keys = params ? Object.keys(params) : [];
+      if (keys.length > 0) {
+        outSearchFieldList.value.forEach((v) => {
+          var _a, _b;
+          if (isRender(v) && keys.includes(v.columnName)) {
+            const result = params[v.columnName];
+            v.value = Array.isArray(result) && ((_a = v.widgetCfg) == null ? void 0 : _a.multiple) === false && ((_b = v == null ? void 0 : v.widgetCfg) == null ? void 0 : _b.widgetType) != WidgetTypeEnums.SELECTDYNAMIC ? result[0] : result;
+          }
+        });
+      }
+    }
+    function getOriginalConfig() {
+      return props.searchFieldList;
+    }
+    function onFilterChange(fn) {
+      filterChangeFnList.value.push(fn);
+    }
+    watch(() => props.searchFieldList, (val) => {
+      if (val && val.length > 0) {
+        initOutSearchFieldList();
+      }
+    }, {
+      immediate: true,
+      deep: true
+    });
+    watch(() => props.qqConObjCount, (val) => {
+      const conObjLength = curConObj.value.length || 0;
+      showResetFilterBtn.value = conObjLength + Number(val) > 0 && showResetBtn.value;
+    }, {
+      immediate: true
+    });
+    watch(() => outSearchFieldList, () => {
+      curConObj.value = getConObjParams() || [];
+      const transResult = transformParams(curConObj.value);
+      showResetFilterBtn.value = curConObj.value.length + Number(props.qqConObjCount) > 0 && showResetBtn.value;
+      emit("getFilterParam", curConObj.value, transResult);
+      filterChangeFnList.value.forEach((fn) => fn(transResult));
+    }, {
+      immediate: true,
+      deep: true
+    });
+    watch(() => props.appendValueConfig, (config) => {
+      if (isObject(config) && Object.keys(config).length > 0) {
+        const configKeys = Object.keys(config);
+        outSearchFieldList.value.forEach((Field) => {
+          if (configKeys.includes(Field.columnName)) {
+            Field.value = config[Field.columnName];
+          }
+        });
+      }
+    }, {
+      immediate: true,
+      deep: true
+    });
+    expose({
+      handleReset,
+      getFilterParams,
+      setFilterParams,
+      getOriginalConfig,
+      onFilterChange
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createElementVNode("ul", _hoisted_4, [createCommentVNode("  \u7B5B\u9009\u5206\u7C7B\u63D2\u69FD  "), renderSlot(_ctx.$slots, "classification"), unref(showQuickSearch) ? (openBlock(), createElementBlock("li", _hoisted_5, [createVNode(unref(NButton), {
+        class: "search-default",
+        type: "default",
+        onClick: foldQuickSearch
+      }, {
+        default: withCtx(() => {
+          var _a;
+          return [_hoisted_6, createTextVNode(((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.278")) || "\u7B5B\u9009"), __props.qqConObjCount ? (openBlock(), createElementBlock("span", _hoisted_7, "(" + toDisplayString(__props.qqConObjCount) + ")", 1)) : createCommentVNode("v-if", true)];
+        }),
+        _: 1
+      })])) : createCommentVNode("v-if", true), createCommentVNode(" start--\u7B5B\u9009\u5916\u663E--start "), (openBlock(true), createElementBlock(Fragment, null, renderList(outSearchFieldList.value, (item) => {
+        return openBlock(), createElementBlock(Fragment, null, [item.isRender ? (openBlock(), createElementBlock("li", {
+          class: "baseli outQuickSearch-li",
+          key: item._frontId
+        }, [createElementVNode("div", _hoisted_8, [__props.isShowTitle && handleName(item, "title") ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(handleName(item, "title")) + "\uFF1A", 1)) : createCommentVNode("v-if", true), createVNode(RenderWidget, {
+          cfg: item,
+          modelValue: item.value,
+          "onUpdate:modelValue": ($event) => item.value = $event,
+          isAccurate: item.isAccurateSearchVal,
+          "onUpdate:isAccurate": ($event) => item.isAccurateSearchVal = $event,
+          onOutFilterChange: outFilterChange,
+          onItemChange: handleItemChange
+        }, null, 8, ["cfg", "modelValue", "onUpdate:modelValue", "isAccurate", "onUpdate:isAccurate"])])])) : createCommentVNode("v-if", true)], 64);
+      }), 256)), createCommentVNode(" end--\u7B5B\u9009\u5916\u663E--end "), createElementVNode("div", _hoisted_10, [createCommentVNode("  \u4E1A\u52A1\u7EC4\u4EF6\u63D2\u69FD  "), renderSlot(_ctx.$slots, "modules")]), createCommentVNode(" \u67E5\u8BE2\u6309\u94AE "), outSearchFieldList.value && outSearchFieldList.value.length > 0 ? (openBlock(), createElementBlock("li", _hoisted_11, [createVNode(unref(NButton), {
+        type: "primary",
+        onClick: outFilterChange
+      }, {
+        default: withCtx(() => {
+          var _a;
+          return [createVNode(unref(NIcon), {
+            component: unref(Search),
+            size: "16",
+            style: {
+              "margin-right": "6px"
+            }
+          }, null, 8, ["component"]), createTextVNode(((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.405")) || "\u67E5\u8BE2")];
+        }),
+        _: 1
+      })])) : createCommentVNode("v-if", true), createCommentVNode(" \u91CD\u7F6E\u6309\u94AE "), showResetFilterBtn.value ? (openBlock(), createElementBlock("li", _hoisted_12, [createVNode(unref(NButton), {
+        onClick: handleReset
+      }, {
+        default: withCtx(() => {
+          var _a;
+          return [_hoisted_13, createTextVNode(((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.406")) || "\u91CD\u7F6E")];
+        }),
+        _: 1
+      })])) : createCommentVNode("v-if", true), createCommentVNode("  \u4E1A\u52A1\u6309\u94AE\u63D2\u69FD  "), renderSlot(_ctx.$slots, "buttons")])])])]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/big-table/index.js

@@ -1 +1,15 @@
-import{COMPONENT_NAMESPACE as r}from"../../shared/global/variable.js";import{safeComponentRegister as i}from"../../shared/utils/index.js";import{expandXEUtils as o}from"../../shared/utils/utilExpand.js";import"../index.js";import s from"./src/BigTable.vue.js";import t from"../grid/index.js";const e=s;e.install=function(s){return i(s,e,r+"BigTable"),i(s,t,r+"Grid"),o()};export{e as default};
+import { COMPONENT_NAMESPACE } from '../../shared/global/variable.js';
+import { safeComponentRegister } from '../../shared/utils/index.js';
+import { expandXEUtils } from '../../shared/utils/utilExpand.js';
+import '../index.js';
+import script from './src/BigTable.vue.js';
+import Grid from '../grid/index.js';
+
+const BigTable = script;
+BigTable.install = function(app) {
+  safeComponentRegister(app, BigTable, COMPONENT_NAMESPACE + "BigTable");
+  safeComponentRegister(app, Grid, COMPONENT_NAMESPACE + "Grid");
+  return expandXEUtils();
+};
+
+export { BigTable as default };

package/es/components/big-table/src/BigTable.vue.js

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