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

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

@@ -1,153 +1 @@
-import { uuidGenerator } from '../../../../shared/utils/index.js';
-import { cloneDeep, isFunction } from 'lodash-es';
-import { unref } from 'vue';
-import '../../index.js';
-import { useCommonLog } from './useCommonLog.js';
-import { useFormRequest } from './useFormRequest.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(requestInstance) {
-  const { getHttpInstance } = useFormRequest();
-  function create(parallelism = 3, option) {
-    return new AsyncQueue({
-      name: "FormRenderAsyncQueue",
-      parallelism,
-      async processor({ key, method = "post", cache, params, url }, cb, removeCache) {
-        var _a, _b;
-        const http = (_a = unref(requestInstance)) != null ? _a : getHttpInstance();
-        if (!http) {
-          useCommonLog().invalidHttpInstanceLog();
-          cb();
-          removeCache();
-          return;
-        }
-        try {
-          if (option && isFunction(option.beforeRequest)) {
-            params = (_b = option.beforeRequest(key, params)) != null ? _b : {};
-          }
-          let res = await http[method](url, params);
-          if (option && isFunction(option.afterRequest)) {
-            res = option.afterRequest(key, res);
-          }
-          cb(void 0, Array.isArray(res) ? res : []);
-          !cache && removeCache();
-        } catch (e) {
-          cb(new Error(`Request error => ${e}`));
-          removeCache();
-        }
-      },
-      getKey({ url, method = "post", cache, params }) {
-        if (!cache)
-          return uuidGenerator();
-        return url + method + JSON.stringify(params || {});
-      }
-    });
-  }
-  return { create };
-}
-
-export { AsyncQueue, useAsyncQueue };
+import{uuidGenerator as s}from"../../../../shared/utils/index.js";import{cloneDeep as e,isFunction as t}from"lodash-es";import{unref as r}from"vue";import"../../index.js";import{useCommonLog as i}from"./useCommonLog.js";import{useFormRequest as o}from"./useFormRequest.js";class a{constructor(s,e,t){this.item=s,this.key=e,this.state=0,this.callback=t}}class c{constructor(s){this._list=s?Array.from(s):[]}enqueue(s){this._list.push(s)}dequeue(){return this._list.shift()}}class n{constructor({name:s,processor:e,getKey:t,parallelism:r}){this._queued=new c,this._entries=new Map,this._activeTasks=0,this._processingLock=!1,this._stopped=!1,this.name=s,this.processor=e,this.getKey=t,this.parallelism=r||100}add(s,t){if(this._stopped)return t(new Error("Queue was stopped"));const r=this.getKey(s);if(this._entries.has(r)){const s=this._entries.get(r);return void(1===s.state?setTimeout((()=>{t&&t(e(s.error),e(s.result))})):s.callbacks?s.callbacks.push(t):s.callbacks=[t])}const i=new a(s,r,t);this._entries.set(r,i),this._queued.enqueue(i),this._processingLock||(this._processingLock=!0,Promise.resolve().then(this._ensureProcessing.bind(this)))}addAsync(s){return new Promise(((e,t)=>{this.add(s,((s,r)=>{s&&t(s),e(r)}))}))}_ensureProcessing(){for(;this._activeTasks<this.parallelism;){const s=this._queued.dequeue();if(!s)break;this._activeTasks++,s.state=0,this._startProcess(s)}this._processingLock=!1}_startProcess(s){this.processor(s.item,((e,t)=>{e?this._handlerResult(s,e):this._handlerResult(s,e,t)}),(()=>this._entries.delete(s.key)))}_handlerResult(s,t,r){const i=s.callback;s.state=1,s.callback=void 0,s.result=e(r),s.error=e(t),this._activeTasks--,i&&i(t,r),s.callbacks&&s.callbacks.forEach((s=>s(t,r))),this._processingLock||(this._processingLock=!0,Promise.resolve().then(this._ensureProcessing.bind(this)))}}function h(e){const{getHttpInstance:a}=o();return{create:function(o=3,c){return new n({name:"FormRenderAsyncQueue",parallelism:o,async processor({key:s,method:o="post",cache:n,params:h,url:l},u,p){var m,d;const _=null!=(m=r(e))?m:a();if(!_)return i().invalidHttpInstanceLog(),u(),void p();try{c&&t(c.beforeRequest)&&(h=null!=(d=c.beforeRequest(s,h))?d:{});let e=await _[o](l,h);c&&t(c.afterRequest)&&(e=c.afterRequest(s,e)),u(void 0,Array.isArray(e)?e:[]),!n&&p()}catch(s){u(new Error(`Request error => ${s}`)),p()}},getKey:({url:e,method:t="post",cache:r,params:i})=>r?e+t+JSON.stringify(i||{}):s()})}}}export{n as AsyncQueue,h as useAsyncQueue};

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

