cnhis-design-vue 3.1.40-release.4 → 3.1.40-release.6

package/es/components/form-render/src/components/renderer/date.js

@@ -1,171 +0,0 @@
-import { defineComponent, computed, watch, createVNode, mergeProps } from 'vue';
-import { generateTimeFormat } from '../../../../../shared/utils/index.js';
-import { connect, mapProps } from '@formily/vue';
-import { isObject } from '@vueuse/core';
-import { format } from 'date-fns';
-import { NDatePicker } from 'naive-ui';
-import { useCommonInjection } from '../../hooks/useCommonInjection.js';
-import '../../utils/index.js';
-import { assignUpdateValue, assignClearBindVisited } from '../../utils/schema.js';
-import { businessDateParser } from '../../utils/business.js';
-
-const script = defineComponent({
-  props: {
-    onChange: {},
-    value: {
-      type: String
-    },
-    validate: {
-      type: Object
-    },
-    valueFormat: {
-      type: String,
-      default: "yyyy-MM-dd"
-    }
-  },
-  emits: ["update:value"],
-  setup(props, {
-    emit
-  }) {
-    const {
-      injectValueValidate,
-      injectValueBindKey
-    } = useCommonInjection();
-    injectValueValidate(() => props.value);
-    function minCurrentDate() {
-      var _a;
-      return ((_a = props.validate) == null ? void 0 : _a.min_date) === "currTime";
-    }
-    function maxCurrentDate() {
-      var _a;
-      return ((_a = props.validate) == null ? void 0 : _a.max_date) === "currTime";
-    }
-    function isDateDisabled(time) {
-      return minCurrentDate() && time < yesterday() || maxCurrentDate() && time > Date.now();
-      function yesterday() {
-        return Date.now() - 24 * 60 * 60 * 1e3;
-      }
-    }
-    function isTimeDisabled(time) {
-      const checkDate = new Date(time);
-      const currentDate = new Date();
-      const checkDateDuplicate = new Date(checkDate);
-      checkDateDuplicate.setHours(0);
-      checkDateDuplicate.setMinutes(0);
-      checkDateDuplicate.setSeconds(0);
-      return {
-        isHourDisabled,
-        isMinuteDisabled
-      };
-      function checkHour() {
-        return checkDate.getHours();
-      }
-      function currentHour() {
-        return currentDate.getHours();
-      }
-      function currentMinute() {
-        return currentDate.getMinutes();
-      }
-      function isOverDate() {
-        return checkDateDuplicate > currentDate;
-      }
-      function isHourDisabled(hour) {
-        if (isOverDate())
-          return false;
-        return minCurrentDate() && hour < currentHour() || maxCurrentDate() && hour > currentHour();
-      }
-      function isMinuteDisabled(minute) {
-        if (isOverDate())
-          return false;
-        if (checkHour() === currentHour()) {
-          return minCurrentDate() && minute < currentMinute() || maxCurrentDate() && minute > currentMinute();
-        }
-        return minCurrentDate() && checkHour() < currentHour() || maxCurrentDate() && checkHour() > currentHour();
-      }
-    }
-    const validateConfig = computed(() => {
-      const result = {};
-      if (isObject(props.validate)) {
-        const {
-          min_date,
-          max_date
-        } = props.validate;
-        if (min_date || max_date) {
-          result.isDateDisabled = isDateDisabled;
-          result.isTimeDisabled = isTimeDisabled;
-        }
-      }
-      return result;
-    });
-    const formatConfig = computed(() => {
-      return {
-        valueFormat: props.valueFormat,
-        format: props.valueFormat,
-        timePickerProps: {
-          format: generateTimeFormat(props.valueFormat)
-        }
-      };
-    });
-    function formatDate(value) {
-      if (!value)
-        return value;
-      return format(new Date(value), props.valueFormat);
-    }
-    let prevInputContent = "";
-    function onKeydown(evt) {
-      if (evt.key !== "Enter") {
-        prevInputContent = evt.target.value + evt.key;
-        return;
-      }
-      const result = businessDateParser(prevInputContent);
-      if (!result)
-        return;
-      const {
-        isTimeDisabled: isTimeDisabled2,
-        isDateDisabled: isDateDisabled2
-      } = validateConfig.value;
-      if (!isValidDate(result))
-        return;
-      valueRef.value = format(result, props.valueFormat);
-      function isValidDate(date) {
-        const dateDisabled = !isDateDisabled2 || isDateDisabled2(date.getTime());
-        if (dateDisabled)
-          return;
-        const {
-          isHourDisabled,
-          isMinuteDisabled
-        } = isTimeDisabled2 ? isTimeDisabled2(date.getTime()) : {};
-        const hourDisabled = !isHourDisabled || isHourDisabled(date.getHours());
-        if (hourDisabled)
-          return;
-        const minuteDisabled = !isMinuteDisabled || isMinuteDisabled(date.getMinutes());
-        if (minuteDisabled)
-          return;
-        return true;
-      }
-    }
-    watch(() => props.value, (value) => {
-      if (!value || formatDate(value) === value)
-        return;
-      emit("update:value", formatDate(value));
-    });
-    const valueRef = computed({
-      get: () => formatDate(props.value),
-      set: (value) => {
-        emit("update:value", value);
-        prevInputContent = "";
-      }
-    });
-    const key = injectValueBindKey(valueRef);
-    return () => createVNode(NDatePicker, mergeProps({
-      "key": key.value
-    }, validateConfig.value, formatConfig.value, {
-      "formatted-value": valueRef.value,
-      "onUpdate:formatted-value": ($event) => valueRef.value = $event,
-      "onKeydown": onKeydown
-    }), null);
-  }
-});
-const DATE = connect(script, mapProps(assignUpdateValue, assignClearBindVisited));
-
-export { DATE };

