cnhis-design-vue 3.1.11 → 3.1.12-beta.0

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

@@ -0,0 +1,85 @@
+import { doAnimation } from '../../../../src/utils/anime';
+import { useDebounceFn } from '@vueuse/core';
+import { isNumber } from 'lodash-es';
+import { ref, computed, nextTick, watch } from 'vue';
+import { FormItemLineBarDepKeyPrepend } from '../../../../packages/form-render/src/constants';
+import { traverseSchema } from '../../../../packages/form-render/src/utils';
+
+function useAnchor(props, 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()) || "" });
+      }
+    });
+  }
+  const scrollbarRef = ref();
+  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(`#${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 });
+        }, "easeInBounce", resolve);
+      });
+    } finally {
+      scrollLock = false;
+    }
+  }
+  const onScroll = useDebounceFn(async function() {
+    var _a;
+    if (scrollLock || !scrollbarRef.value)
+      return;
+    const { scrollTop, clientHeight } = scrollbarRef.value;
+    const result = anchorIdList.value.find((anchor) => {
+      const node = scrollbarRef.value.querySelector(`#${anchor.name}`);
+      if (!node)
+        return;
+      return node.offsetTop >= scrollTop || node.offsetTop < scrollTop && node.clientHeight + node.offsetTop > scrollTop + clientHeight;
+    }) || anchorIdList.value[anchorIdList.value.length - 1];
+    __currentAnchor.value = (_a = result == null ? void 0 : result.name) != null ? _a : "";
+  }, 300);
+  watch(anchorIdList, (anchorIdList2) => {
+    var _a, _b;
+    __currentAnchor.value = (_b = (_a = anchorIdList2[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/packages/form-render/src/hooks/useAsyncQueue.js

@@ -1,137 +1 @@
-import { useFormRequest, useCommonLog } from '../../../../packages/form-render';
-
-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(entry.error, 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 = r;
-    entry.error = 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) {
-    return new AsyncQueue({
-      name: "FormRenderAsyncQueue",
-      parallelism,
-      async processor({ method = "post", params, url }, cb, removeCache) {
-        const http = getHttpInstance();
-        if (!http) {
-          useCommonLog().invalidHttpInstanceLog();
-          cb();
-          removeCache();
-          return;
-        }
-        try {
-          const res = await http[method](url, params);
-          const { data, success } = res;
-          if (!success)
-            throw res;
-          cb(void 0, data);
-        } catch (e) {
-          cb(new Error(`Request error => ${e}`));
-          removeCache();
-        }
-      },
-      getKey(item) {
-        return item.url + JSON.stringify(item.params || {});
-      }
-    });
-  }
-  return { create };
-}
-
-export { AsyncQueue, useAsyncQueue };
+export { AsyncQueue, useAsyncQueue } from './useAsyncQueue2.js';

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

@@ -0,0 +1,137 @@
+import { useFormRequest, useCommonLog } from '../../../../packages/form-render';
+
+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(entry.error, 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 = r;
+    entry.error = 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) {
+    return new AsyncQueue({
+      name: "FormRenderAsyncQueue",
+      parallelism,
+      async processor({ method = "post", params, url }, cb, removeCache) {
+        const http = getHttpInstance();
+        if (!http) {
+          useCommonLog().invalidHttpInstanceLog();
+          cb();
+          removeCache();
+          return;
+        }
+        try {
+          const res = await http[method](url, params);
+          const { data, success } = res;
+          if (!success)
+            throw res;
+          cb(void 0, data);
+        } 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/packages/form-render/src/hooks/useBusinessBinding.js

@@ -1,60 +1 @@
-import { isString } from '@vueuse/core';
-import { FIELD_BUSINESS_TYPE } from '../constants/index.js';
-import { isIdCard, parseIdCard } from '../utils/index.js';
-
-class BusinessCollector {
-  constructor() {
-    this.typeCollector = /* @__PURE__ */ new Map();
-    this.fieldNameCollector = /* @__PURE__ */ new Map();
-    this.handlerMap = /* @__PURE__ */ new Map([[FIELD_BUSINESS_TYPE.ID_CARD, this.handlerIdCardType.bind(this)]]);
-  }
-  collect(type, fieldName) {
-    const set = this.typeCollector.get(type) || /* @__PURE__ */ new Set();
-    set.add(fieldName);
-    this.typeCollector.set(type, set);
-    this.fieldNameCollector.set(fieldName, type);
-  }
-  getField(type) {
-    return [...this.typeCollector.get(type) || /* @__PURE__ */ new Set()];
-  }
-  getType(fieldName) {
-    return this.fieldNameCollector.get(fieldName);
-  }
-  handlerIdCardType(formModel, value) {
-    if (!value || !isString(value) || !isIdCard(value))
-      return;
-    const info = parseIdCard(value);
-    const ageFields = this.getField(FIELD_BUSINESS_TYPE.AGE);
-    ageFields.forEach((field) => {
-      formModel.setFieldState(field, (state) => {
-        state.value = info.age;
-      });
-    });
-    const sexFields = this.getField(FIELD_BUSINESS_TYPE.SEX);
-    sexFields.forEach((field) => {
-      formModel.setFieldState(field, (state) => {
-        state.value = info.sex;
-      });
-    });
-    const birthdayFields = this.getField(FIELD_BUSINESS_TYPE.BIRTHDAY);
-    birthdayFields.forEach((field) => {
-      formModel.setFieldState(field, (state) => {
-        state.value = info.birthday;
-      });
-    });
-  }
-  trigger(formModel, fieldName, value) {
-    const type = this.getType(fieldName);
-    if (!type || !this.handlerMap.has(type))
-      return;
-    this.handlerMap.get(type)(formModel, value);
-  }
-}
-function useBusinessBinding() {
-  function create() {
-    return new BusinessCollector();
-  }
-  return { create };
-}
-
-export { BusinessCollector, useBusinessBinding };
+export { BusinessCollector, useBusinessBinding } from './useBusinessBinding2.js';

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

@@ -0,0 +1,62 @@
+import { isString } from '@vueuse/core';
+import { FIELD_BUSINESS_TYPE } from '../constants/index2.js';
+import { isIdCard, parseIdCard } from '../utils/index2.js';
+
+class BusinessCollector {
+  constructor() {
+    this.typeCollector = /* @__PURE__ */ new Map();
+    this.fieldNameCollector = /* @__PURE__ */ new Map();
+    this.handlerMap = /* @__PURE__ */ new Map([
+      [FIELD_BUSINESS_TYPE.ID_CARD, this.handlerIdCardType.bind(this)]
+    ]);
+  }
+  collect(type, fieldName) {
+    const set = this.typeCollector.get(type) || /* @__PURE__ */ new Set();
+    set.add(fieldName);
+    this.typeCollector.set(type, set);
+    this.fieldNameCollector.set(fieldName, type);
+  }
+  getField(type) {
+    return [...this.typeCollector.get(type) || /* @__PURE__ */ new Set()];
+  }
+  getType(fieldName) {
+    return this.fieldNameCollector.get(fieldName);
+  }
+  handlerIdCardType(formModel, value) {
+    if (!value || !isString(value) || !isIdCard(value))
+      return;
+    const info = parseIdCard(value);
+    const ageFields = this.getField(FIELD_BUSINESS_TYPE.AGE);
+    ageFields.forEach((field) => {
+      formModel.setFieldState(field, (state) => {
+        state.value = info.age;
+      });
+    });
+    const sexFields = this.getField(FIELD_BUSINESS_TYPE.SEX);
+    sexFields.forEach((field) => {
+      formModel.setFieldState(field, (state) => {
+        state.value = info.sex;
+      });
+    });
+    const birthdayFields = this.getField(FIELD_BUSINESS_TYPE.BIRTHDAY);
+    birthdayFields.forEach((field) => {
+      formModel.setFieldState(field, (state) => {
+        state.value = info.birthday;
+      });
+    });
+  }
+  trigger(formModel, fieldName, value) {
+    const type = this.getType(fieldName);
+    if (!type || !this.handlerMap.has(type))
+      return;
+    this.handlerMap.get(type)(formModel, value);
+  }
+}
+function useBusinessBinding() {
+  function create() {
+    return new BusinessCollector();
+  }
+  return { create };
+}
+
+export { BusinessCollector, useBusinessBinding };

package/es/packages/form-render/src/hooks/useChangeContext.js

@@ -1,21 +1 @@
-class ContextCollector {
-  constructor() {
-    this.contextMap = /* @__PURE__ */ new Map();
-  }
-  setContext(key, prop, value) {
-    const context = this.contextMap.get(key) || {};
-    Reflect.set(context, prop, value);
-    this.contextMap.set(key, context);
-  }
-  getContext(key) {
-    return this.contextMap.get(key) || {};
-  }
-}
-function useChangeContext() {
-  function create() {
-    return new ContextCollector();
-  }
-  return { create };
-}
-
-export { ContextCollector, useChangeContext };
+export { ContextCollector, useChangeContext } from './useChangeContext2.js';

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

@@ -0,0 +1,23 @@
+class ContextCollector {
+  constructor() {
+    this.contextMap = /* @__PURE__ */ new Map();
+  }
+  setContext(key, prop, value) {
+    const context = this.contextMap.get(key) || {};
+    Reflect.set(context, prop, value);
+    this.contextMap.set(key, context);
+  }
+  getContext(key) {
+    const result = this.contextMap.get(key) || {};
+    this.contextMap.delete(key);
+    return result;
+  }
+}
+function useChangeContext() {
+  function create() {
+    return new ContextCollector();
+  }
+  return { create };
+}
+
+export { ContextCollector, useChangeContext };

package/es/packages/form-render/src/hooks/useCommonLog.js

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

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

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

package/es/packages/form-render/src/hooks/{useFieldList2Schema.d.ts → useFieldListAdaptor.d.ts}

@@ -3,8 +3,8 @@ import { BusinessCollector } from '../../../../../es/packages/form-render';
 /**
  * @description 胶水层, 将低代码平台中的fieldList转换为JSONSchema
  */
-export declare function useFieldList2Schema(collector: BusinessCollector): {
-    transform: (fieldList: FieldItem[]) => Record<string, import("@formily/json-schema/esm/types").Stringify<{
+export declare function useFieldListAdaptor(collector: BusinessCollector, uuid: string): {
+    schemaAdaptor: (fieldList: FieldItem[]) => Record<string, import("@formily/json-schema/esm/types").Stringify<{
         [key: symbol]: any;
         [key: `x-${string}`]: any;
         [key: `x-${number}`]: any;

package/es/packages/form-render/src/hooks/useFieldListAdaptor.js

@@ -0,0 +1 @@
+export { useFieldListAdaptor } from './useFieldListAdaptor2.js';

package/es/packages/form-render/src/hooks/{useFieldList2Schema.js → useFieldListAdaptor2.js}

@@ -1,9 +1,9 @@
 import { pick } from 'lodash-es';
-import { arrayed, transformDateFormat } from '../utils/index.js';
+import { arrayed, transformDateFormat } from '../utils/index2.js';
 import { useFormValidator, useTypeNormalize } from '../../../../packages/form-render';
 import { isObject } from '@vueuse/core';
 
-function useFieldList2Schema(collector) {
+function useFieldListAdaptor(collector, uuid) {
   const { createValidatorSchema } = useFormValidator();
   const createStandardSchema = (item) => {
     const result = {
@@ -11,7 +11,11 @@ function useFieldList2Schema(collector) {
       type: "string",
       title: item.alias || item.name,
       "x-decorator": "FORM_ITEM",
-      "x-decorator-props": { span: item.elem_width, showLabel: item.hide_title !== "1" },
+      "x-decorator-props": {
+        span: item.elem_width,
+        showLabel: item.hide_title !== "1",
+        id: `${uuid}-${item.val_key}`
+      },
       "x-component": item.html_type,
       "x-component-props": { placeholder: item.placeholder, clearable: item.is_empty === "1" },
       "x-display": item.is_show === "0" ? "hidden" : "visible",
@@ -83,7 +87,7 @@ function useFieldList2Schema(collector) {
     schema["x-decorator-props"].showLabel = false;
     Object.assign(schema["x-component-props"], {
       title: item.alias || item.name,
-      properties: transform(item.children || [])
+      getProperties: () => item.children || []
     });
     return schema;
   };
@@ -131,7 +135,7 @@ function useFieldList2Schema(collector) {
   };
   const createComplexSchema = (item) => {
     const schema = createStandardSchema(item);
-    const properties = Array.isArray(item.properties) ? transform(item.properties) : {};
+    const properties = Array.isArray(item.properties) ? schemaAdaptor(item.properties) : {};
     schema.type = item.fieldType || "void";
     schema.properties = properties;
     Object.assign(schema["x-decorator-props"], { showFeedback: false });
@@ -168,11 +172,11 @@ function useFieldList2Schema(collector) {
       title: item.alias || item.name,
       "x-component": "INPUT_GROUP",
       "x-component-props": { span: item.elem_width },
-      properties: transform(fieldList)
+      properties: schemaAdaptor(fieldList)
     };
   };
   const { normalize } = useTypeNormalize();
-  function transform(fieldList) {
+  function schemaAdaptor(fieldList) {
     let prevLinebar = null;
     return fieldList.reduce((fin, cur) => {
       var _a;
@@ -191,7 +195,7 @@ function useFieldList2Schema(collector) {
       return fin;
     }, {});
   }
-  return { transform };
+  return { schemaAdaptor };
 }
 
-export { useFieldList2Schema };
+export { useFieldListAdaptor };

package/es/packages/form-render/src/hooks/useFieldVisitor.d.ts

@@ -1,4 +1,4 @@
-import { FieldItem, FieldVisitor } from "../types";
+import { FieldItem, FieldVisitor } from '../types';
 export declare function useFieldVisitor(): {
     traverse: (fieldList: FieldItem[], visitorMap?: FieldVisitor, key?: string) => FieldItem[];
 };

package/es/packages/form-render/src/hooks/useFieldVisitor.js

@@ -1,38 +1 @@
-import { arrayed } from '../utils/index.js';
-import { isFunction } from '@vueuse/core';
-
-function useFieldVisitor() {
-  function traverse(fieldList, visitorMap, key = "val_key") {
-    if (!visitorMap)
-      return fieldList;
-    return fieldList.reduce((fin, field) => {
-      if (Array.isArray(field.children)) {
-        field.children = traverse(field.children, visitorMap, key);
-      }
-      if (field.suffixConfig) {
-        field.suffixConfig = traverse(arrayed(field.suffixConfig), visitorMap, key);
-      }
-      const visitor = visitorMap[field[key]];
-      let current = field;
-      const before = [];
-      const after = [];
-      isFunction(visitor) && visitor({
-        field,
-        replace(field2) {
-          current = field2;
-        },
-        insertBefore(field2) {
-          before.push(...arrayed(field2));
-        },
-        insertAfter(field2) {
-          after.push(...arrayed(field2));
-        }
-      });
-      fin.push(...before, current, ...after);
-      return fin;
-    }, []);
-  }
-  return { traverse };
-}
-
-export { useFieldVisitor };
+export { useFieldVisitor } from './useFieldVisitor2.js';