cnhis-design-vue 3.3.1-beta.9 → 3.3.1-release.4

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

@@ -1 +1,112 @@
-import{defineComponent as e,computed as t,inject as n,createVNode as r}from"vue";import{connect as o,mapProps as l,RecursionField as i}from"@formily/vue";import{isString as a}from"lodash-es";import"../../../index.js";import{InjectionBusinessCollector as s,InjectionFormGlobalProps as u}from"../../constants/index.js";import{useFieldListAdaptor as m}from"../../hooks/useFieldListAdaptor.js";import{createObjSchema as c}from"../../utils/schema.js";import{createSlot as p,replace2Any as d}from"../../utils/index.js";const f=o(e({name:"FORM_TEXT",props:{content:{},fieldItem:{type:Object},value:{},onChange:{}},setup(e){function o(t,n=!1,o=!0){return o?r("div",{style:n?{display:"flex",alignItems:"center"}:{}},[l()]):l();function l(){var n,o;return null==(o=(n=p(t,e,(e=>a(e)?(e=d(e.replace("\n","<br>"),[{from:"<br>",to:r("i",{style:{width:"100%",height:"4px"}},null)},{from:" ",to:r("i",{style:{display:"inline-block",width:"4px"}},null)}])).map((e=>a(e)&&e.match(/<.+>/)?r("span",{innerHTML:e},null):e)):[e]))).default)?void 0:o.call(n)}}const l=t((()=>{var t,n;return null!=(n=null==(t=e.fieldItem)?void 0:t.__textEnhance)?n:[]})),f=t((()=>l.value.length&&l.value.some((e=>"widget"===e.type)))),v=n(s),h=n(u),{schemaAdaptor:y}=m(v,h.lifeCycle);return()=>{var t;return f.value?r("div",{style:{display:"flex",alignItems:"center"}},[l.value.map((e=>{if("text"===e.type)return o(e.content,!0,!1);if(a(e.content))return o(e.content,!0,!1);const t={...e.content};return t.decoratorProps={...t.decoratorProps,showLabel:!1,showFeedback:!1},r(i,{basePath:".",schema:c(y([t]))},null)}))]):o(null!=(t=e.content)?t:e.value)}}}),l((e=>{var t;return{...e,content:null==(t=e.fieldItem)?void 0:t.content}})));export{f as TEXT};
+import { defineComponent, computed, inject, createVNode } from 'vue';
+import { connect, mapProps, RecursionField } from '@formily/vue';
+import { isString } from 'lodash-es';
+import '../../../index.js';
+import { InjectionBusinessCollector, InjectionFormGlobalProps } from '../../constants/index.js';
+import { useFieldListAdaptor } from '../../hooks/useFieldListAdaptor.js';
+import { createObjSchema } from '../../utils/schema.js';
+import { createSlot, replace2Any } from '../../utils/index.js';
+
+const script = /* @__PURE__ */ defineComponent({
+  name: "FORM_TEXT",
+  props: {
+    content: {},
+    fieldItem: {
+      type: Object
+    },
+    value: {},
+    onChange: {}
+  },
+  setup(props) {
+    function renderText(content, flex = false, wrapper = true) {
+      return wrapper ? createVNode("div", {
+        "style": flex ? {
+          display: "flex",
+          alignItems: "center"
+        } : {}
+      }, [createContent()]) : createContent();
+      function createContent() {
+        var _a, _b;
+        return (_b = (_a = createSlot(content, props, (content2) => {
+          if (isString(content2)) {
+            content2 = replace2Any(content2.replace("\n", "<br>"), [{
+              from: "<br>",
+              to: createVNode("i", {
+                "style": {
+                  width: "100%",
+                  height: "4px"
+                }
+              }, null)
+            }, {
+              from: " ",
+              to: createVNode("i", {
+                "style": {
+                  display: "inline-block",
+                  width: "4px"
+                }
+              }, null)
+            }]);
+            return content2.map((innerContent) => {
+              if (!isString(innerContent))
+                return innerContent;
+              return innerContent.match(/<.+>/) ? createVNode("span", {
+                "innerHTML": innerContent
+              }, null) : innerContent;
+            });
+          }
+          return [content2];
+        })).default) == null ? void 0 : _b.call(_a);
+      }
+    }
+    const parseNode = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.fieldItem) == null ? void 0 : _a.__textEnhance) != null ? _b : [];
+    });
+    const hasWidget = computed(() => {
+      return parseNode.value.length && parseNode.value.some((node) => node.type === "widget");
+    });
+    const collector = inject(InjectionBusinessCollector);
+    const globProps = inject(InjectionFormGlobalProps);
+    const {
+      schemaAdaptor
+    } = useFieldListAdaptor(collector, globProps.lifeCycle);
+    return () => {
+      var _a;
+      if (!hasWidget.value)
+        return renderText((_a = props.content) != null ? _a : props.value);
+      return createVNode("div", {
+        "style": {
+          display: "flex",
+          alignItems: "center"
+        }
+      }, [parseNode.value.map((node) => {
+        if (node.type === "text") {
+          return renderText(node.content, true, false);
+        }
+        if (isString(node.content))
+          return renderText(node.content, true, false);
+        const fieldItem = {
+          ...node.content
+        };
+        fieldItem.decoratorProps = {
+          ...fieldItem.decoratorProps,
+          showLabel: false,
+          showFeedback: false
+        };
+        return createVNode(RecursionField, {
+          "basePath": ".",
+          "schema": createObjSchema(schemaAdaptor([fieldItem]))
+        }, null);
+      })]);
+    };
+  }
+});
+const TEXT = connect(script, mapProps((props) => {
+  var _a;
+  return {
+    ...props,
+    content: (_a = props.fieldItem) == null ? void 0 : _a.content
+  };
+}));
+
+export { TEXT };

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