package/es/components/form-render/src/components/renderer/formItem.js

@@ -1,122 +0,0 @@
-import { defineComponent, inject, computed, createVNode, mergeProps } from 'vue';
-import { arrayed, widthAppend } from '../../../../../shared/utils/index.js';
-import { isVoidField } from '@formily/core';
-import { connect, mapProps } from '@formily/vue';
-import { isString } from 'lodash-es';
-import { NFormItem } from 'naive-ui';
-import Annotation from '../../../../annotation-edit/index.js';
-import '../../../index.js';
-import TooltipMessage from '../tooltipMessage.vue.js';
-import { InjectionAnnotation, InjectionFormUUID } from '../../constants/index.js';
-import { useComplexOptionsSpan } from '../../hooks/useComplexOptions.js';
-import { dotEscape } from '../../utils/schema.js';
-import { useFormField } from '../../hooks/useFormField.js';
-import { validateMessageParser } from '../../utils/index.js';
-
-const script = defineComponent({
-  props: {
-    label: String,
-    propertyKey: String,
-    remark: String,
-    span: {
-      type: Number,
-      default: 6
-    },
-    annotation: {},
-    fieldItem: {}
-  },
-  setup(props, {
-    slots
-  }) {
-    const annotation = inject(InjectionAnnotation);
-    const annotationContent = computed({
-      get() {
-        var _a, _b;
-        return (_b = (_a = annotation.value) == null ? void 0 : _a[props.propertyKey]) != null ? _b : "";
-      },
-      set(value) {
-        annotation.value = {
-          property: props.propertyKey,
-          value
-        };
-      }
-    });
-    function renderAnnotation() {
-      return createVNode(Annotation, {
-        "class": "form-render__formItemLabel--annotation",
-        "modelValue": annotationContent.value,
-        "onUpdate:modelValue": ($event) => annotationContent.value = $event
-      }, null);
-    }
-    const showAnnotation = computed(() => {
-      return annotation.value && props.annotation !== false;
-    });
-    const needRenderLabel = computed(() => props.label && props.label !== " ");
-    const {
-      field,
-      fieldKey
-    } = useFormField();
-    const uuid = inject(InjectionFormUUID);
-    const id = computed(() => {
-      return dotEscape(`${uuid}-${fieldKey.value}`);
-    });
-    const marginRight = computed(() => {
-      let result = 0;
-      showAnnotation.value && (result += 18);
-      props.remark && (result += 18);
-      return result;
-    });
-    function renderLabel() {
-      return needRenderLabel.value ? createVNode("section", {
-        "class": "form-render__formItemLabel"
-      }, [createVNode("span", {
-        "class": "form-render__formItemLabel--text",
-        "style": {
-          marginRight: widthAppend(marginRight.value)
-        }
-      }, [props.label]), marginRight.value ? createVNode("section", {
-        "class": "form-render__formItemLabel--operation"
-      }, [props.remark ? createVNode("div", {
-        "class": "form-render__formItemLabel--tooltip"
-      }, [createVNode(TooltipMessage, {
-        "message": props.remark
-      }, null)]) : null, showAnnotation.value ? renderAnnotation() : null]) : null]) : null;
-    }
-    const {
-      getSpan
-    } = useComplexOptionsSpan();
-    return () => createVNode(NFormItem, mergeProps({
-      "class": "form-render__formItem",
-      "style": {
-        "--form-item-column": getSpan(uuid, field.value.address) + props.span
-      }
-    }, {
-      id: id.value,
-      "widget-type": field.value.componentType,
-      "form-field": fieldKey.value
-    }), {
-      ...slots,
-      label: renderLabel
-    });
-  }
-});
-const FORM_ITEM = connect(script, mapProps({
-  title: "label"
-}, (props, field) => {
-  const feedback = !isVoidField(field) ? arrayed(field.selfErrors).length ? parseFeedback(arrayed(field.selfErrors), props.fieldItem) : void 0 : void 0;
-  return {
-    ...props,
-    fieldItem: void 0,
-    required: isVoidField(field) ? void 0 : field.required,
-    feedback,
-    "validation-status": feedback ? "error" : void 0
-  };
-}));
-function parseFeedback(selfErrors, fieldItem) {
-  if (!isString(fieldItem.defined_error_msg) || !fieldItem.defined_error_msg) {
-    return selfErrors.map((message) => validateMessageParser(message, fieldItem)).join(",");
-  }
-  return validateMessageParser(fieldItem.defined_error_msg, fieldItem);
-}
-
-export { FORM_ITEM };

