cnhis-design-vue 3.1.17 → 3.1.18-beta.4

package/es/components/form-table/src/hooks/useItemDefault.js

@@ -0,0 +1,218 @@
+import XEUtils from 'xe-utils';
+import moment from 'moment';
+import { inject, onMounted, nextTick, computed } from 'vue';
+import { useBoundDate } from './useBoundDate.js';
+import { useFormCommon } from './useFormCommon.js';
+import { useFormEvent } from './useFormEvent.js';
+import { useValidate } from './useValidate.js';
+
+function useItemDefault({
+  message,
+  props,
+  emit: emit2
+}) {
+  const {
+    handleGetRules,
+    handlerSetIdCarInfoValidate,
+    getInputCheck,
+    getCustomRegular,
+    checkDigital,
+    checkAgeJson,
+    checkAge,
+    checkMultipleChoice,
+    checkLength,
+    checkinputBlank,
+    checkSearchCascade,
+    checkMultipleTree
+  } = useValidate({ message });
+  const {
+    handleSetFieldsValue,
+    handleCheckKeyInform,
+    handleGetJsonStr,
+    handlerGetDateType,
+    transformStr,
+    handleGetTargetList
+  } = useFormCommon(props);
+  const { handleGetOperationalKey, handleOperational } = useFormEvent(props, handleSetFieldsValue);
+  const {
+    isBoundDate,
+    handleDateClearBtn,
+    handleStartDateEndDate,
+    showTimePanel,
+    momentLib,
+    judgeTimeBoundary,
+    setTimeValue,
+    judgeTimeRange,
+    isSameDate,
+    setDefaultCurrent,
+    handleDefaultRimeRange,
+    judgeMinMaxDateIsSameDate,
+    handleDefaultTimeRange,
+    changeTimeDate,
+    setTimeRangeArr
+  } = useBoundDate(props, handlerGetDateType, handleSetFieldsValue);
+  const formTable = inject("formTable", {});
+  onMounted(async () => {
+    await nextTick();
+    defaultInit();
+  });
+  const hasErr = computed(() => {
+    var _a;
+    let key = `__${props.item.val_key}-errorMsg__`;
+    return (_a = props.item) == null ? void 0 : _a[key];
+  });
+  function handleGetUniqueKey(id) {
+    return props.cacheUniqueKey[id];
+  }
+  function handleSysParams(str) {
+    var _a, _b;
+    let p = {
+      form: { ...props.defaultValue },
+      sys: ((_b = (_a = props == null ? void 0 : props.userInfo) == null ? void 0 : _a.map) == null ? void 0 : _b.sysParams) || {},
+      db: { ...props.dbParams || {} }
+    };
+    str = XEUtils.handleSysParams(str, p);
+    if (!str && +str !== 0 || ["undefined", "null"].includes(str)) {
+      str = "";
+    }
+    return str;
+  }
+  function defaultInit() {
+    const { validate = {}, name, default_val, html_type } = props.item;
+    let targetStr = props.defaultValue[name] || default_val;
+    targetStr = handleSysParams(targetStr);
+    let isInitBlur = targetStr || String(targetStr) === "0";
+    if (html_type == "SEARCH_MORE") {
+      isInitBlur = false;
+    }
+    if (["last_menstrual"].includes(validate.obj_type)) ; else if (["birthday"].includes(validate.obj_type)) ; else if (isInitBlur) {
+      handleTableBlur({}, { eventType: "init" });
+    }
+  }
+  function handleTableBlur(e, config = {}) {
+    console.log("\u89E6\u53D1----handleTableBlur---handleTableBlur");
+    const { validate, html_type, val_key } = props.item;
+    let value = props.row[val_key];
+    let { validate: isValidate, errorMsg } = handleGetRules(value, props.item);
+    let key = `__${val_key}-errorMsg__`;
+    let err = errorMsg;
+    if (isValidate) {
+      err = void 0;
+    }
+    if (props.item.attr === "startDate" || props.item.attr === "endDate") {
+      isBoundDate(e, props.item);
+    }
+    if (["DIGITAL"].includes(html_type)) {
+      handleOperational(props.item);
+    }
+    Reflect.set(props.item, key, err);
+    emit2("tableBlur", props.item, props.row, config);
+    e == null ? void 0 : e.preventDefault();
+    e == null ? void 0 : e.stopPropagation();
+  }
+  function handleFormParams(str) {
+    const { row } = props;
+    if (!str)
+      return "";
+    return str.replace(/\${(.*?)\}/g, function() {
+      var pKey = arguments[1];
+      var pls = pKey.split("!");
+      var plsList = pls.slice(1);
+      var f = plsList.find((v) => v || +v === 0);
+      return row[pls[0]] || f || "";
+    });
+  }
+  function radioColor() {
+    return function(p, isOnlyRead) {
+      let def = isOnlyRead ? "#212121" : "rgba(0, 0, 0, 0.65)";
+      return (p == null ? void 0 : p.color) || def;
+    };
+  }
+  function handleGetAgeUnit(ageInfo = {}) {
+    if (Object.keys(ageInfo || {}).length === 0) {
+      return;
+    }
+    const list = ["year", "month", "day"];
+    return list.find((v) => ageInfo[v] > 0) || "day";
+  }
+  function handleAgeToBirthDay(val, f, item) {
+    const fn = (val2, key) => moment().subtract(val2, key);
+    let curVal = fn(val, f);
+    if (!Reflect.get(curVal, "_isAMomentObject"))
+      return;
+    let mapList = handleGetTargetList(item);
+    let target = mapList.find((v) => v.validate && v.validate.obj_type == "birthday");
+    if (target) {
+      handleSetFieldsValue({
+        [target.val_key]: curVal
+      });
+    }
+  }
+  function changeAgeSelect(val, item) {
+    const values = val.toLowerCase();
+    const matchAgeItem = props.defaultFieldList.find((v) => {
+      var _a;
+      return v.html_type == "AGE" && ((_a = v.validate) == null ? void 0 : _a.obj_type) == "age";
+    });
+    if (matchAgeItem && matchAgeItem.isFillAge) {
+      const mapList = props.defaultFieldList;
+      mapList.forEach((v) => {
+        const { validate, html_type } = v;
+        if (validate && validate.obj_type == "age" && html_type == "AGE") {
+          item.ageRes = v.ageRes;
+          handleSetFieldsValue({
+            [v.val_key]: v.ageRes[values]
+          });
+        }
+      });
+    } else {
+      handleSetFieldsValue({});
+    }
+    nextTick(() => {
+      handleTableBlur();
+    });
+  }
+  return {
+    formTable,
+    hasErr,
+    handleGetJsonStr,
+    handleSetFieldsValue,
+    handleGetUniqueKey,
+    handleSysParams,
+    defaultInit,
+    handleTableBlur,
+    handleFormParams,
+    radioColor,
+    handleGetAgeUnit,
+    handleAgeToBirthDay,
+    changeAgeSelect,
+    handlerSetIdCarInfoValidate,
+    getInputCheck,
+    getCustomRegular,
+    checkDigital,
+    checkAgeJson,
+    checkAge,
+    checkMultipleChoice,
+    checkLength,
+    checkinputBlank,
+    handlerGetDateType,
+    checkSearchCascade,
+    checkMultipleTree,
+    handleDateClearBtn,
+    handleStartDateEndDate,
+    showTimePanel,
+    momentLib,
+    judgeTimeBoundary,
+    setTimeValue,
+    judgeTimeRange,
+    isSameDate,
+    setDefaultCurrent,
+    handleDefaultRimeRange,
+    judgeMinMaxDateIsSameDate,
+    handleDefaultTimeRange,
+    changeTimeDate,
+    setTimeRangeArr
+  };
+}
+
+export { useItemDefault };