@@ -1 +1,65 @@
-import{defineComponent as e,computed as o,inject as r,createVNode as t,mergeProps as i}from"vue";import{InjectionFormGlobalProps as s}from"../../constants/index.js";import{useCommonInjection as u}from"../../hooks/useCommonInjection.js";import"../../../../../shared/utils/index.js";import"@formily/core";import"@formily/path";import"@vicons/ionicons5";import"@vue/shared";import"@vueuse/core";import"lodash-es";import{NInput as m}from"naive-ui";import"./text.js";import"../../utils/business.js";import{assignUpdateValue as a,assignClearBindVisited as l}from"../../utils/schema.js";import{connect as n,mapProps as p,useField as v}from"@formily/vue";const d=n(e({name:"FormTextarea",props:{value:{type:String},rows:{type:Number}},emits:["update:value"],setup(e,{emit:a}){const l=o({get:()=>e.value,set:e=>a("update:value",e)}),n=u().injectValueBindKey(l),p=v(),d=r(s,{}),c=o((()=>{var e,o,r;return null!=(r=null==(o=null==(e=p.value.decoratorProps)?void 0:e.fieldItem)?void 0:o.bordered)?r:d.bordered})),f=o((()=>"underline"===c.value?{autosize:{minRows:e.rows,maxRows:99}}:{rows:e.rows}));return()=>t(m,i({type:"textarea"},f.value,{key:n.value,value:l.value,"onUpdate:value":e=>l.value=e}),null)}}),p(a,l));export{d as TEXTAREA};
+import { defineComponent, computed, inject, createVNode, mergeProps } from 'vue';
+import { InjectionFormGlobalProps } from '../../constants/index.js';
+import { useCommonInjection } from '../../hooks/useCommonInjection.js';
+import '../../../../../shared/utils/index.js';
+import '@formily/core';
+import '@formily/path';
+import '@vicons/ionicons5';
+import '@vue/shared';
+import '@vueuse/core';
+import 'lodash-es';
+import { NInput } from 'naive-ui';
+import './text.js';
+import '../../utils/business.js';
+import { assignUpdateValue, assignClearBindVisited } from '../../utils/schema.js';
+import { connect, mapProps, useField } from '@formily/vue';
+
+const script = /* @__PURE__ */ defineComponent({
+  name: "FormTextarea",
+  props: {
+    value: {
+      type: String
+    },
+    rows: {
+      type: Number
+    }
+  },
+  emits: ["update:value"],
+  setup(props, {
+    emit
+  }) {
+    const valueRef = computed({
+      get: () => props.value,
+      set: (v) => emit("update:value", v)
+    });
+    const key = useCommonInjection().injectValueBindKey(valueRef);
+    const field = useField();
+    const globProps = inject(InjectionFormGlobalProps, {});
+    const borderState = computed(() => {
+      var _a, _b, _c;
+      return (_c = (_b = (_a = field.value.decoratorProps) == null ? void 0 : _a.fieldItem) == null ? void 0 : _b.bordered) != null ? _c : globProps.bordered;
+    });
+    const rowsProps = computed(() => {
+      return borderState.value === "underline" ? {
+        autosize: {
+          minRows: props.rows,
+          maxRows: 99
+        }
+      } : {
+        rows: props.rows
+      };
+    });
+    return () => {
+      return createVNode(NInput, mergeProps({
+        "type": "textarea"
+      }, rowsProps.value, {
+        "key": key.value,
+        "value": valueRef.value,
+        "onUpdate:value": ($event) => valueRef.value = $event
+      }), null);
+    };
+  }
+});
+const TEXTAREA = connect(script, mapProps(assignUpdateValue, assignClearBindVisited));
+
+export { TEXTAREA };

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