@@ -1,43 +1 @@
-import { untracked } from '@formily/reactive';
-import { nextTick } from 'vue';
-
-function useAutoHidden() {
-  async function trigger(field) {
-    const fieldDisplay = field.selfDisplay;
-    untracked(async () => {
-      if (field.componentType === "LINEBAR") {
-        await nextTick();
-        linebarVisibleCheck(field);
-      } else {
-        const parent = field.parent;
-        if (!parent || parent.componentType !== "LINEBAR")
-          return;
-        if (fieldDisplay === "visible") {
-          parent.setDisplay("visible");
-        } else {
-          linebarVisibleCheck(parent);
-        }
-      }
-    });
-  }
-  return { trigger };
-}
-async function linebarVisibleCheck(field) {
-  if (field.selfDisplay === "hidden")
-    return;
-  const visible = getChildrenAddress(field).some((address) => {
-    const targetField = field.form.fields[address];
-    return targetField && targetField.selfDisplay === "visible";
-  });
-  field.setDisplay(visible ? "visible" : "hidden");
-}
-function getChildrenAddress(field) {
-  const fieldAddress = field.address.toString();
-  const addresses = Reflect.get(field.form.query(fieldAddress + ".*"), "addresses");
-  return addresses.filter((address) => {
-    const targetField = field.form.fields[address];
-    return targetField && targetField.address.parent().toString() === fieldAddress;
-  });
-}
-
-export { useAutoHidden };
+import{untracked as e}from"@formily/reactive";import{nextTick as t}from"vue";function s(){return{trigger:async function(s){const n=s.selfDisplay;e((async()=>{if("LINEBAR"===s.componentType)await t(),i(s);else{const e=s.parent;if(!e||"LINEBAR"!==e.componentType)return;"visible"===n?e.setDisplay("visible"):i(e)}}))}}}async function i(e){if("hidden"===e.selfDisplay)return;const t=function(e){const t=e.address.toString();return Reflect.get(e.form.query(t+".*"),"addresses").filter((s=>{const i=e.form.fields[s];return i&&i.address.parent().toString()===t}))}(e).some((t=>{const s=e.form.fields[t];return s&&"visible"===s.selfDisplay}));e.setDisplay(t?"visible":"hidden")}export{s as useAutoHidden};

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