package/es/components/form-render/src/components/renderer/index.js

@@ -1,43 +0,0 @@
-import * as combination from './combination.js';
-import * as complex from './complex.js';
-import * as date from './date.js';
-import * as formItem from './formItem.js';
-import * as input from './input.js';
-import * as inputGroup from './inputGroup.js';
-import * as inputNumber from './inputNumber.js';
-import * as index from './jsonCombination/index.js';
-import * as levelSearchCascader from './levelSearchCascader.js';
-import * as index$1 from './lineBar/index.js';
-import * as radio_checkbox from './radio_checkbox.js';
-import * as remoteSearch from './remoteSearch.js';
-import * as searchCascade from './searchCascade.js';
-import * as select from './select.js';
-import * as simpleComponent from './simpleComponent.js';
-import * as slider from './slider.js';
-import * as _switch from './switch.js';
-import * as textarea from './textarea.js';
-import { separateMetaModule } from '../../../../../shared/utils/index.js';
-
-const modules = Object.assign({
-  "./combination.tsx": combination,
-  "./complex.tsx": complex,
-  "./date.tsx": date,
-  "./formItem.tsx": formItem,
-  "./input.tsx": input,
-  "./inputGroup.ts": inputGroup,
-  "./inputNumber.tsx": inputNumber,
-  "./jsonCombination/index.tsx": index,
-  "./levelSearchCascader.tsx": levelSearchCascader,
-  "./lineBar/index.ts": index$1,
-  "./radio&checkbox.tsx": radio_checkbox,
-  "./remoteSearch.tsx": remoteSearch,
-  "./searchCascade.tsx": searchCascade,
-  "./select.tsx": select,
-  "./simpleComponent.tsx": simpleComponent,
-  "./slider.tsx": slider,
-  "./switch.tsx": _switch,
-  "./textarea.tsx": textarea
-});
-var components = separateMetaModule(modules);
-
-export { components as default };