@@ -1 +1,27 @@
-import{defineComponent as e,createVNode as r}from"vue";import{connect as o,mapProps as t}from"@formily/vue";import{useVModel as i}from"@vueuse/core";import"../../../index.js";import m from"../../../../iho-table/src/plugins/rendererPlugins/editableWidgets/timeRendererPlugin/editTime.vue.js";import{assignUpdateValue as u,assignClearBindVisited as l}from"../../utils/schema.js";const n=o(e({name:"FORM_TIME",props:{value:{},onChange:{}},setup(e){const o=i(e,"value");return()=>r(m,{formattedValue:o.value,"onUpdate:formattedValue":e=>o.value=e,ignoreGlobEmit:!0},null)}}),t(u,l));export{n as TIME};
+import { defineComponent, createVNode } from 'vue';
+import { connect, mapProps } from '@formily/vue';
+import { useVModel } from '@vueuse/core';
+import '../../../index.js';
+import EditTime from '../../../../iho-table/src/plugins/rendererPlugins/editableWidgets/timeRendererPlugin/editTime.vue.js';
+import { assignUpdateValue, assignClearBindVisited } from '../../utils/schema.js';
+
+const script = /* @__PURE__ */ defineComponent({
+  name: "FORM_TIME",
+  props: {
+    value: {},
+    onChange: {}
+  },
+  setup(props) {
+    const valueRef = useVModel(props, "value");
+    return () => {
+      return createVNode(EditTime, {
+        "formattedValue": valueRef.value,
+        "onUpdate:formattedValue": ($event) => valueRef.value = $event,
+        "ignoreGlobEmit": true
+      }, null);
+    };
+  }
+});
+const TIME = connect(script, mapProps(assignUpdateValue, assignClearBindVisited));
+
+export { TIME };

package/es/components/form-render/src/components/tooltipMessage.vue.js

@@ -1 +1,6 @@
-import e from"./tooltipMessage.vue2.js";import o from"../../../../_virtual/_plugin-vue_export-helper.js";var t=o(e,[["__file","tooltipMessage.vue"]]);export{t as default};
+import _sfc_main from './tooltipMessage.vue2.js';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.js';
+
+var TooltipMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "tooltipMessage.vue"]]);
+
+export { TooltipMessage as default };

package/es/components/form-render/src/components/tooltipMessage.vue2.js

