cnhis-design-vue 3.1.40-beta.12 → 3.1.40-beta.16

package/es/components/table-filter/src/components/classify-filter/ValueCfg.vue.js

@@ -1,114 +1 @@
-import { defineComponent, computed, openBlock, createElementBlock, unref, createBlock, isRef, createCommentVNode, Fragment, createVNode } from 'vue';
-import { NInputNumber, NInput, NSelect, NDatePicker } from 'naive-ui';
-import { WidgetTypeEnums, WidgetValEnums, WidgetOptionEnums } from '../../types/enums.js';
-import { generateDefOptionsInApi } from '../../tool/generateDefOptions.js';
-import _export_sfc from '../../../../../_virtual/plugin-vue_export-helper.js';
-
-const _hoisted_1 = { class: "value-cfg_wrapper" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ValueCfg",
-  props: {
-    paramCfg: {
-      type: Object,
-      default: null
-    },
-    modelValue: {
-      type: [String, Number, Array],
-      default: null
-    },
-    presetVal: {
-      type: String,
-      default: null
-    }
-  },
-  emits: [
-    "update:modelValue",
-    "update:presetVal"
-  ],
-  setup(__props, { emit }) {
-    const props = __props;
-    const valueCp = computed({
-      set(val) {
-        emit("update:modelValue", val);
-      },
-      get() {
-        return props.modelValue;
-      }
-    });
-    const presetValCp = computed({
-      set(val) {
-        emit("update:presetVal", val);
-      },
-      get() {
-        return props.presetVal;
-      }
-    });
-    const widgetType = computed(() => {
-      var _a;
-      return (_a = props.paramCfg) == null ? void 0 : _a.type;
-    });
-    const optionSetting = computed(() => {
-      var _a;
-      return (_a = props.paramCfg) == null ? void 0 : _a.optionSetting;
-    });
-    const mappingConfig = computed(() => {
-      var _a;
-      return (_a = props.paramCfg) == null ? void 0 : _a.mappingConfig;
-    });
-    const widgetOptions = computed(() => {
-      const options = generateDefOptionsInApi(widgetType.value, mappingConfig.value).slice(0);
-      if (widgetType.value === WidgetTypeEnums.DATE || widgetType.value === WidgetTypeEnums.DATE_TIME) {
-        options.unshift({ label: "\u81EA\u5B9A\u4E49\u8F93\u5165", value: WidgetValEnums.CUSTOM });
-      }
-      return options;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        unref(widgetType) === unref(WidgetTypeEnums).INPUT_NUMBER ? (openBlock(), createBlock(unref(NInputNumber), {
-          key: 0,
-          class: "form-item",
-          value: unref(valueCp),
-          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(valueCp) ? valueCp.value = $event : null)
-        }, null, 8, ["value"])) : createCommentVNode("v-if", true),
-        unref(widgetType) === unref(WidgetTypeEnums).INPUT ? (openBlock(), createBlock(unref(NInput), {
-          key: 1,
-          value: unref(valueCp),
-          "onUpdate:value": _cache[1] || (_cache[1] = ($event) => isRef(valueCp) ? valueCp.value = $event : null),
-          maxlength: "255",
-          clearable: ""
-        }, null, 8, ["value"])) : createCommentVNode("v-if", true),
-        unref(widgetType) === unref(WidgetTypeEnums).SELECT ? (openBlock(), createBlock(unref(NSelect), {
-          key: 2,
-          style: { "width": "120px" },
-          class: "form-item",
-          value: unref(valueCp),
-          "onUpdate:value": _cache[2] || (_cache[2] = ($event) => isRef(valueCp) ? valueCp.value = $event : null),
-          filterable: "",
-          options: unref(widgetOptions),
-          multiple: unref(optionSetting) === unref(WidgetOptionEnums).MULTIPLE,
-          maxTagCount: 1
-        }, null, 8, ["value", "options", "multiple"])) : createCommentVNode("v-if", true),
-        unref(widgetType) === unref(WidgetTypeEnums).DATE || unref(widgetType) === unref(WidgetTypeEnums).DATE_TIME ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
-          createVNode(unref(NSelect), {
-            style: { "width": "120px" },
-            class: "form-item",
-            value: unref(presetValCp),
-            "onUpdate:value": _cache[3] || (_cache[3] = ($event) => isRef(presetValCp) ? presetValCp.value = $event : null),
-            options: unref(widgetOptions)
-          }, null, 8, ["value", "options"]),
-          unref(presetValCp) === unref(WidgetValEnums).CUSTOM ? (openBlock(), createBlock(unref(NDatePicker), {
-            key: 0,
-            class: "form-item",
-            type: unref(widgetType).toLowerCase(),
-            format: "yyyy-MM-dd HH:mm:ss",
-            "formatted-value": unref(valueCp),
-            "onUpdate:formatted-value": _cache[4] || (_cache[4] = ($event) => isRef(valueCp) ? valueCp.value = $event : null)
-          }, null, 8, ["type", "formatted-value"])) : createCommentVNode("v-if", true)
-        ], 64)) : createCommentVNode("v-if", true)
-      ]);
-    };
-  }
-});
-var ValueCfg = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "ValueCfg.vue"]]);
-
-export { ValueCfg as default };
+import{defineComponent as e,computed as l,openBlock as a,createElementBlock as t,unref as u,createBlock as r,isRef as o,createCommentVNode as p,Fragment as n,createVNode as v}from"vue";import{NInputNumber as i,NInput as m,NSelect as s,NDatePicker as f}from"naive-ui";import{WidgetTypeEnums as d,WidgetValEnums as y,WidgetOptionEnums as g}from"../../types/enums.js";import{generateDefOptionsInApi as T}from"../../tool/generateDefOptions.js";import c from"../../../../../_virtual/plugin-vue_export-helper.js";const C={class:"value-cfg_wrapper"};var U=c(e({__name:"ValueCfg",props:{paramCfg:{type:Object,default:null},modelValue:{type:[String,Number,Array],default:null},presetVal:{type:String,default:null}},emits:["update:modelValue","update:presetVal"],setup(e,{emit:c}){const U=e,E=l({set(e){c("update:modelValue",e)},get:()=>U.modelValue}),V=l({set(e){c("update:presetVal",e)},get:()=>U.presetVal}),_=l((()=>{var e;return null==(e=U.paramCfg)?void 0:e.type})),M=l((()=>{var e;return null==(e=U.paramCfg)?void 0:e.optionSetting})),x=l((()=>{var e;return null==(e=U.paramCfg)?void 0:e.mappingConfig})),S=l((()=>{const e=T(_.value,x.value).slice(0);return _.value!==d.DATE&&_.value!==d.DATE_TIME||e.unshift({label:"自定义输入",value:y.CUSTOM}),e}));return(e,l)=>(a(),t("div",C,[u(_)===u(d).INPUT_NUMBER?(a(),r(u(i),{key:0,class:"form-item",value:u(E),"onUpdate:value":l[0]||(l[0]=e=>o(E)?E.value=e:null)},null,8,["value"])):p("v-if",!0),u(_)===u(d).INPUT?(a(),r(u(m),{key:1,value:u(E),"onUpdate:value":l[1]||(l[1]=e=>o(E)?E.value=e:null),maxlength:"255",clearable:""},null,8,["value"])):p("v-if",!0),u(_)===u(d).SELECT?(a(),r(u(s),{key:2,style:{width:"120px"},class:"form-item",value:u(E),"onUpdate:value":l[2]||(l[2]=e=>o(E)?E.value=e:null),filterable:"",options:u(S),multiple:u(M)===u(g).MULTIPLE,maxTagCount:1},null,8,["value","options","multiple"])):p("v-if",!0),u(_)===u(d).DATE||u(_)===u(d).DATE_TIME?(a(),t(n,{key:3},[v(u(s),{style:{width:"120px"},class:"form-item",value:u(V),"onUpdate:value":l[3]||(l[3]=e=>o(V)?V.value=e:null),options:u(S)},null,8,["value","options"]),u(V)===u(y).CUSTOM?(a(),r(u(f),{key:0,class:"form-item",type:u(_).toLowerCase(),format:"yyyy-MM-dd HH:mm:ss","formatted-value":u(E),"onUpdate:formatted-value":l[4]||(l[4]=e=>o(E)?E.value=e:null)},null,8,["type","formatted-value"])):p("v-if",!0)],64)):p("v-if",!0)]))}}),[["__file","ValueCfg.vue"]]);export{U as default};