@@ -1,119 +1 @@
-import { isField } from '@formily/core';
-import { isString } from '@vueuse/core';
-import { format } from 'date-fns';
-import { isFunction, isNumber } from 'lodash-es';
-import { FIELD_BUSINESS_TYPE } from '../constants/index.js';
-import '../utils/index.js';
-import { isIdCard, parseIdCard, parseAgeFromContext, parseBirthday, parseAge2Birthday } from '../utils/business.js';
-
-class BusinessCollector {
-  constructor(businessFormatter) {
-    this.businessFormatter = businessFormatter;
-    this.typeLockMap = /* @__PURE__ */ new Map();
-    this.typeCollector = /* @__PURE__ */ new Map();
-    this.fieldNameCollector = /* @__PURE__ */ new Map();
-    this.changeHandlerMap = /* @__PURE__ */ new Map([]);
-  }
-  formatter(...args) {
-    return isFunction(this.businessFormatter) ? this.businessFormatter(...args) : args[0].value;
-  }
-  collect(type, fieldItem) {
-    this.typeCollector.set(type, fieldItem);
-    this.fieldNameCollector.set(fieldItem.val_key, type);
-  }
-  getField(type) {
-    return this.typeCollector.get(type);
-  }
-  getFieldInstanceByType(formModel, type) {
-    const field = this.getField(type);
-    return field ? formModel.query(field.val_key).take() : null;
-  }
-  getType(fieldName) {
-    return this.fieldNameCollector.get(fieldName);
-  }
-  getValueByField(formModel, fieldName) {
-    const _field = formModel.query(fieldName).take();
-    return isField(_field) ? _field.value : null;
-  }
-  getValueByType(formModel, type) {
-    const field = this.getField(type);
-    return field ? this.getValueByField(formModel, field.val_key) : null;
-  }
-  setValueByType(formModel, type, value) {
-    const field = this.getField(type);
-    field && formModel.setFieldState(field.val_key, (state) => {
-      if (state.value === value)
-        return;
-      const lock = this.typeLockMap.get(type);
-      this.typeLockMap.set(type, isNumber(lock) ? lock + 1 : 1);
-      state.value = this.formatter({ value, type, fieldKey: field.val_key });
-    });
-  }
-  registerChangeBusiness(type, handler) {
-    this.changeHandlerMap.set(type, handler);
-    return this;
-  }
-  trigger(formModel, fieldName, triggerType = "change") {
-    var _a;
-    const type = this.getType(fieldName);
-    if (!type)
-      return;
-    if (triggerType === "change" && this.typeLockMap.get(type) > 0) {
-      return this.typeLockMap.set(type, this.typeLockMap.get(type) - 1);
-    }
-    const handler = triggerType === "change" ? this.changeHandlerMap : null;
-    if (!handler)
-      return;
-    (_a = handler.get(type)) == null ? void 0 : _a.call(this, formModel);
-  }
-}
-function useBusinessBinding() {
-  function getBirthdayFormat() {
-    var _a;
-    const birthdayField = this.getField(FIELD_BUSINESS_TYPE.BIRTHDAY);
-    return (_a = birthdayField == null ? void 0 : birthdayField.date_format) != null ? _a : "yyyy-MM-dd HH:mm";
-  }
-  function handlerIdCardType(formModel) {
-    const idCard = this.getValueByType(formModel, FIELD_BUSINESS_TYPE.ID_CARD);
-    if (!idCard || !isString(idCard) || !isIdCard(idCard)) {
-      return;
-    }
-    const info = parseIdCard(idCard);
-    const { age, ageUnit } = parseAgeFromContext(info);
-    this.setValueByType(formModel, FIELD_BUSINESS_TYPE.AGE_UNIT, ageUnit);
-    this.setValueByType(formModel, FIELD_BUSINESS_TYPE.AGE, age);
-    this.setValueByType(formModel, FIELD_BUSINESS_TYPE.SEX, info.sex);
-    this.setValueByType(
-      formModel,
-      FIELD_BUSINESS_TYPE.BIRTHDAY,
-      format(new Date(info.birthday), getBirthdayFormat.call(this))
-    );
-  }
-  function handlerBirthdayType(formModel) {
-    const birthday = this.getValueByType(formModel, FIELD_BUSINESS_TYPE.BIRTHDAY);
-    if (!isString(birthday))
-      return;
-    const { age, ageUnit } = parseAgeFromContext(parseBirthday(birthday));
-    this.setValueByType(formModel, FIELD_BUSINESS_TYPE.AGE_UNIT, ageUnit);
-    this.setValueByType(formModel, FIELD_BUSINESS_TYPE.AGE, age);
-  }
-  function handlerAgeType(formModel) {
-    const age = this.getValueByType(formModel, FIELD_BUSINESS_TYPE.AGE);
-    const ageUnit = this.getValueByType(formModel, FIELD_BUSINESS_TYPE.AGE_UNIT);
-    if (!isString(age) && !isNumber(age) || age === "")
-      return;
-    if (!isString(ageUnit) || ageUnit === "")
-      return;
-    this.setValueByType(
-      formModel,
-      FIELD_BUSINESS_TYPE.BIRTHDAY,
-      parseAge2Birthday(+age, ageUnit, getBirthdayFormat.call(this))
-    );
-  }
-  function create(formatter) {
-    return new BusinessCollector(formatter).registerChangeBusiness(FIELD_BUSINESS_TYPE.ID_CARD, handlerIdCardType).registerChangeBusiness(FIELD_BUSINESS_TYPE.AGE_UNIT, handlerAgeType).registerChangeBusiness(FIELD_BUSINESS_TYPE.AGE, handlerAgeType).registerChangeBusiness(FIELD_BUSINESS_TYPE.BIRTHDAY, handlerBirthdayType);
-  }
-  return { create };
-}
-
-export { BusinessCollector, useBusinessBinding };
+import{isField as e}from"@formily/core";import{isString as t}from"@vueuse/core";import{format as s}from"date-fns";import{isFunction as i,isNumber as r}from"lodash-es";import{FIELD_BUSINESS_TYPE as n}from"../constants/index.js";import"../utils/index.js";import{isIdCard as a,parseIdCard as l,parseAgeFromContext as o,parseBirthday as u,parseAge2Birthday as y}from"../utils/business.js";class h{constructor(e){this.businessFormatter=e,this.typeLockMap=new Map,this.typeCollector=new Map,this.fieldNameCollector=new Map,this.changeHandlerMap=new Map([])}formatter(...e){return i(this.businessFormatter)?this.businessFormatter(...e):e[0].value}collect(e,t){this.typeCollector.set(e,t),this.fieldNameCollector.set(t.val_key,e)}getField(e){return this.typeCollector.get(e)}getFieldInstanceByType(e,t){const s=this.getField(t);return s?e.query(s.val_key).take():null}getType(e){return this.fieldNameCollector.get(e)}getValueByField(t,s){const i=t.query(s).take();return e(i)?i.value:null}getValueByType(e,t){const s=this.getField(t);return s?this.getValueByField(e,s.val_key):null}setValueByType(e,t,s){const i=this.getField(t);i&&e.setFieldState(i.val_key,(e=>{if(e.value===s)return;const n=this.typeLockMap.get(t);this.typeLockMap.set(t,r(n)?n+1:1),e.value=this.formatter({value:s,type:t,fieldKey:i.val_key})}))}registerChangeBusiness(e,t){return this.changeHandlerMap.set(e,t),this}trigger(e,t,s="change"){var i;const r=this.getType(t);if(!r)return;if("change"===s&&this.typeLockMap.get(r)>0)return this.typeLockMap.set(r,this.typeLockMap.get(r)-1);const n="change"===s?this.changeHandlerMap:null;n&&(null==(i=n.get(r))||i.call(this,e))}}function c(){function e(){var e;const t=this.getField(n.BIRTHDAY);return null!=(e=null==t?void 0:t.date_format)?e:"yyyy-MM-dd HH:mm"}function i(i){const r=this.getValueByType(i,n.ID_CARD);if(!r||!t(r)||!a(r))return;const u=l(r),{age:y,ageUnit:h}=o(u);this.setValueByType(i,n.AGE_UNIT,h),this.setValueByType(i,n.AGE,y),this.setValueByType(i,n.SEX,u.sex),this.setValueByType(i,n.BIRTHDAY,s(new Date(u.birthday),e.call(this)))}function c(e){const s=this.getValueByType(e,n.BIRTHDAY);if(!t(s))return;const{age:i,ageUnit:r}=o(u(s));this.setValueByType(e,n.AGE_UNIT,r),this.setValueByType(e,n.AGE,i)}function p(s){const i=this.getValueByType(s,n.AGE),a=this.getValueByType(s,n.AGE_UNIT);(t(i)||r(i))&&""!==i&&t(a)&&""!==a&&this.setValueByType(s,n.BIRTHDAY,y(+i,a,e.call(this)))}return{create:function(e){return new h(e).registerChangeBusiness(n.ID_CARD,i).registerChangeBusiness(n.AGE_UNIT,p).registerChangeBusiness(n.AGE,p).registerChangeBusiness(n.BIRTHDAY,c)}}}export{h as BusinessCollector,c as useBusinessBinding};

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

