cnhis-design-vue 3.1.23-beta.15 → 3.1.23-beta.17

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

@@ -1,33 +0,0 @@
-import { isField } from '@formily/core';
-import { flatten } from 'lodash-es';
-import { onMounted } from 'vue';
-import '../../../../../index2.js';
-import { arrayed } from '../../../../../../../shared/utils/index2.js';
-import { useFormField } from '../../../../hooks/useFormField2.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.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/linebar.d.ts

@@ -1,31 +0,0 @@
-export declare const LINEBAR: import("vue").DefineComponent<{
-    show: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    title: {
-        type: StringConstructor;
-        default: string;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    show: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    title: {
-        type: StringConstructor;
-        default: string;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>>, {
-    disabled: boolean;
-    show: boolean;
-    title: string;
-}>;

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

@@ -1,61 +0,0 @@
-import { defineComponent, ref, inject, createVNode } from 'vue';
-import { connect, mapProps } from '@formily/vue';
-import { NCollapseTransition } from 'naive-ui';
-import '../../../index2.js';
-import { InjectionFormItemDepsCollector, FormItemLineBarDepKeyPrepend } from '../../constants/index2.js';
-import { useFormField } from '../../hooks/useFormField2.js';
-
-const script = defineComponent({
-  name: "FormCollapse",
-  props: {
-    show: {
-      type: Boolean,
-      default: true
-    },
-    title: {
-      type: String,
-      default: ""
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(props, {
-    slots
-  }) {
-    const _show = ref(props.show);
-    function toggleShow() {
-      if (props.disabled)
-        return;
-      _show.value = !_show.value;
-    }
-    const {
-      fieldKey
-    } = useFormField();
-    const formItemDepsCollector = inject(InjectionFormItemDepsCollector);
-    formItemDepsCollector.setDeps(fieldKey.value, FormItemLineBarDepKeyPrepend + fieldKey.value, (v = true) => {
-      _show.value = v;
-    });
-    return () => {
-      return createVNode("section", {
-        "class": "form-render__linebar",
-        "anchor-target": true
-      }, [createVNode("header", {
-        "class": "form-render__linebarHeader",
-        "onClick": toggleShow
-      }, [props.title]), createVNode(NCollapseTransition, {
-        "class": "form-render__linebarItem",
-        "show": _show.value
-      }, slots)]);
-    };
-  }
-});
-const LINEBAR = connect(script, mapProps((props, field) => {
-  return {
-    ...props,
-    title: field.title
-  };
-}));
-
-export { LINEBAR };

package/es/components/form-render/src/constants/index2.js

@@ -1,41 +0,0 @@
-const InjectAsyncQueue = Symbol("InjectAsyncQueue");
-const InjectionSchemaField = Symbol("InjectionSchemaField");
-const InjectionBusinessCollector = Symbol("InjectionBusinessCollector");
-const InjectionChangeContextCollector = Symbol("InjectionChangeContextCollector");
-const InjectionFormItemDepsCollector = Symbol("InjectionFormItemDepsCollector");
-const InjectionFormUUID = Symbol("InjectionFormUUID");
-const InjectionAnnotation = Symbol("InjectionAnnotation");
-const FormItemLineBarDepKeyPrepend = "__dep_LINEBAR_";
-var FIELD_BUSINESS_TYPE = /* @__PURE__ */ ((FIELD_BUSINESS_TYPE2) => {
-  FIELD_BUSINESS_TYPE2["PASSWORD"] = "password";
-  FIELD_BUSINESS_TYPE2["ID_CARD"] = "id_card";
-  FIELD_BUSINESS_TYPE2["AGE"] = "age";
-  FIELD_BUSINESS_TYPE2["AGE_UNIT"] = "age_unit";
-  FIELD_BUSINESS_TYPE2["MOBILE"] = "mobile";
-  FIELD_BUSINESS_TYPE2["TELEPHONE"] = "telephone";
-  FIELD_BUSINESS_TYPE2["EMAIL"] = "email";
-  FIELD_BUSINESS_TYPE2["SEX"] = "sex";
-  FIELD_BUSINESS_TYPE2["BIRTHDAY"] = "birthday";
-  FIELD_BUSINESS_TYPE2["BANK_CARD"] = "bank_card";
-  FIELD_BUSINESS_TYPE2["WEBSITE"] = "website";
-  FIELD_BUSINESS_TYPE2["GESTATIONAL_WEEKS"] = "gestational_weeks";
-  FIELD_BUSINESS_TYPE2["GESTATIONAL_STAGE"] = "gestational_stage";
-  FIELD_BUSINESS_TYPE2["CUSTOMER_NAME"] = "customer_name";
-  return FIELD_BUSINESS_TYPE2;
-})(FIELD_BUSINESS_TYPE || {});
-var FIELD_SEX_VALUE = /* @__PURE__ */ ((FIELD_SEX_VALUE2) => {
-  FIELD_SEX_VALUE2["MALE"] = "1";
-  FIELD_SEX_VALUE2["FEMALE"] = "2";
-  return FIELD_SEX_VALUE2;
-})(FIELD_SEX_VALUE || {});
-var FIELD_AGE_UNIT = /* @__PURE__ */ ((FIELD_AGE_UNIT2) => {
-  FIELD_AGE_UNIT2["DAY"] = "D";
-  FIELD_AGE_UNIT2["MONTH"] = "M";
-  FIELD_AGE_UNIT2["YEAR"] = "Y";
-  FIELD_AGE_UNIT2["HOUR"] = "H";
-  FIELD_AGE_UNIT2["WEEK"] = "W";
-  FIELD_AGE_UNIT2["MINUTE"] = "N";
-  return FIELD_AGE_UNIT2;
-})(FIELD_AGE_UNIT || {});
-
-export { FIELD_AGE_UNIT, FIELD_BUSINESS_TYPE, FIELD_SEX_VALUE, FormItemLineBarDepKeyPrepend, InjectAsyncQueue, InjectionAnnotation, InjectionBusinessCollector, InjectionChangeContextCollector, InjectionFormItemDepsCollector, InjectionFormUUID, InjectionSchemaField };

package/es/components/form-render/src/hooks/useAnchor2.js

@@ -1,88 +0,0 @@
-import { doAnimation } from '../../../../shared/utils/anime2.js';
-import { useDebounceFn } from '@vueuse/core';
-import { isNumber } from 'lodash-es';
-import { ref, computed, watch, nextTick } from 'vue';
-import { FormItemLineBarDepKeyPrepend } from '../constants/index2.js';
-import '../utils/index.js';
-import { createLinebarId, traverseSchema } from '../utils/schema2.js';
-
-function useAnchor(props, scrollbarRef, collector) {
-  const __currentAnchor = ref("");
-  const formHeight = computed(() => {
-    if (isNumber(props.maxHeight))
-      return props.maxHeight + "px";
-    return props.maxHeight;
-  });
-  const anchorIdList = ref([]);
-  function generateAnchorList(schema) {
-    anchorIdList.value.length = 0;
-    traverseSchema(schema, (_schema) => {
-      var _a;
-      if (_schema["x-component"] === "LINEBAR") {
-        anchorIdList.value.push({ title: _schema.title, name: ((_a = _schema.name) == null ? void 0 : _a.toString()) || "" });
-      }
-    });
-  }
-  let scrollLock = false;
-  async function scrollTo(id) {
-    scrollLock = true;
-    try {
-      if (!scrollbarRef.value)
-        return;
-      collector.trigger(FormItemLineBarDepKeyPrepend + id, true);
-      await nextTick();
-      const targetAnchor = scrollbarRef.value.querySelector(`#${createLinebarId(id)}`);
-      if (!targetAnchor)
-        return;
-      await new Promise((resolve) => {
-        doAnimation(scrollbarRef.value.scrollTop, targetAnchor.offsetTop, 300, (top) => {
-          var _a;
-          (_a = scrollbarRef.value) == null ? void 0 : _a.scrollTo({ top });
-        }, "easeInSine", () => setTimeout(resolve, 300));
-      });
-    } finally {
-      scrollLock = false;
-    }
-  }
-  const onScroll = useDebounceFn(function() {
-    var _a;
-    if (scrollLock || !scrollbarRef.value)
-      return;
-    const { scrollTop, clientHeight } = scrollbarRef.value;
-    const result = anchorIdList.value.find((anchor, idx, arr) => {
-      const nextAnchor = arr[idx + 1];
-      if (!nextAnchor)
-        return true;
-      const node = scrollbarRef.value.querySelector(`#${createLinebarId(nextAnchor.name)}`);
-      if (!node)
-        return;
-      return node.offsetTop > scrollTop + clientHeight / 2;
-    }) || anchorIdList.value[anchorIdList.value.length - 1];
-    __currentAnchor.value = (_a = result == null ? void 0 : result.name) != null ? _a : "";
-  }, 300);
-  watch(anchorIdList, (_anchorIdList) => {
-    var _a, _b;
-    __currentAnchor.value = (_b = (_a = _anchorIdList[0]) == null ? void 0 : _a.name) != null ? _b : "";
-  }, { deep: true, immediate: true });
-  const currentAnchor = computed({
-    get() {
-      return __currentAnchor.value;
-    },
-    async set(id) {
-      __currentAnchor.value = id;
-      await new Promise((resolve) => setTimeout(resolve, 100));
-      await scrollTo(id);
-    }
-  });
-  return {
-    currentAnchor,
-    onScroll,
-    formHeight,
-    anchorIdList,
-    generateAnchorList,
-    scrollbarRef,
-    scrollTo
-  };
-}
-
-export { useAnchor };

package/es/components/form-render/src/hooks/useAsyncQueue2.js

@@ -1,144 +0,0 @@
-import { cloneDeep, isFunction } from 'lodash-es';
-import '../../index2.js';
-import { useCommonLog } from './useCommonLog2.js';
-import { useFormRequest } from './useFormRequest2.js';
-
-class AsyncQueueEntry {
-  constructor(item, key, callback) {
-    this.item = item;
-    this.key = key;
-    this.state = 0 /* PENDING */;
-    this.callback = callback;
-  }
-}
-class ArrayQueue {
-  constructor(items) {
-    this._list = items ? Array.from(items) : [];
-  }
-  enqueue(item) {
-    this._list.push(item);
-  }
-  dequeue() {
-    return this._list.shift();
-  }
-}
-class AsyncQueue {
-  constructor({ name, processor, getKey, parallelism }) {
-    this._queued = new ArrayQueue();
-    this._entries = /* @__PURE__ */ new Map();
-    this._activeTasks = 0;
-    this._processingLock = false;
-    this._stopped = false;
-    this.name = name;
-    this.processor = processor;
-    this.getKey = getKey;
-    this.parallelism = parallelism || 100;
-  }
-  add(item, callback) {
-    if (this._stopped)
-      return callback(new Error("Queue was stopped"));
-    const key = this.getKey(item);
-    if (this._entries.has(key)) {
-      const entry = this._entries.get(key);
-      if (entry.state === 1 /* DONE */) {
-        setTimeout(() => {
-          callback && callback(cloneDeep(entry.error), cloneDeep(entry.result));
-        });
-      } else if (!entry.callbacks) {
-        entry.callbacks = [callback];
-      } else {
-        entry.callbacks.push(callback);
-      }
-      return;
-    }
-    const newEntry = new AsyncQueueEntry(item, key, callback);
-    this._entries.set(key, newEntry);
-    this._queued.enqueue(newEntry);
-    if (!this._processingLock) {
-      this._processingLock = true;
-      Promise.resolve().then(this._ensureProcessing.bind(this));
-    }
-  }
-  addAsync(item) {
-    return new Promise((resolve, reject) => {
-      this.add(item, (err, result) => {
-        err && reject(err);
-        resolve(result);
-      });
-    });
-  }
-  _ensureProcessing() {
-    while (this._activeTasks < this.parallelism) {
-      const entry = this._queued.dequeue();
-      if (!entry)
-        break;
-      this._activeTasks++;
-      entry.state = 0 /* PENDING */;
-      this._startProcess(entry);
-    }
-    this._processingLock = false;
-  }
-  _startProcess(entry) {
-    this.processor(entry.item, (e, r) => {
-      if (e) {
-        this._handlerResult(entry, e);
-        return;
-      }
-      this._handlerResult(entry, e, r);
-    }, () => this._entries.delete(entry.key));
-  }
-  _handlerResult(entry, e, r) {
-    const callback = entry.callback;
-    entry.state = 1 /* DONE */;
-    entry.callback = void 0;
-    entry.result = cloneDeep(r);
-    entry.error = cloneDeep(e);
-    this._activeTasks--;
-    callback && callback(e, r);
-    if (entry.callbacks) {
-      entry.callbacks.forEach((cb) => cb(e, r));
-    }
-    if (!this._processingLock) {
-      this._processingLock = true;
-      Promise.resolve().then(this._ensureProcessing.bind(this));
-    }
-  }
-}
-function useAsyncQueue() {
-  const { getHttpInstance } = useFormRequest();
-  function create(parallelism = 3, option) {
-    return new AsyncQueue({
-      name: "FormRenderAsyncQueue",
-      parallelism,
-      async processor({ key, method = "post", params, url }, cb, removeCache) {
-        var _a;
-        const http = getHttpInstance();
-        if (!http) {
-          useCommonLog().invalidHttpInstanceLog();
-          cb();
-          removeCache();
-          return;
-        }
-        try {
-          if (option && isFunction(option.beforeRequest)) {
-            params = (_a = option.beforeRequest(key, params)) != null ? _a : {};
-          }
-          let res = await http[method](url, params);
-          if (option && isFunction(option.afterRequest)) {
-            res = option.afterRequest(key, res);
-          }
-          cb(void 0, Array.isArray(res) ? res : []);
-        } catch (e) {
-          cb(new Error(`Request error => ${e}`));
-          removeCache();
-        }
-      },
-      getKey({ url, method = "post", params }) {
-        return url + method + JSON.stringify(params || {});
-      }
-    });
-  }
-  return { create };
-}
-
-export { AsyncQueue, useAsyncQueue };

package/es/components/form-render/src/hooks/useBusinessBinding2.js

@@ -1,107 +0,0 @@
-import { isField } from '@formily/core';
-import { isString } from '@vueuse/core';
-import { isFunction, isNumber } from 'lodash-es';
-import { FIELD_BUSINESS_TYPE } from '../constants/index2.js';
-import '../utils/index.js';
-import { isIdCard, parseIdCard, parseAge2FromContext, parseBirthday, parseAge2Birthday } from '../utils/business2.js';
-
-class BusinessCollector {
-  constructor(formModel, businessFormatter) {
-    this.formModel = formModel;
-    this.businessFormatter = businessFormatter;
-    this.typeCollector = /* @__PURE__ */ new Map();
-    this.fieldNameCollector = /* @__PURE__ */ new Map();
-    this.changeHandlerMap = /* @__PURE__ */ new Map([]);
-    this.blurHandlerMap = /* @__PURE__ */ new Map([]);
-  }
-  formatter(...args) {
-    return isFunction(this.businessFormatter) ? this.businessFormatter(...args) : args[0].value;
-  }
-  collect(type, fieldName) {
-    this.typeCollector.set(type, fieldName);
-    this.fieldNameCollector.set(fieldName, type);
-  }
-  getField(type) {
-    return this.typeCollector.get(type);
-  }
-  getFieldInstanceByType(type) {
-    const field = this.getField(type);
-    return field ? this.formModel.query(field).take() : null;
-  }
-  getType(fieldName) {
-    return this.fieldNameCollector.get(fieldName);
-  }
-  getValueByField(fieldName) {
-    const _field = this.formModel.query(fieldName).take();
-    return isField(_field) ? _field.value : null;
-  }
-  getValueByType(type) {
-    const field = this.getField(type);
-    return field ? this.getValueByField(field) : null;
-  }
-  setValueByType(type, value, force = true) {
-    const field = this.getField(type);
-    field && this.formModel.setFieldState(field, (state) => {
-      if (!force && state.value)
-        return;
-      state.value = this.formatter({ value, type, fieldKey: field });
-    });
-  }
-  registerChangeBusiness(type, handler) {
-    this.changeHandlerMap.set(type, handler);
-    return this;
-  }
-  registerBlurBusiness(type, handler) {
-    this.blurHandlerMap.set(type, handler);
-    return this;
-  }
-  trigger(fieldName, triggerType = "change") {
-    var _a, _b;
-    const type = this.getType(fieldName);
-    const handlerMaps = { change: this.changeHandlerMap, blur: this.blurHandlerMap };
-    type && ((_b = (_a = handlerMaps[triggerType]) == null ? void 0 : _a.get(type)) == null ? void 0 : _b.call(this));
-  }
-}
-function useBusinessBinding() {
-  function handlerIdCardType() {
-    const idCard = this.getValueByType(FIELD_BUSINESS_TYPE.ID_CARD);
-    if (!idCard || !isString(idCard) || !isIdCard(idCard)) {
-      setSexDisabled.call(this, false);
-      return;
-    }
-    const info = parseIdCard(idCard);
-    const { age, ageUnit } = parseAge2FromContext(info);
-    this.setValueByType(FIELD_BUSINESS_TYPE.AGE_UNIT, ageUnit);
-    this.setValueByType(FIELD_BUSINESS_TYPE.AGE, age);
-    this.setValueByType(FIELD_BUSINESS_TYPE.SEX, info.sex);
-    this.setValueByType(FIELD_BUSINESS_TYPE.BIRTHDAY, info.birthday);
-    setSexDisabled.call(this, true);
-    function setSexDisabled(value) {
-      const sexField = this.getFieldInstanceByType(FIELD_BUSINESS_TYPE.SEX);
-      isField(sexField) && (sexField.disabled = value);
-    }
-  }
-  function handlerBirthdayType() {
-    const birthday = this.getValueByType(FIELD_BUSINESS_TYPE.BIRTHDAY);
-    if (!isString(birthday))
-      return;
-    const { age, ageUnit } = parseAge2FromContext(parseBirthday(birthday));
-    this.setValueByType(FIELD_BUSINESS_TYPE.AGE_UNIT, ageUnit);
-    this.setValueByType(FIELD_BUSINESS_TYPE.AGE, age);
-  }
-  function handlerAgeType() {
-    const age = this.getValueByType(FIELD_BUSINESS_TYPE.AGE);
-    const ageUnit = this.getValueByType(FIELD_BUSINESS_TYPE.AGE_UNIT);
-    if (!isString(age) && !isNumber(age) || age === "")
-      return;
-    if (!isString(ageUnit) || ageUnit === "")
-      return;
-    this.setValueByType(FIELD_BUSINESS_TYPE.BIRTHDAY, parseAge2Birthday(+age, ageUnit), false);
-  }
-  function create(formModel, formatter) {
-    return new BusinessCollector(formModel, formatter).registerChangeBusiness(FIELD_BUSINESS_TYPE.ID_CARD, handlerIdCardType).registerChangeBusiness(FIELD_BUSINESS_TYPE.AGE_UNIT, handlerAgeType).registerBlurBusiness(FIELD_BUSINESS_TYPE.BIRTHDAY, handlerBirthdayType).registerBlurBusiness(FIELD_BUSINESS_TYPE.AGE, handlerAgeType);
-  }
-  return { create };
-}
-
-export { BusinessCollector, useBusinessBinding };

package/es/components/form-render/src/hooks/useChangeContext2.js

@@ -1,20 +0,0 @@
-class ContextCollector {
-  constructor() {
-    this.contextMap = /* @__PURE__ */ new Map();
-  }
-  setContext(key, value) {
-    this.contextMap.set(key, value);
-  }
-  getContext(key, value) {
-    var _a;
-    return (_a = this.contextMap.get(key)) == null ? void 0 : _a(value);
-  }
-}
-function useChangeContext() {
-  function create() {
-    return new ContextCollector();
-  }
-  return { create };
-}
-
-export { ContextCollector, useChangeContext };

package/es/components/form-render/src/hooks/useCommonInjection2.js

@@ -1,36 +0,0 @@
-import { isField } from '@formily/core';
-import { watch, ref } from 'vue';
-import '../../index2.js';
-import { useFormField } from './useFormField2.js';
-
-function useCommonInjection() {
-  function injectValueValidate(traverser) {
-    const { field } = useFormField();
-    watch(traverser, () => {
-      var _a, _b, _c;
-      try {
-        if (!isField(field.value))
-          return;
-        if (!field.value.visited && !((_a = field.value.selfErrors) == null ? void 0 : _a.length))
-          return;
-        (_c = (_b = field.value).validate) == null ? void 0 : _c.call(_b);
-      } catch (e) {
-      }
-    });
-  }
-  function injectValueWatchFromEmpty(traverser, trigger) {
-    watch(traverser, (n, o) => n != null && o == null && trigger(), { immediate: true });
-  }
-  function injectValueBindKey(traverser) {
-    const key = ref(1);
-    watch(traverser, (n, o) => {
-      if (n === void 0 && o !== void 0) {
-        key.value++;
-      }
-    });
-    return key;
-  }
-  return { injectValueValidate, injectValueWatchFromEmpty, injectValueBindKey };
-}
-
-export { useCommonInjection };

package/es/components/form-render/src/hooks/useCommonLog2.js

@@ -1,10 +0,0 @@
-import { formRenderLog } from '../utils/index.js';
-
-function useCommonLog() {
-  function invalidHttpInstanceLog() {
-    formRenderLog("before use http feature, you should regist http instance by useFormilyRequest.registGlobHttpInstance()");
-  }
-  return { invalidHttpInstanceLog };
-}
-
-export { useCommonLog };