@@ -1 +1,44 @@
-import{defineComponent as e,computed as o,openBlock as t,createBlock as s,unref as r,withCtx as i,renderSlot as n,createVNode as l,createElementVNode as a,createElementBlock as m,Fragment as p,renderList as g,toDisplayString as f}from"vue";import{HelpCircleOutline as u}from"@vicons/ionicons5";import{isString as c}from"lodash-es";import{NTooltip as d}from"naive-ui";const v={style:{display:"inline-flex","flex-direction":"column"}};var y=e({__name:"tooltipMessage",props:{message:String,to:{default:"body"}},setup(e){const y=e,x=o((()=>c(y.message)?y.message.split("<br>"):[]));return(o,c)=>(t(),s(r(d),{trigger:"hover",to:e.to},{trigger:i((()=>[n(o.$slots,"trigger",{},(()=>[l(r(u))]))])),default:i((()=>[a("section",v,[(t(!0),m(p,null,g(r(x),(e=>(t(),m("span",{key:e},f(e),1)))),128))])])),_:3},8,["to"]))}});export{y as default};
+import { defineComponent, computed, openBlock, createBlock, unref, withCtx, renderSlot, createVNode, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString } from 'vue';
+import { HelpCircleOutline } from '@vicons/ionicons5';
+import { isString } from 'lodash-es';
+import { NTooltip } from 'naive-ui';
+
+const _hoisted_1 = {
+  style: {
+    "display": "inline-flex",
+    "flex-direction": "column"
+  }
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "tooltipMessage",
+  props: {
+    message: String,
+    to: {
+      default: "body"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const parsedMessages = computed(() => {
+      if (!isString(props.message))
+        return [];
+      return props.message.split("<br>");
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NTooltip), {
+        trigger: "hover",
+        to: __props.to
+      }, {
+        trigger: withCtx(() => [renderSlot(_ctx.$slots, "trigger", {}, () => [createVNode(unref(HelpCircleOutline))])]),
+        default: withCtx(() => [createElementVNode("section", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(parsedMessages), (m) => {
+          return openBlock(), createElementBlock("span", {
+            key: m
+          }, toDisplayString(m), 1);
+        }), 128))])]),
+        _: 3
+      }, 8, ["to"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -1 +1,47 @@
-const o=Symbol("InjectionAsyncQueue"),e=Symbol("InjectionSchemaField"),n=Symbol("InjectionBusinessCollector"),t=Symbol("InjectionChangeContextCollector"),l=Symbol("InjectionFormItemDepsCollector"),i=Symbol("InjectionFormLifeCycleCaller"),m=Symbol("InjectionFormColumnWidth"),E=Symbol("InjectionFormUUID"),I=Symbol("InjectionFormGraph"),c=Symbol("InjectionAnnotation"),S=Symbol("InjectionAnnotationShortcuts"),a=Symbol("InjectionFormGlobalProps"),A=Symbol("InjectionFormGlobalEmit");var r=(o=>(o.PASSWORD="password",o.ID_CARD="id_card",o.AGE="age",o.AGE_UNIT="age_unit",o.MOBILE="mobile",o.TELEPHONE="telephone",o.EMAIL="email",o.SEX="sex",o.BIRTHDAY="birthday",o.BANK_CARD="bank_card",o.WEBSITE="website",o.GESTATIONAL_WEEKS="gestational_weeks",o.GESTATIONAL_STAGE="gestational_stage",o.CUSTOMER_NAME="customer_name",o))(r||{}),b=(o=>(o.MALE="1",o.FEMALE="2",o))(b||{}),s=(o=>(o.DAY="D",o.MONTH="M",o.YEAR="Y",o.HOUR="H",o.WEEK="W",o.MINUTE="N",o))(s||{});const y=["COMPLEX","COMBINATION"];export{s as FIELD_AGE_UNIT,r as FIELD_BUSINESS_TYPE,b as FIELD_SEX_VALUE,c as InjectionAnnotation,S as InjectionAnnotationShortcuts,o as InjectionAsyncQueue,n as InjectionBusinessCollector,t as InjectionChangeContextCollector,m as InjectionFormColumnWidth,A as InjectionFormGlobalEmit,a as InjectionFormGlobalProps,I as InjectionFormGraph,l as InjectionFormItemDepsCollector,i as InjectionFormLifeCycleCaller,E as InjectionFormUUID,e as InjectionSchemaField,y as NESTED_FORM_ITEM_TYPE};
+const InjectionAsyncQueue = Symbol("InjectionAsyncQueue");
+const InjectionSchemaField = Symbol("InjectionSchemaField");
+const InjectionBusinessCollector = Symbol("InjectionBusinessCollector");
+const InjectionChangeContextCollector = Symbol("InjectionChangeContextCollector");
+const InjectionFormItemDepsCollector = Symbol("InjectionFormItemDepsCollector");
+const InjectionFormLifeCycleCaller = Symbol("InjectionFormLifeCycleCaller");
+const InjectionFormColumnWidth = Symbol("InjectionFormColumnWidth");
+const InjectionFormUUID = Symbol("InjectionFormUUID");
+const InjectionFormGraph = Symbol("InjectionFormGraph");
+const InjectionAnnotation = Symbol("InjectionAnnotation");
+const InjectionAnnotationShortcuts = Symbol("InjectionAnnotationShortcuts");
+const InjectionFormGlobalProps = Symbol("InjectionFormGlobalProps");
+const InjectionFormGlobalEmit = Symbol("InjectionFormGlobalEmit");
+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 || {});
+const NESTED_FORM_ITEM_TYPE = ["COMPLEX", "COMBINATION"];
+
+export { FIELD_AGE_UNIT, FIELD_BUSINESS_TYPE, FIELD_SEX_VALUE, InjectionAnnotation, InjectionAnnotationShortcuts, InjectionAsyncQueue, InjectionBusinessCollector, InjectionChangeContextCollector, InjectionFormColumnWidth, InjectionFormGlobalEmit, InjectionFormGlobalProps, InjectionFormGraph, InjectionFormItemDepsCollector, InjectionFormLifeCycleCaller, InjectionFormUUID, InjectionSchemaField, NESTED_FORM_ITEM_TYPE };

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