package/es/components/table-filter/src/components/classify-filter/helpers/options.js

@@ -1,14 +1 @@
-import { ConditionEnums } from '../../../types/enums.js';
-
-const conditionOptions = [
-  {
-    label: "\u81EA\u5B9A\u4E49",
-    value: ConditionEnums.EQUAL
-  },
-  {
-    label: "\u4E3A\u7A7A",
-    value: ConditionEnums.NULL
-  }
-];
-
-export { conditionOptions };
+import{ConditionEnums as e}from"../../../types/enums.js";const l=[{label:"自定义",value:e.EQUAL},{label:"为空",value:e.NULL}];export{l as conditionOptions};

package/es/components/table-filter/src/components/classify-filter/hooks/useDisplayCategory.js

@@ -1,87 +1 @@
-import { reactive, computed } from 'vue';
-import { useMessage } from 'naive-ui';
-
-const $message = useMessage();
-const useDisplayCategory = (selectedDisplayCategory, { conditionList }) => {
-  const State = reactive({
-    displayCategories: [],
-    displayCategoryOriginLen: 0,
-    showAdd: false,
-    addDisplayCategory: ""
-  });
-  const isEnableAddDisplayCategory = computed(() => {
-    return State.displayCategories.length === State.displayCategoryOriginLen;
-  });
-  const editDisplayCategory = (e, item) => {
-    item.disabled = false;
-    setTimeout(() => {
-      e.target.focus();
-    }, 0);
-  };
-  const handleDisplayCategorySelect = (item) => {
-    if (!item.disabled)
-      return;
-    if (selectedDisplayCategory.value === item.value) {
-      selectedDisplayCategory.value = "";
-    } else {
-      selectedDisplayCategory.value = item.value;
-    }
-  };
-  const handleDisplayCategoryRemove = (index, item) => {
-    if (!conditionList.value || !conditionList.value.length) {
-      State.displayCategories.splice(index, 1);
-      return;
-    }
-    const hasItem = conditionList.value.filter((v) => v.displayCategory === item.value);
-    if (!hasItem || !hasItem.length) {
-      State.displayCategories.splice(index, 1);
-      return;
-    }
-    $message.error("\u8BE5\u5206\u7C7B\u4E0B\u6709\u5DF2\u6709\u6570\u636E\uFF0C\u8BF7\u5220\u9664\u8BE5\u5206\u7C7B\u4E0B\u7684\u7B5B\u9009\u96C6\u540E\u91CD\u8BD5\uFF01");
-  };
-  const handleDisplayCategoryAdd = (e) => {
-    var _a;
-    const nextInput = (_a = e == null ? void 0 : e.target) == null ? void 0 : _a.nextElementSibling;
-    setTimeout(() => {
-      nextInput && nextInput.focus();
-    });
-    State.showAdd = true;
-  };
-  const handlerBlur = () => {
-    State.showAdd = false;
-    if (!State.addDisplayCategory)
-      return;
-    State.displayCategories.push({
-      disabled: true,
-      value: State.addDisplayCategory
-    });
-    selectedDisplayCategory.value = State.addDisplayCategory;
-    State.addDisplayCategory = "";
-  };
-  const initDisplayCategories = (rawDataDisplayCategories, displayCategory) => {
-    const displayCategories = [];
-    rawDataDisplayCategories.forEach((item) => {
-      if (item !== "\u672A\u5206\u7C7B") {
-        displayCategories.push({
-          disabled: true,
-          value: item
-        });
-      }
-    });
-    State.displayCategories = displayCategories;
-    State.displayCategoryOriginLen = State.displayCategories.length;
-    selectedDisplayCategory.value = displayCategory;
-  };
-  return {
-    State,
-    isEnableAddDisplayCategory,
-    editDisplayCategory,
-    handleDisplayCategorySelect,
-    handleDisplayCategoryRemove,
-    handleDisplayCategoryAdd,
-    handlerBlur,
-    initDisplayCategories
-  };
-};
-
-export { useDisplayCategory };
+import{reactive as e,computed as a}from"vue";import{useMessage as i}from"naive-ui";const l=i(),t=(i,{conditionList:t})=>{const s=e({displayCategories:[],displayCategoryOriginLen:0,showAdd:!1,addDisplayCategory:""}),d=a((()=>s.displayCategories.length===s.displayCategoryOriginLen));return{State:s,isEnableAddDisplayCategory:d,editDisplayCategory:(e,a)=>{a.disabled=!1,setTimeout((()=>{e.target.focus()}),0)},handleDisplayCategorySelect:e=>{e.disabled&&(i.value===e.value?i.value="":i.value=e.value)},handleDisplayCategoryRemove:(e,a)=>{if(!t.value||!t.value.length)return void s.displayCategories.splice(e,1);const i=t.value.filter((e=>e.displayCategory===a.value));i&&i.length?l.error("该分类下有已有数据，请删除该分类下的筛选集后重试！"):s.displayCategories.splice(e,1)},handleDisplayCategoryAdd:e=>{var a;const i=null==(a=null==e?void 0:e.target)?void 0:a.nextElementSibling;setTimeout((()=>{i&&i.focus()})),s.showAdd=!0},handlerBlur:()=>{s.showAdd=!1,s.addDisplayCategory&&(s.displayCategories.push({disabled:!0,value:s.addDisplayCategory}),i.value=s.addDisplayCategory,s.addDisplayCategory="")},initDisplayCategories:(e,a)=>{const l=[];e.forEach((e=>{"未分类"!==e&&l.push({disabled:!0,value:e})})),s.displayCategories=l,s.displayCategoryOriginLen=s.displayCategories.length,i.value=a}}};export{t as useDisplayCategory};