package/es/components/form-render/src/components/renderer/input.js

@@ -1,50 +0,0 @@
-import { defineComponent, createVNode } from 'vue';
-import { useVModel } from '@vueuse/core';
-import { useCommonInjection } from '../../hooks/useCommonInjection.js';
-import { createInputSlot } from '../../utils/index.js';
-import { connect, mapProps } from '@formily/vue';
-import { NInput } from 'naive-ui';
-import { assignUpdateValue, assignClearBindVisited } from '../../utils/schema.js';
-
-const script = defineComponent({
-  name: "FormInput",
-  props: {
-    value: {
-      type: String
-    },
-    prefix: {
-      type: String
-    },
-    suffix: {
-      type: String
-    }
-  },
-  emits: ["update:value"],
-  setup(props, {
-    emit
-  }) {
-    const valueRef = useVModel(props, "value", emit);
-    const key = useCommonInjection().injectValueBindKey(valueRef);
-    const _slots = createInputSlot(props, (v) => {
-      return [createVNode("i", {
-        "style": {
-          color: "rgba(33,33,33,.4)"
-        }
-      }, [v])];
-    });
-    return () => {
-      return createVNode(NInput, {
-        "key": key.value,
-        "value": valueRef.value,
-        "onUpdate:value": ($event) => valueRef.value = $event
-      }, _slots.value);
-    };
-  }
-});
-const INPUT = connect(script, mapProps((props, field) => {
-  const _props = assignUpdateValue(props, field);
-  _props.allowInput = (value) => !value.startsWith(" ") && !value.endsWith(" ");
-  return _props;
-}, assignClearBindVisited));
-
-export { INPUT };

package/es/components/form-render/src/components/renderer/inputGroup.js

@@ -1,11 +0,0 @@
-import { connect, mapProps } from '@formily/vue';
-import { NInputGroup } from 'naive-ui';
-
-const INPUT_GROUP = connect(
-  NInputGroup,
-  mapProps((props) => {
-    return { style: { "--column": props.span }, class: "form-render__inputGroup" };
-  })
-);
-
-export { INPUT_GROUP };

package/es/components/form-render/src/components/renderer/inputNumber.js

@@ -1,55 +0,0 @@
-import { defineComponent, watch, computed, createVNode } from 'vue';
-import { isString, isNumber } from 'lodash-es';
-import { useCommonInjection } from '../../hooks/useCommonInjection.js';
-import { createInputSlot, parseNumberFromMaybeString } from '../../utils/index.js';
-import { connect, mapProps } from '@formily/vue';
-import { NInputNumber } from 'naive-ui';
-import { assignUpdateValue, assignClearBindVisited } from '../../utils/schema.js';
-
-const script = defineComponent({
-  props: {
-    value: {
-      type: [Number, String]
-    },
-    onChange: {
-      type: Function,
-      required: true
-    },
-    prefix: {
-      type: String
-    },
-    suffix: {
-      type: String
-    }
-  },
-  setup(props) {
-    const _slots = createInputSlot(props);
-    useCommonInjection().injectValueValidate(() => props.value);
-    watch(() => props.value, (value) => {
-      if (value == null)
-        return;
-      if (!isString(value) && !isNumber(value) || Number.isNaN(+value))
-        return props.onChange(null);
-      props.onChange(+value);
-    });
-    const valueRef = computed({
-      get: () => parseNumberFromMaybeString(props.value),
-      set: (v) => {
-        var _a;
-        return (_a = props.onChange) == null ? void 0 : _a.call(props, v);
-      }
-    });
-    const key = useCommonInjection().injectValueBindKey(valueRef);
-    return () => {
-      return createVNode(NInputNumber, {
-        "key": key.value,
-        "value": valueRef.value,
-        "onUpdate:value": ($event) => valueRef.value = $event,
-        "show-button": false
-      }, _slots.value);
-    };
-  }
-});
-const INPUT_NUMBER = connect(script, mapProps(assignUpdateValue, assignClearBindVisited));
-
-export { INPUT_NUMBER };