@@ -1 +1,25 @@
-export{useAnchor}from"./useAnchor.js";export{BusinessCollector,useBusinessBinding}from"./useBusinessBinding.js";export{ContextCollector,useChangeContext}from"./useChangeContext.js";export{useCommonInjection,useSelectOptionProps}from"./useCommonInjection.js";export{useCommonLog}from"./useCommonLog.js";export{useComplexOptions,useComplexOptionsSpan}from"./useComplexOptions.js";export{useFieldListAdaptor}from"./useFieldListAdaptor.js";export{useFieldNormalize}from"./useFieldNormalize.js";export{useFieldVisitor}from"./useFieldVisitor.js";export{useFormContext}from"./useFormContext.js";export{useFormDomEvent,useFormExposeEvent}from"./useFormEvent.js";export{useFormField}from"./useFormField.js";export{useFormGraph}from"./useFormGraph.js";export{FormItemDepsCollector,useFormItemDeps}from"./useFormItemDeps.js";export{useFormRenderLifeCycle}from"./useFormRenderLifeCycle.js";export{useAutographOptions,useRecommendOptions,useUrlConfigOptions}from"./useFormRenderOptions.js";export{useFormValidator,validateMessageLocale}from"./useFormValidator.js";export{useLowCodeEvent}from"./useLowCodeEvent.js";export{useLowCodeReactions}from"./useLowCodeReactions.js";export{useNuiThemeOverrides}from"./useNuiThemeOverrides.js";export{useOperationalForm}from"./useOperationalForm.js";export{usePresetScope}from"./usePresetScope.js";export{useWordbookSetting,wordbookSettingHandler}from"./useWordbookSetting.js";export{useNewLowCodeReactions}from"./useNewLowCodeReactions.js";export{useSelectedSetting}from"./useSelectedSetting.js";
+export { useAnchor } from './useAnchor.js';
+export { BusinessCollector, useBusinessBinding } from './useBusinessBinding.js';
+export { ContextCollector, useChangeContext } from './useChangeContext.js';
+export { useCommonInjection, useSelectOptionProps } from './useCommonInjection.js';
+export { useCommonLog } from './useCommonLog.js';
+export { useComplexOptions, useComplexOptionsSpan } from './useComplexOptions.js';
+export { useFieldListAdaptor } from './useFieldListAdaptor.js';
+export { useFieldNormalize } from './useFieldNormalize.js';
+export { useFieldVisitor } from './useFieldVisitor.js';
+export { useFormContext } from './useFormContext.js';
+export { useFormDomEvent, useFormExposeEvent } from './useFormEvent.js';
+export { useFormField } from './useFormField.js';
+export { useFormGraph } from './useFormGraph.js';
+export { FormItemDepsCollector, useFormItemDeps } from './useFormItemDeps.js';
+export { useFormRenderLifeCycle } from './useFormRenderLifeCycle.js';
+export { useAutographOptions, useRecommendOptions, useUrlConfigOptions } from './useFormRenderOptions.js';
+export { useFormValidator, validateMessageLocale } from './useFormValidator.js';
+export { useLowCodeEvent } from './useLowCodeEvent.js';
+export { useLowCodeReactions } from './useLowCodeReactions.js';
+export { useNuiThemeOverrides } from './useNuiThemeOverrides.js';
+export { useOperationalForm } from './useOperationalForm.js';
+export { usePresetScope } from './usePresetScope.js';
+export { useWordbookSetting, wordbookSettingHandler } from './useWordbookSetting.js';
+export { useNewLowCodeReactions } from './useNewLowCodeReactions.js';
+export { useSelectedSetting } from './useSelectedSetting.js';

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