package/es/components/form-table/src/hooks/useSearch.d.ts

@@ -0,0 +1,165 @@
+import { AnyObject, Func } from '../../../../../es/shared/types';
+import { Ref } from 'vue';
+import { MessageInstance } from '../../../../../es/components/form-table/src/types';
+export declare function useSearch({ loadDataPrimary_key, optionsRequestSource, axios, $qs, dropdownHide, curAddBtnItem, message, Choose_to_complete, noAllow_check_mid_level, selsectVisible, baseForm, refs, $t, $_handleTracherLog, open, wrapperRef, props, emit }: {
+    wrapperRef: Ref<HTMLElement | null>;
+    refs: Array<HTMLElement>;
+    baseForm: Ref<AnyObject>;
+    curAddBtnItem: Ref;
+    dropdownHide: Ref<boolean>;
+    open: Ref<boolean>;
+    $_handleTracherLog: Func;
+    $t: Func;
+    $qs: any;
+    axios: any;
+    loadDataPrimary_key: Ref;
+    optionsRequestSource: Ref;
+    message: MessageInstance;
+    Choose_to_complete: Ref<boolean>;
+    noAllow_check_mid_level: Ref<boolean>;
+    selsectVisible: Ref<boolean>;
+    props: AnyObject;
+    emit: Func;
+}): {
+    VNodes: {
+        (props: any): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>;
+        props: string[];
+    };
+    fetching: Ref<boolean>;
+    timeout: any;
+    curOptions: Ref<any[]>;
+    selectedOptions: Ref<any[]>;
+    levelNum: Ref<number>;
+    cascaderInitLabel: Ref<boolean>;
+    defList: Ref<any[]>;
+    panelOpen: Ref<boolean>;
+    searchAddObj: Ref<AnyObject>;
+    searchPageConfig: Ref<{
+        keyword: undefined;
+        isFetching: boolean;
+        isRequest: boolean;
+        hasNextPage: boolean;
+        page: number;
+        total: number;
+    }>;
+    optionsMaxWidth: Ref<string>;
+    cacheReqOptionsParams: Ref<string>;
+    hotSearchConfig: Ref<{
+        hotList: never[];
+        latestList: never[];
+        isRequest: boolean;
+        isclose: boolean;
+    }>;
+    searchShowHotList: Ref<boolean>;
+    showHotSearchConfig: import("vue").ComputedRef<true | 0>;
+    showSearchEmpty: import("vue").ComputedRef<boolean>;
+    selectIsOpen: import("vue").ComputedRef<boolean>;
+    isnoPages: import("vue").ComputedRef<boolean>;
+    init: () => void;
+    hanldeInitSearchMoreVal: (i: any, v?: any) => Promise<void>;
+    getSearchDefParams: (keyword: any, itemData?: any, other?: any) => {
+        pageSize?: number | undefined;
+        primaryKey?: any;
+        levelKey?: any;
+        wordbookId: any;
+        autograph: any;
+        wordbookType: any;
+        preConObj: string | undefined;
+        conObj: string | undefined;
+        preSqlExpression: any;
+        sqlExpression: any;
+        fieldKeys: string | undefined;
+        keyword: any;
+        page: number;
+    };
+    getCascadeParams: (params: any, itemData: any, otherConfig: any, defFalg: any) => any;
+    handleRowUnique: (rows: any, itemData: any, uniqueConfig?: any) => any;
+    handleGetSearchDefVal: (defFalg: any, rowData: any, itemData: any, uniqueConfig?: any) => void;
+    handleRequestedOptions: (itemData?: any, keyword?: any, defFalg?: any, otherConfig?: any) => Promise<any>;
+    handleFreeEntry: (option?: any) => void;
+    formatField: (value: any) => any;
+    formatFieldValue: (value: any) => any;
+    getTitleHeader: (fieldList: any, renderKey: any) => string;
+    handleRequestedUniqueKey: (id: any) => Promise<unknown>;
+    dealDictionatySearch: (val: any) => void;
+    handleMultipleSearch: (val: any, itemData: any) => void;
+    multipleSelect: (e: any, item: any) => void;
+    multipleDeselect: (e: any, item: any) => void;
+    handlerAddOptions: (data: any, item: any) => void;
+    searchMoreOnChange: (value: any, item: any) => void;
+    handleFormCascade: (list?: any, v?: any, level?: any) => void;
+    hanldeGetCascadelabel: (v?: any, k?: any) => string;
+    handleCascaderChange: (option: any, item: any) => void;
+    handleCascaderFilter: (inputValue: any, path: any) => any;
+    handleCascadeLoadData: (selectedOptions: any) => Promise<void>;
+    handlerDropdownVisibleChange: (e: any, data: any) => void;
+    hanlderGetSearchLabel: (config: any, v: any) => any;
+    hanlderSendSelectLog: (item: any, value: any) => void;
+    handleSearchSelect: (e: any, option: any, type?: any, eventConfig?: any) => void;
+    handleSearchChangePage: (type?: any) => void;
+    handleCalculateOptionsMaxWidth: () => void;
+    handlerSearchOnFocus: (item: any) => void;
+    handleQueryParams: (formData: any, queryParams: any) => {};
+    hideHotSearch: Ref<boolean>;
+    confirmSelect: ({ value, selectRow, myUniqueKey }: any) => void;
+    hanldeRemoveDuplicates: (list?: any, config?: any) => any[];
+    getFormValue: () => any;
+    cancelOptionsRequest: () => void;
+    getHotSearchConfig: () => void;
+    handleSelectHotKeyword: (key: any) => void;
+    hanldeClearLately: () => void;
+    closeHotSearch: () => void;
+    handleSearchTracher: (item: any, obj?: any) => void;
+    hanldercheckOption: (data: any) => any;
+    handleSearchScrollTop: (item: any) => void;
+    handleCascaderTracher: () => void;
+    handleSearchBlur: () => void;
+    curMultipleSelected: Ref<any[]>;
+    formTable: AnyObject;
+    hasErr: import("vue").ComputedRef<any>;
+    handleGetJsonStr: (str: string | AnyObject) => AnyObject;
+    handleSetFieldsValue: (setObj?: AnyObject, target?: any) => void;
+    handleGetUniqueKey: (id: string) => any;
+    handleSysParams: (str: string) => string;
+    defaultInit: () => void;
+    handleTableBlur: (e?: AnyObject | undefined, config?: AnyObject) => void;
+    handleFormParams: (str: string) => string;
+    radioColor: () => (p: AnyObject, isOnlyRead?: boolean | undefined) => any;
+    handleGetAgeUnit: (ageInfo?: AnyObject) => string | undefined;
+    handleAgeToBirthDay: (val: number, f: string, item: AnyObject) => void;
+    changeAgeSelect: (val: string, item: AnyObject) => void;
+    handlerSetIdCarInfoValidate: (value: any, item: AnyObject, callback: Func<any[], any>) => void;
+    getInputCheck: (validate?: string | undefined) => {
+        pattern: RegExp;
+        message: string;
+    } | undefined;
+    getCustomRegular: (item: AnyObject) => {
+        pattern: RegExp;
+        message: any;
+    } | null;
+    checkDigital: import("../../../../../es/components/form-table/src/types").ValidateFunc;
+    checkAgeJson: import("../../../../../es/components/form-table/src/types").ValidateFunc;
+    checkAge: import("../../../../../es/components/form-table/src/types").ValidateFunc;
+    checkMultipleChoice: import("../../../../../es/components/form-table/src/types").ValidateFunc;
+    checkLength: import("../../../../../es/components/form-table/src/types").ValidateFunc;
+    checkinputBlank: import("../../../../../es/components/form-table/src/types").ValidateFunc;
+    handlerGetDateType: (data: AnyObject) => any;
+    checkSearchCascade: import("../../../../../es/components/form-table/src/types").ValidateFunc;
+    checkMultipleTree: import("../../../../../es/components/form-table/src/types").ValidateFunc;
+    handleDateClearBtn: (v: any, item: AnyObject) => void;
+    handleStartDateEndDate: (item: AnyObject) => void;
+    showTimePanel: (item: AnyObject) => boolean;
+    momentLib: (date_format: string) => any;
+    judgeTimeBoundary: (time: any, item: AnyObject) => void;
+    setTimeValue: (time: any, item: AnyObject) => void;
+    judgeTimeRange: (time: any, item: AnyObject) => AnyObject | undefined;
+    isSameDate: (curDate: any, compareMin: any, compareMax: any) => AnyObject;
+    setDefaultCurrent: (compareItem: AnyObject, currTime: any) => void;
+    handleDefaultRimeRange: (time: any, item: AnyObject) => void;
+    judgeMinMaxDateIsSameDate: (item: AnyObject) => boolean;
+    handleDefaultTimeRange: (time: any, item: any, chooseDate?: any) => {};
+    changeTimeDate: (time: any, minTime: any, maxTime: any, item: AnyObject) => {};
+    setTimeRangeArr: (hMin: any, HMax: any, mMin: any, mMax: any, sMin: any, sMax: any) => Required<Partial<Record<"hArr" | "mArr" | "sArr", [any, any]>>>;
+};