package/es/components/form-render/src/components/renderer/jsonCombination/hooks/useDeepValidate.js

@@ -1,35 +0,0 @@
-import { isField } from '@formily/core';
-import { flatten } from 'lodash-es';
-import { onMounted } from 'vue';
-import '../../../../../index.js';
-import { arrayed } from '../../../../../../../shared/utils/index.js';
-import { useFormField } from '../../../../hooks/useFormField.js';
-
-function useDeepValidate() {
-  function bindDeepValidate(formRenderRefs) {
-    const { field } = useFormField();
-    onMounted(() => {
-      if (!isField(field.value))
-        return;
-      const tempValidator = field.value.validator;
-      field.value.validator = [
-        {
-          async validator() {
-            return Promise.allSettled(
-              formRenderRefs.value.filter((formRenderRef) => formRenderRef).map((formRenderRef) => formRenderRef.validate())
-            ).then((resultList) => {
-              const rejected = resultList.filter((res) => res.status === "rejected");
-              if (!rejected.length)
-                return "";
-              return flatten(rejected.map((res) => res.reason));
-            });
-          }
-        },
-        ...tempValidator ? arrayed(tempValidator) : []
-      ];
-    });
-  }
-  return { bindDeepValidate };
-}
-
-export { useDeepValidate };

package/es/components/form-render/src/components/renderer/jsonCombination/index.js