package/es/components/table-filter/src/components/classify-filter/hooks/useFilterConditions.js

@@ -1,147 +1 @@
-import { reactive, computed, toRaw, unref } from 'vue';
-import { ConditionEnums, WidgetTypeEnums, WidgetOptionEnums } from '../../../types/enums.js';
-import { transformConditions, transformRawConditions, transformDataToFront } from '../../../tool/transformData.js';
-
-const getTableAdvancedFilterCfg = async (tableListId) => {
-  return await [
-    {
-      "name": "ruleCode",
-      "title": "\u89C4\u5219\u6807\u8BC6",
-      "dataType": "TEXT",
-      "type": "TEXT",
-      "isShowSearch": true,
-      "filterExplicit": false,
-      "explicitRequired": false
-    },
-    {
-      "name": "batchNumber",
-      "title": "\u6279\u6B21\u53F7",
-      "dataType": "TEXT",
-      "type": "TEXT",
-      "isShowSearch": true,
-      "filterExplicit": true,
-      "explicitRequired": false
-    },
-    {
-      "name": "result",
-      "title": "\u6267\u884C\u7ED3\u679C",
-      "dataType": "TEXT",
-      "type": "SELECT",
-      "optionType": "SELECT_SINGLE",
-      "isShowSearch": true,
-      "filterExplicit": true,
-      "explicitRequired": false,
-      "optionInfo": {
-        "list": [
-          {
-            "name": "\u6210\u529F\u4E0B\u62C9\u6846",
-            "value": "true"
-          },
-          {
-            "name": "\u5931\u8D25\u4E0B\u62C9\u6846",
-            "value": "false"
-          }
-        ]
-      }
-    },
-    {
-      "name": "startTime",
-      "title": "\u5F00\u59CB\u65F6\u95F4",
-      "dataType": "DATE",
-      "type": "DATE",
-      "isShowSearch": true,
-      "filterExplicit": true,
-      "explicitRequired": false,
-      "defaultValue": {
-        "unit": "THIS_WEEK_START"
-      }
-    },
-    {
-      "name": "endTime",
-      "title": "\u7ED3\u675F\u65F6\u95F4",
-      "dataType": "DATETIME",
-      "type": "DATETIME",
-      "isShowSearch": true,
-      "filterExplicit": true,
-      "explicitRequired": false,
-      "defaultValue": {
-        "unit": "THIS_WEEK_END"
-      }
-    },
-    {
-      "name": "keyword",
-      "title": "\u5173\u952E\u5B57",
-      "dataType": "TEXT",
-      "type": "TEXT",
-      "isShowSearch": true,
-      "filterExplicit": true,
-      "explicitRequired": false
-    }
-  ];
-};
-const useFilterConditions = (filterConditions, dataType) => {
-  const State = reactive({
-    params: []
-  });
-  const paramOptions = computed(
-    () => State.params.map(({ p_name, title }) => ({ label: title || p_name, value: p_name }))
-  );
-  const getParamCfg = (key) => {
-    const item = State.params.find((i) => i.p_name === key);
-    return item;
-  };
-  const clearByCondition = (filterCondition) => {
-    const cfg = getParamCfg(filterCondition.key);
-    filterCondition.value = (cfg == null ? void 0 : cfg.type) === WidgetTypeEnums.SELECT && (cfg == null ? void 0 : cfg.optionSetting) === WidgetOptionEnums.MULTIPLE ? [] : null;
-    filterCondition.timeVal = null;
-  };
-  const updateCondition = (index, val) => {
-    const filterCondition = filterConditions.value[index];
-    if (filterCondition) {
-      filterCondition.condition = val;
-      clearByCondition(filterCondition);
-    }
-  };
-  const updateKey = (index, val) => {
-    const filterCondition = filterConditions.value[index];
-    if (filterCondition) {
-      filterCondition.key = val;
-      updateCondition(index, ConditionEnums.EQUAL);
-    }
-  };
-  const addFilterCondition = () => {
-    filterConditions.value.push({ key: null, condition: null, value: null, presetVal: null });
-  };
-  const delFilterCondition = (index) => {
-    filterConditions.value.splice(index, 1);
-  };
-  const getParamsData = async (tableId) => {
-    try {
-      const advancedFilterRawData = await getTableAdvancedFilterCfg(tableId);
-      return transformDataToFront(dataType, advancedFilterRawData);
-    } catch (e) {
-      return [];
-    }
-  };
-  const initFilterConditions = async (tableId, rawConditions) => {
-    const params = await getParamsData(tableId);
-    State.params = params;
-    filterConditions.value = transformConditions(rawConditions, toRaw(State.params));
-  };
-  const getRawFilterConditions = () => {
-    return transformRawConditions(unref(filterConditions));
-  };
-  return {
-    State,
-    paramOptions,
-    addFilterCondition,
-    delFilterCondition,
-    updateKey,
-    updateCondition,
-    getParamCfg,
-    initFilterConditions,
-    getRawFilterConditions
-  };
-};
-
-export { getTableAdvancedFilterCfg, useFilterConditions };
+import{reactive as e,computed as t,toRaw as i,unref as a}from"vue";import{ConditionEnums as l,WidgetTypeEnums as n,WidgetOptionEnums as r}from"../../../types/enums.js";import{transformConditions as o,transformRawConditions as p,transformDataToFront as u}from"../../../tool/transformData.js";const T=async e=>await([{name:"ruleCode",title:"规则标识",dataType:"TEXT",type:"TEXT",isShowSearch:!0,filterExplicit:!1,explicitRequired:!1},{name:"batchNumber",title:"批次号",dataType:"TEXT",type:"TEXT",isShowSearch:!0,filterExplicit:!0,explicitRequired:!1},{name:"result",title:"执行结果",dataType:"TEXT",type:"SELECT",optionType:"SELECT_SINGLE",isShowSearch:!0,filterExplicit:!0,explicitRequired:!1,optionInfo:{list:[{name:"成功下拉框",value:"true"},{name:"失败下拉框",value:"false"}]}},{name:"startTime",title:"开始时间",dataType:"DATE",type:"DATE",isShowSearch:!0,filterExplicit:!0,explicitRequired:!1,defaultValue:{unit:"THIS_WEEK_START"}},{name:"endTime",title:"结束时间",dataType:"DATETIME",type:"DATETIME",isShowSearch:!0,filterExplicit:!0,explicitRequired:!1,defaultValue:{unit:"THIS_WEEK_END"}},{name:"keyword",title:"关键字",dataType:"TEXT",type:"TEXT",isShowSearch:!0,filterExplicit:!0,explicitRequired:!1}]),s=(s,c)=>{const E=e({params:[]}),d=t((()=>E.params.map((({p_name:e,title:t})=>({label:t||e,value:e}))))),m=e=>E.params.find((t=>t.p_name===e)),y=(e,t)=>{const i=s.value[e];i&&(i.condition=t,(e=>{const t=m(e.key);e.value=(null==t?void 0:t.type)===n.SELECT&&(null==t?void 0:t.optionSetting)===r.MULTIPLE?[]:null,e.timeVal=null})(i))};return{State:E,paramOptions:d,addFilterCondition:()=>{s.value.push({key:null,condition:null,value:null,presetVal:null})},delFilterCondition:e=>{s.value.splice(e,1)},updateKey:(e,t)=>{const i=s.value[e];i&&(i.key=t,y(e,l.EQUAL))},updateCondition:y,getParamCfg:m,initFilterConditions:async(e,t)=>{const a=await(async e=>{try{const e=await T();return u(c,e)}catch(e){return[]}})();E.params=a,s.value=o(t,i(E.params))},getRawFilterConditions:()=>p(a(s))}};export{T as getTableAdvancedFilterCfg,s as useFilterConditions};