@@ -1 +1,108 @@
-import{doAnimation as e}from"../../../../shared/utils/anime.js";import{Path as o}from"@formily/path";import{useDebounceFn as r,watchOnce as t}from"@vueuse/core";import{ref as n,nextTick as i,computed as l}from"vue";import"../../../../shared/utils/index.js";import"@formily/core";import"@vicons/ionicons5";import"@vue/shared";import"lodash-es";import"naive-ui";import"../components/renderer/text.js";import"../utils/business.js";import{createLinebarId as s}from"../utils/schema.js";function a(a,u,c,m){const p=n(),v=n(""),f=n([]),d=r((async function(e){var o;f.value=Object.values(e.fields).reduce(((e,o)=>{var r,t,n,i;return"LINEBAR"===o.componentType&&"visible"===o.selfDisplay&&e.push({title:null!=(t=null==(r=o.componentProps)?void 0:r.title)?t:o.title,name:o.address.toString(),index:null!=(i=null==(n=o.decoratorProps)?void 0:n._index)?i:0}),e}),[]).sort(((e,o)=>e.index-o.index)),await i(),null==(o=p.value)||o.syncBarPosition()}),100);let h=!1;async function y(r){h=!0;try{if(!c.value)return;m.trigger(o.parse(r),!0),await i();const t=c.value.querySelector(`#${s(r)}`);if(!t)return;await new Promise((o=>{e(c.value.scrollTop,t.offsetTop,300,(e=>{var o;null==(o=c.value)||o.scrollTo({top:e})}),"easeInSine",(()=>setTimeout(o,300)))}))}finally{h=!1}}const T=r((function(e){var o;if(h||!c.value)return;const{scrollTop:r,clientHeight:t}=c.value,n=f.value.find(((e,o,n)=>{const i=n[o+1];if(!i)return!0;const l=c.value.querySelector(`#${s(i.name)}`);return l?l.offsetTop>r+t/2:void 0}))||f.value[f.value.length-1];v.value=null!=(o=null==n?void 0:n.name)?o:"",u("scroll",e)}),300);t(f,(e=>{var o,r;v.value=null!=(r=null==(o=e[0])?void 0:o.name)?r:""}));return{currentAnchor:l({get:()=>v.value,async set(e){v.value=e,await new Promise((e=>setTimeout(e,100))),await y(e)}}),onScroll:T,anchorIdList:f,generateAnchorList:d,updateAnchorList:function(e){"LINEBAR"===e.componentType&&e.selfDisplay&&d(e.form)},scrollTo:y,anchorBarRef:p}}export{a as useAnchor};
+import { doAnimation } from '../../../../shared/utils/anime.js';
+import { Path } from '@formily/path';
+import { useDebounceFn, watchOnce } from '@vueuse/core';
+import { ref, nextTick, computed } from 'vue';
+import '../../../../shared/utils/index.js';
+import '@formily/core';
+import '@vicons/ionicons5';
+import '@vue/shared';
+import 'lodash-es';
+import 'naive-ui';
+import '../components/renderer/text.js';
+import '../utils/business.js';
+import { createLinebarId } from '../utils/schema.js';
+
+function useAnchor(props, emit, scrollbarRef, collector) {
+  const anchorBarRef = ref();
+  const __currentAnchor = ref("");
+  const anchorIdList = ref([]);
+  const generateAnchorList = useDebounceFn(async function(formModel) {
+    var _a;
+    anchorIdList.value = Object.values(formModel.fields).reduce((res, field) => {
+      var _a2, _b, _c, _d;
+      if (field.componentType === "LINEBAR" && field.selfDisplay === "visible") {
+        res.push({
+          title: (_b = (_a2 = field.componentProps) == null ? void 0 : _a2.title) != null ? _b : field.title,
+          name: field.address.toString(),
+          index: (_d = (_c = field.decoratorProps) == null ? void 0 : _c._index) != null ? _d : 0
+        });
+      }
+      return res;
+    }, []).sort((a, b) => a.index - b.index);
+    await nextTick();
+    (_a = anchorBarRef.value) == null ? void 0 : _a.syncBarPosition();
+  }, 100);
+  function updateAnchorList(field) {
+    if (field.componentType !== "LINEBAR" || !field.selfDisplay)
+      return;
+    generateAnchorList(field.form);
+  }
+  let scrollLock = false;
+  async function scrollTo(id) {
+    scrollLock = true;
+    try {
+      if (!scrollbarRef.value)
+        return;
+      collector.trigger(Path.parse(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(scrollEvent) {
+    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 : "";
+    emit("scroll", scrollEvent);
+  }, 300);
+  watchOnce(anchorIdList, (_anchorIdList) => {
+    var _a, _b;
+    __currentAnchor.value = (_b = (_a = _anchorIdList[0]) == null ? void 0 : _a.name) != null ? _b : "";
+  });
+  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,
+    anchorIdList,
+    generateAnchorList,
+    updateAnchorList,
+    scrollTo,
+    anchorBarRef
+  };
+}
+
+export { useAnchor };

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

@@ -1 +1,137 @@
-import{isField as e}from"@formily/core";import{Path as t}from"@formily/path";import{isString as s}from"@vueuse/core";import{format as i}from"date-fns";import{isFunction as r,isNumber as n}from"lodash-es";import{FIELD_BUSINESS_TYPE as l}from"../constants/index.js";import"vue";import"../../../../shared/utils/index.js";import"@vicons/ionicons5";import"@vue/shared";import"naive-ui";import"../components/renderer/text.js";import{isIdCard as a,parseIdCard as o,parseAgeFromContext as u,parseBirthday as h,parseAge2Birthday as y}from"../utils/business.js";class p{constructor(e){this.businessFormatter=e,this.triggerDisabled=!1,this.typeLockMap=new Map,this.typeCollector=new Map,this.fieldNameCollector=new Map,this.changeHandlerMap=new Map([])}formatter(...e){return r(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,i,r,n){const l=this.getField(i);l&&e.setFieldState(l.val_key,(e=>{e.value!==r&&(!this.typeLockMap.get(i)&&this.typeLockMap.set(i,1),this.triggerDisabled&&s(this.triggerDisabled)&&t.parse(this.triggerDisabled).match(l.val_key)||(e.value=this.formatter({value:r,type:i,fieldKey:l.val_key,from:n})))}))}registerChangeBusiness(e,t){return this.changeHandlerMap.set(e,t),this}trigger(e,t,s="change"){var i;if(!0===this.triggerDisabled)return;const r=this.getType(t);if(!r)return;if("change"===s&&this.typeLockMap.get(r))return this.typeLockMap.set(r,0);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(l.BIRTHDAY);return null!=(e=null==t?void 0:t.date_format)?e:"yyyy-MM-dd HH:mm"}function t(t){const r=this.getValueByType(t,l.ID_CARD);if(!r||!s(r)||!a(r))return;const n=o(r),{age:h,ageUnit:y}=u(n);null!=y&&this.setValueByType(t,l.AGE_UNIT,y,l.ID_CARD),null!=h&&this.setValueByType(t,l.AGE,h,l.ID_CARD),null!=n.sex&&this.setValueByType(t,l.SEX,n.sex,l.ID_CARD),null!=n.birthday&&this.setValueByType(t,l.BIRTHDAY,i(new Date(n.birthday),e.call(this)),l.ID_CARD)}function r(e){const t=this.getValueByType(e,l.BIRTHDAY);if(!s(t))return;const{age:i,ageUnit:r}=u(h(t));this.setValueByType(e,l.AGE_UNIT,r,l.BIRTHDAY),this.setValueByType(e,l.AGE,i,l.BIRTHDAY)}function c(t){return function(i){const r=this.getValueByType(i,l.AGE),a=this.getValueByType(i,l.AGE_UNIT);(s(r)||n(r))&&""!==r&&s(a)&&""!==a&&this.setValueByType(i,l.BIRTHDAY,y(+r,a,e.call(this)),t)}}return{create:function(e){return new p(e).registerChangeBusiness(l.ID_CARD,t).registerChangeBusiness(l.AGE_UNIT,c(l.AGE_UNIT)).registerChangeBusiness(l.AGE,c(l.AGE)).registerChangeBusiness(l.BIRTHDAY,r)}}}export{p as BusinessCollector,c as useBusinessBinding};
+import { isField } from '@formily/core';
+import { Path } from '@formily/path';
+import { format } from 'date-fns';
+import { isFunction, isString, isNumber } from 'lodash-es';
+import { FIELD_BUSINESS_TYPE } from '../constants/index.js';
+import 'vue';
+import '../../../../shared/utils/index.js';
+import '@vicons/ionicons5';
+import '@vue/shared';
+import '@vueuse/core';
+import 'naive-ui';
+import '../components/renderer/text.js';
+import { isIdCard, parseIdCard, parseAgeFromContext, parseBirthday, parseAge2Birthday } from '../utils/business.js';
+
+class BusinessCollector {
+  constructor(businessFormatter) {
+    this.businessFormatter = businessFormatter;
+    this.triggerDisabled = false;
+    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, from) {
+    const field = this.getField(type);
+    field && formModel.setFieldState(field.val_key, (state) => {
+      if (state.value === value)
+        return;
+      !this.typeLockMap.get(type) && this.typeLockMap.set(type, 1);
+      if (this.triggerDisabled && isString(this.triggerDisabled) && Path.parse(this.triggerDisabled).match(field.val_key)) {
+        return;
+      }
+      state.value = this.formatter({
+        value,
+        type,
+        fieldKey: field.val_key,
+        from
+      });
+    });
+  }
+  registerChangeBusiness(type, handler) {
+    this.changeHandlerMap.set(type, handler);
+    return this;
+  }
+  trigger(formModel, fieldName, triggerType = "change") {
+    var _a;
+    if (this.triggerDisabled === true)
+      return;
+    const type = this.getType(fieldName);
+    if (!type)
+      return;
+    if (triggerType === "change" && this.typeLockMap.get(type)) {
+      return this.typeLockMap.set(type, 0);
+    }
+    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);
+    ageUnit != null && this.setValueByType(formModel, FIELD_BUSINESS_TYPE.AGE_UNIT, ageUnit, FIELD_BUSINESS_TYPE.ID_CARD);
+    age != null && this.setValueByType(formModel, FIELD_BUSINESS_TYPE.AGE, age, FIELD_BUSINESS_TYPE.ID_CARD);
+    info.sex != null && this.setValueByType(formModel, FIELD_BUSINESS_TYPE.SEX, info.sex, FIELD_BUSINESS_TYPE.ID_CARD);
+    info.birthday != null && this.setValueByType(formModel, FIELD_BUSINESS_TYPE.BIRTHDAY, format(new Date(info.birthday), getBirthdayFormat.call(this)), FIELD_BUSINESS_TYPE.ID_CARD);
+  }
+  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, FIELD_BUSINESS_TYPE.BIRTHDAY);
+    this.setValueByType(formModel, FIELD_BUSINESS_TYPE.AGE, age, FIELD_BUSINESS_TYPE.BIRTHDAY);
+  }
+  function createHandlerAgeType(from) {
+    return function(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)), from);
+    };
+  }
+  function create(formatter) {
+    return new BusinessCollector(formatter).registerChangeBusiness(FIELD_BUSINESS_TYPE.ID_CARD, handlerIdCardType).registerChangeBusiness(FIELD_BUSINESS_TYPE.AGE_UNIT, createHandlerAgeType(FIELD_BUSINESS_TYPE.AGE_UNIT)).registerChangeBusiness(FIELD_BUSINESS_TYPE.AGE, createHandlerAgeType(FIELD_BUSINESS_TYPE.AGE)).registerChangeBusiness(FIELD_BUSINESS_TYPE.BIRTHDAY, handlerBirthdayType);
+  }
+  return {
+    create
+  };
+}
+
+export { BusinessCollector, useBusinessBinding };

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

@@ -1 +1,22 @@
-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};
+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 };