@@ -1,175 +0,0 @@
-import { defineComponent, ref, computed, watch, onMounted, createVNode } from 'vue';
-import { isField } from '@formily/core';
-import { Path } from '@formily/path';
-import { AddCircleOutline, RemoveCircle } from '@vicons/ionicons5';
-import { isNumber, range, isArray, isEqual } from 'lodash-es';
-import { useDeepValidate } from './hooks/useDeepValidate.js';
-import { formRenderLog, mergeDeepProperties } from '../../../utils/index.js';
-import { connect, mapProps } from '@formily/vue';
-import { useDebounceFn, isObject } from '@vueuse/core';
-import { NButton, NIcon } from 'naive-ui';
-import FormRender from '../../../FormRender.vue.js';
-import { assignUpdateValue } from '../../../utils/schema.js';
-
-const script = defineComponent({
-  name: "FormJsonCombination",
-  props: {
-    title: {
-      type: String,
-      default: ""
-    },
-    value: {
-      type: [String, Array]
-    },
-    maxGroupNum: {
-      type: Number
-    },
-    getProperties: {
-      type: Function,
-      default: () => []
-    },
-    onInput: {},
-    onBlur: {},
-    onChange: {}
-  },
-  emits: ["update:value"],
-  setup(props, {
-    emit
-  }) {
-    formRenderLog("\u5F53\u524DCOMBINATION\u63A7\u4EF6\u4E3Ajson\u6A21\u5F0F,\u63A8\u8350\u4F7F\u7528\u975Ejson\u6A21\u5F0F,FieldItem.jsonCombination=false");
-    const emitChange = useDebounceFn(function emitChange2() {
-      emit("update:value", JSON.stringify(combinationData.value));
-    }, 300);
-    const combinationData = ref([]);
-    const currentGroupNum = computed(() => combinationData.value.length);
-    function setCombinationData(data, withInitialData = false) {
-      if (isArray(data)) {
-        if (!data.length)
-          data.push({});
-        data = JSON.stringify(data);
-      }
-      const parsedData = getParsedData(data);
-      if (!needLoad(parsedData))
-        return;
-      parsedData.splice(maxGroupNum.value);
-      parsedData.forEach(setCombinationItemData);
-      combinationData.value.splice(parsedData.length);
-      combinationData.value.forEach(setFormRenderData);
-      function needLoad(_data) {
-        return !!_data && !isEqual(_data, combinationData.value);
-      }
-      function setCombinationItemData(v, idx) {
-        if (!isObject(v))
-          return;
-        combinationData.value[idx] = v;
-        withInitialData && mergeDeepProperties(v, props.getProperties());
-      }
-      function getParsedData(data2) {
-        try {
-          if (!data2)
-            return null;
-          const result = JSON.parse(data2);
-          if (!Array.isArray(result))
-            return null;
-          return result;
-        } catch (e) {
-          return null;
-        }
-      }
-    }
-    watch(() => props.value, (value) => setCombinationData(value));
-    onMounted(() => {
-      setCombinationData(props.value || "[{}]", true);
-      emitChange();
-    });
-    const formRenderRefs = ref([]);
-    useDeepValidate().bindDeepValidate(formRenderRefs);
-    function setFormRenderData(item, idx) {
-      var _a;
-      (_a = formRenderRefs.value[idx]) == null ? void 0 : _a.setFieldState("*", (state) => {
-        if (!isField(state))
-          return;
-        state.value = Path.getIn(item, state.path);
-      });
-    }
-    function setFormRenderRef(idx, _ref) {
-      formRenderRefs.value[idx] = _ref;
-      setFormRenderData(combinationData.value[idx] || {}, idx);
-    }
-    function addGroup() {
-      combinationData.value.push(mergeDeepProperties({}, props.getProperties()));
-      emitChange();
-    }
-    function removeGroup(idx) {
-      if (combinationData.value.length > 1) {
-        combinationData.value.splice(idx, 1);
-        formRenderRefs.value.splice(idx, 1);
-      } else {
-        combinationData.value.splice(idx, 1, {});
-      }
-      emitChange();
-    }
-    const maxGroupNum = computed(() => {
-      if (!isNumber(props.maxGroupNum))
-        return Infinity;
-      if (props.maxGroupNum < 1)
-        return 0;
-      return ~~props.maxGroupNum;
-    });
-    watch(maxGroupNum, (value) => {
-      if (currentGroupNum.value <= value)
-        return;
-      combinationData.value.splice(value);
-      emitChange();
-      formRenderRefs.value.splice(value);
-    }, {
-      immediate: true
-    });
-    function onChange(idx, {
-      fieldKey,
-      value
-    }) {
-      !combinationData.value[idx] && (combinationData.value[idx] = {});
-      Path.setIn(combinationData.value[idx], fieldKey, value);
-      emitChange();
-    }
-    const FormRenderComponent = FormRender;
-    return () => {
-      return createVNode("section", {
-        "class": "form-render__combination"
-      }, [createVNode("header", {
-        "class": "form-render__combinationHeader"
-      }, [createVNode("div", {
-        "class": "form-render__combinationHeaderText"
-      }, [props.title]), createVNode(NButton, {
-        "onClick": addGroup,
-        "type": "info",
-        "text": true,
-        "disabled": currentGroupNum.value >= maxGroupNum.value
-      }, {
-        icon: () => createVNode(NIcon, {
-          "component": AddCircleOutline
-        }, null),
-        default: () => "\u65B0\u589E"
-      })]), range(currentGroupNum.value).map((_, idx) => createVNode("section", {
-        "class": "form-render__combinationContentJson"
-      }, [createVNode(FormRenderComponent, {
-        "ref": (_ref) => setFormRenderRef(idx, _ref),
-        "fieldList": props.getProperties(),
-        "onFormChange": (payload) => onChange(idx, payload)
-      }, null), createVNode(NButton, {
-        "text": true,
-        "class": "form-render__combinationClose",
-        "type": "error",
-        "onClick": () => removeGroup(idx)
-      }, {
-        icon: () => createVNode(NIcon, {
-          "component": RemoveCircle
-        }, null)
-      })]))]);
-    };
-  }
-});
-const JSON_COMBINATION = connect(script, mapProps(assignUpdateValue));
-
-export { JSON_COMBINATION };