@@ -1,20 +1 @@
-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 };
+class t{constructor(){this.contextMap=new Map}setContext(t,e){this.contextMap.set(t,e)}getContext(t,e){var n;return null==(n=this.contextMap.get(t))?void 0:n(e)}}function e(){return{create:function(){return new t}}}export{t as ContextCollector,e as useChangeContext};

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

@@ -1,43 +1 @@
-import { isField } from '@formily/core';
-import { watch, ref } from 'vue';
-import '../../index.js';
-import { useFormField } from './useFormField.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 };
-}
-function useSelectOptionProps() {
-  const nodeProps = () => {
-    return { class: "form-render__selectOption" };
-  };
-  const menuProps = { class: "form-render__selectMenu" };
-  return { nodeProps, menuProps };
-}
-
-export { useCommonInjection, useSelectOptionProps };
+import{isField as e}from"@formily/core";import{watch as r,ref as n}from"vue";import"../../index.js";import{useFormField as t}from"./useFormField.js";function i(){return{injectValueValidate:function(n){const{field:i}=t();r(n,(()=>{var r,n,t;try{if(!e(i.value))return;if(!i.value.visited&&!(null==(r=i.value.selfErrors)?void 0:r.length))return;null==(t=(n=i.value).validate)||t.call(n)}catch(e){}}))},injectValueWatchFromEmpty:function(e,n){r(e,((e,r)=>null!=e&&null==r&&n()),{immediate:!0})},injectValueBindKey:function(e){const t=n(1);return r(e,((e,r)=>{void 0===e&&void 0!==r&&t.value++})),t}}}function l(){return{nodeProps:()=>({class:"form-render__selectOption"}),menuProps:{class:"form-render__selectMenu"}}}export{i as useCommonInjection,l as useSelectOptionProps};

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

@@ -1,12 +1 @@
-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 };
+import{formRenderLog as t}from"../utils/index.js";function e(){return{invalidHttpInstanceLog:function(){t("before use http feature, you should regist http instance by useFormilyRequest.registGlobHttpInstance()")}}}export{e as useCommonLog};

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

@@ -1,225 +1 @@
-import { reactive, defineComponent, inject, computed, watch, onUnmounted, onMounted, createVNode, withModifiers, ref } from 'vue';
-import { checkInSetupEnv, jsonParse } from '../../../../shared/utils/index.js';
-import { RecursionField } from '@formily/vue';
-import { sumBy, property, noop, isObject, isArray, isString, cloneDeep, isNumber } from 'lodash-es';
-import '../../index.js';
-import { InjectionFormUUID, InjectionBusinessCollector } from '../constants/index.js';
-import { useFormField } from './useFormField.js';
-import { useFieldListAdaptor } from './useFieldListAdaptor.js';
-import { createObjSchema } from '../utils/schema.js';
-
-const spanMap = reactive(/* @__PURE__ */ new Map());
-function setSpan(uuid, address, span = 0) {
-  spanMap.set(uuid, spanMap.get(uuid) || {});
-  const spanObj = spanMap.get(uuid);
-  spanObj[address + ""] = span;
-}
-function getSpan(uuid, address) {
-  const spanObj = spanMap.get(uuid);
-  if (!spanObj)
-    return 0;
-  return Object.entries(spanObj).reduce((res, [k, v]) => {
-    if (k === address + "" || k.startsWith(`${address}.`))
-      return res + v;
-    return res;
-  }, 0);
-}
-function deleteSpan(uuid, address) {
-  const spanObj = spanMap.get(uuid);
-  spanObj && Reflect.deleteProperty(spanObj, address + "");
-}
-function clearSpan(uuid) {
-  spanMap.delete(uuid);
-}
-const ChildSchemaField = defineComponent({
-  props: {
-    fields: {
-      type: Array,
-      default: () => []
-    },
-    name: {
-      type: String,
-      required: true
-    }
-  },
-  setup(props) {
-    const uuid = inject(InjectionFormUUID);
-    const {
-      field
-    } = useFormField();
-    const collector = inject(InjectionBusinessCollector);
-    const {
-      schemaAdaptor
-    } = useFieldListAdaptor(collector);
-    function assignConfig(schema2) {
-      return Object.assign(schema2, {
-        ["x-decorator-props"]: {
-          ...schema2["x-decorator-props"],
-          labelPlacement: "left",
-          showFeedback: false,
-          showLabel: !!schema2.title
-        },
-        ["x-component-props"]: {
-          ...schema2["x-component-props"],
-          size: "small"
-        }
-      });
-    }
-    const schema = computed(() => {
-      const schemaProperty = schemaAdaptor(props.fields);
-      Object.values(schemaProperty).forEach(assignConfig);
-      return createObjSchema(schemaProperty);
-    });
-    const column = computed(() => {
-      return sumBy(Object.values(schema.value.properties || []), property("x-decorator-props.span"));
-    });
-    const fieldKey = computed(() => `${field.value.address.toString()}.${props.name}`);
-    watch(column, (_column) => {
-      setSpan(uuid, fieldKey.value, _column);
-    }, {
-      immediate: true
-    });
-    function getRecursionField() {
-      const formModel = field.value.form;
-      return formModel.query(fieldKey.value).take();
-    }
-    onUnmounted(() => {
-      const recursionField = getRecursionField();
-      recursionField && (recursionField.display = "none");
-      deleteSpan(uuid, fieldKey.value);
-    });
-    onMounted(() => {
-      const recursionField = getRecursionField();
-      if (!recursionField)
-        return;
-      recursionField.display = "visible";
-    });
-    return () => createVNode("section", {
-      "onClick": withModifiers(noop, ["stop"]),
-      "class": "form-render__labelField",
-      "style": {
-        "--column": getSpan(uuid, fieldKey.value)
-      }
-    }, [createVNode(RecursionField, {
-      "name": props.name,
-      "schema": schema.value
-    }, null)]);
-  }
-});
-function isComplexOption(options) {
-  return options.some((option) => {
-    return isArray(option.childrenFields) && option.childrenFields.length;
-  });
-}
-function useComplexOptions(props, emit) {
-  checkInSetupEnv();
-  const {
-    fieldKey
-  } = useFormField();
-  const hasComplexOption = computed(() => isComplexOption(props.options));
-  function dangerousTypeTransform(value) {
-    if (isNumber(value))
-      return value + "";
-    return value;
-  }
-  const checkValueRef = ref();
-  const valueRef = computed({
-    get() {
-      return dangerousTypeTransform(hasComplexOption.value ? checkValueRef.value : props.value);
-    },
-    set(value) {
-      if (!hasComplexOption.value)
-        return emit("update:value", value);
-      if (!isObject(props.value))
-        return;
-      props.value[fieldKey.value] = value;
-      checkValueRef.value = value;
-    }
-  });
-  watch(checkValueRef, () => {
-    if (!hasComplexOption.value || !isObject(props.value))
-      return;
-    props.value[fieldKey.value] = checkValueRef.value;
-  });
-  watch([() => props.value, hasComplexOption], ([v, _has]) => {
-    if (!_has)
-      return;
-    if (isArray(v)) {
-      checkValueRef.value = v;
-      return emit("update:value", {
-        [fieldKey.value]: v
-      });
-    }
-    if (isString(v)) {
-      if (v.startsWith("{")) {
-        const result = cloneDeep(jsonParse(v));
-        checkValueRef.value = result[fieldKey.value];
-        return emit("update:value", result);
-      }
-      checkValueRef.value = v;
-      return emit("update:value", {
-        [fieldKey.value]: v
-      });
-    }
-    if (!isObject(v)) {
-      checkValueRef.value = void 0;
-      emit("update:value", {});
-    } else {
-      checkValueRef.value = v[fieldKey.value];
-    }
-  }, {
-    immediate: true
-  });
-  function valueMatcher(value, option, valueKey = "value") {
-    if (isArray(value) ? !value.includes(option[valueKey]) : value !== option[valueKey])
-      return;
-    return isArray(option.childrenFields) && option.childrenFields.length;
-  }
-  function renderComplexOption({
-    value,
-    option,
-    valueKey = "value",
-    labelKey = "label"
-  }) {
-    return [option[labelKey], hasComplexOption.value && valueMatcher(value, option, valueKey) ? createVNode(ChildSchemaField, {
-      "fields": option.childrenFields,
-      "name": option[valueKey]
-    }, null) : null];
-  }
-  return {
-    renderComplexOption,
-    valueRef,
-    hasComplexOption,
-    checkValueRef
-  };
-}
-function useComplexOptionsSpan() {
-  return {
-    getSpan,
-    setSpan,
-    deleteSpan,
-    clearSpan
-  };
-}
-function useComplexOptionsKey() {
-  function combineComplexOptionKey(fieldList, values) {
-    const fieldMap = fieldList.reduce((res, field) => {
-      res[field.val_key] = field;
-      return res;
-    }, {});
-    return Object.entries(values).reduce((res, [k, v]) => {
-      const field = fieldMap[k];
-      if (field && isArray(field.option) && isComplexOption(field.option)) {
-        res[k] = JSON.stringify(v);
-      } else {
-        res[k] = v;
-      }
-      return res;
-    }, {});
-  }
-  return {
-    combineComplexOptionKey
-  };
-}
-
-export { useComplexOptions, useComplexOptionsKey, useComplexOptionsSpan };
+import{reactive as e,defineComponent as t,inject as n,computed as l,watch as r,onUnmounted as u,onMounted as a,createVNode as o,withModifiers as i,ref as s}from"vue";import{checkInSetupEnv as c,jsonParse as p}from"../../../../shared/utils/index.js";import{RecursionField as d}from"@formily/vue";import{sumBy as v,property as m,noop as f,isObject as h,isArray as y,isString as b,cloneDeep as g,isNumber as x}from"lodash-es";import"../../index.js";import{InjectionFormUUID as j,InjectionBusinessCollector as F}from"../constants/index.js";import{useFormField as O}from"./useFormField.js";import{useFieldListAdaptor as S}from"./useFieldListAdaptor.js";import{createObjSchema as k}from"../utils/schema.js";const C=e(new Map);function K(e,t,n=0){C.set(e,C.get(e)||{});C.get(e)[t+""]=n}function w(e,t){const n=C.get(e);return n?Object.entries(n).reduce(((e,[n,l])=>n===t+""||n.startsWith(`${t}.`)?e+l:e),0):0}function A(e,t){const n=C.get(e);n&&Reflect.deleteProperty(n,t+"")}function R(e){C.delete(e)}const $=t({props:{fields:{type:Array,default:()=>[]},name:{type:String,required:!0}},setup(e){const t=n(j),{field:s}=O(),c=n(F),{schemaAdaptor:p}=S(c);function h(e){return Object.assign(e,{"x-decorator-props":{...e["x-decorator-props"],labelPlacement:"left",showFeedback:!1,showLabel:!!e.title},"x-component-props":{...e["x-component-props"],size:"small"}})}const y=l((()=>{const t=p(e.fields);return Object.values(t).forEach(h),k(t)})),b=l((()=>v(Object.values(y.value.properties||[]),m("x-decorator-props.span")))),g=l((()=>`${s.value.address.toString()}.${e.name}`));function x(){return s.value.form.query(g.value).take()}return r(b,(e=>{K(t,g.value,e)}),{immediate:!0}),u((()=>{const e=x();e&&(e.display="none"),A(t,g.value)})),a((()=>{const e=x();e&&(e.display="visible")})),()=>o("section",{onClick:i(f,["stop"]),class:"form-render__labelField",style:{"--column":w(t,g.value)}},[o(d,{name:e.name,schema:y.value},null)])}});function _(e){return e.some((e=>y(e.childrenFields)&&e.childrenFields.length))}function q(e,t){c();const{fieldKey:n}=O(),u=l((()=>_(e.options)));const a=s(),i=l({get(){return t=u.value?a.value:e.value,x(t)?t+"":t;var t},set(l){if(!u.value)return t("update:value",l);h(e.value)&&(e.value[n.value]=l,a.value=l)}});function d(e,t,n="value"){if(y(e)?e.includes(t[n]):e===t[n])return y(t.childrenFields)&&t.childrenFields.length}return r(a,(()=>{u.value&&h(e.value)&&(e.value[n.value]=a.value)})),r([()=>e.value,u],(([e,l])=>{if(l){if(y(e))return a.value=e,t("update:value",{[n.value]:e});if(b(e)){if(e.startsWith("{")){const l=g(p(e));return a.value=l[n.value],t("update:value",l)}return a.value=e,t("update:value",{[n.value]:e})}h(e)?a.value=e[n.value]:(a.value=void 0,t("update:value",{}))}}),{immediate:!0}),{renderComplexOption:function({value:e,option:t,valueKey:n="value",labelKey:l="label"}){return[t[l],u.value&&d(e,t,n)?o($,{fields:t.childrenFields,name:t[n]},null):null]},valueRef:i,hasComplexOption:u,checkValueRef:a}}function L(){return{getSpan:w,setSpan:K,deleteSpan:A,clearSpan:R}}function P(){return{combineComplexOptionKey:function(e,t){const n=e.reduce(((e,t)=>(e[t.val_key]=t,e)),{});return Object.entries(t).reduce(((e,[t,l])=>{const r=n[t];return r&&y(r.option)&&_(r.option)?e[t]=JSON.stringify(l):e[t]=l,e}),{})}}}export{q as useComplexOptions,P as useComplexOptionsKey,L as useComplexOptionsSpan};