cnhis-design-vue 3.1.17 → 3.1.18-beta.11

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

@@ -0,0 +1,69 @@
+import { defineComponent, computed, createVNode } from 'vue';
+import { connect, mapProps } from '@formily/vue';
+import { isNumber } from 'lodash-es';
+import { NRadioGroup, NSpace, NRadio } from 'naive-ui';
+import '@formily/path';
+import '@vue/shared';
+import 'date-fns';
+import { assignUpdateValue, assignValueBindKey } from '../../utils/schema2.js';
+
+const script = defineComponent({
+  props: {
+    value: {
+      type: [String, Number]
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    vertical: {
+      type: Boolean,
+      default: false
+    },
+    onChange: {}
+  },
+  emits: ["update:value"],
+  setup(props, {
+    emit
+  }) {
+    function dangerousTypeTransform(value) {
+      if (isNumber(value))
+        return value + "";
+      return value;
+    }
+    const valueRef = computed({
+      get() {
+        return dangerousTypeTransform(props.value);
+      },
+      set(v) {
+        emit("update:value", v);
+      }
+    });
+    return () => {
+      return createVNode(NRadioGroup, {
+        "value": valueRef.value,
+        "onUpdate:value": ($event) => valueRef.value = $event
+      }, {
+        default: () => [createVNode(NSpace, {
+          "vertical": props.vertical
+        }, {
+          default: () => {
+            var _a;
+            return [(_a = props.options) == null ? void 0 : _a.map((option) => {
+              return createVNode(NRadio, {
+                "value": option.value
+              }, {
+                default: () => [option.text]
+              });
+            })];
+          }
+        })]
+      });
+    };
+  }
+});
+const RADIO = connect(script, mapProps({
+  dataSource: "options"
+}, assignUpdateValue, assignValueBindKey));
+
+export { RADIO };

package/es/components/form-render/src/components/renderer/select.d.ts

@@ -0,0 +1,47 @@
+import { AnyObject, Func } from '../../../../../../es/shared/types';
+import { UrlConfig } from '../../types';
+import { PropType } from 'vue';
+export declare const SELECT: import("vue").DefineComponent<{
+    value: {
+        type: StringConstructor;
+    };
+    lazyRequest: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    options: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    urlConfig: {
+        type: PropType<UrlConfig>;
+    };
+    onFocus: {
+        type: PropType<Func<any[], any>>;
+    };
+    onChange: {};
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+    };
+    lazyRequest: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    options: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    urlConfig: {
+        type: PropType<UrlConfig>;
+    };
+    onFocus: {
+        type: PropType<Func<any[], any>>;
+    };
+    onChange: {};
+}>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    options: AnyObject[];
+    lazyRequest: boolean;
+}>;

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

@@ -0,0 +1,198 @@
+import { defineComponent, computed, ref, inject, nextTick, watch, createVNode } from 'vue';
+import { isField } from '@formily/core';
+import { cloneDeep, isEqual, isString } from 'lodash-es';
+import { useCommonInjection } from '../../hooks/useCommonInjection2.js';
+import { InjectAsyncQueue, InjectionChangeContextCollector, InjectionFormItemDepsCollector } from '../../constants/index2.js';
+import '@vueuse/core';
+import '../../../index2.js';
+import { formRenderLog } from '../../utils/index.js';
+import { useFormField } from '../../hooks/useFormField2.js';
+import '../../../../../shared/utils/tapable/SyncHook.js';
+import '../../../../../shared/utils/tapable/SyncBailHook.js';
+import '../../../../../shared/utils/tapable/SyncWaterfallHook.js';
+import '../../../../../shared/utils/tapable/SyncLoopHook.js';
+import '../../../../../shared/utils/tapable/AsyncParallelHook.js';
+import '../../../../../shared/utils/tapable/AsyncParallelBailHook.js';
+import '../../../../../shared/utils/tapable/AsyncSeriesHook.js';
+import '../../../../../shared/utils/tapable/AsyncSeriesBailHook.js';
+import '../../../../../shared/utils/tapable/AsyncSeriesLoopHook.js';
+import '../../../../../shared/utils/tapable/AsyncSeriesWaterfallHook.js';
+import '@vue/shared';
+import { connect, mapProps } from '@formily/vue';
+import './input.js';
+import './formItem.js';
+import './textarea.js';
+import './inputNumber.js';
+import './linebar.js';
+import './inputGroup2.js';
+import './date.js';
+import './cascader.js';
+import './jsonCombination/index.js';
+import './combination.js';
+import './checkbox.js';
+import './switch.js';
+import './radio.js';
+import './labelSelect.js';
+import './slider.js';
+import './complex.js';
+import './simpleComponent.js';
+import { NSelect } from 'naive-ui';
+import { assignUpdateValue, traverseDependKey } from '../../utils/schema2.js';
+
+const script = defineComponent({
+  name: "FormSelect",
+  props: {
+    value: {
+      type: String
+    },
+    lazyRequest: {
+      type: Boolean,
+      default: true
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    urlConfig: {
+      type: Object
+    },
+    onFocus: {
+      type: Function
+    },
+    onChange: {}
+  },
+  emits: ["update:value"],
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const valueRef = computed({
+      get: () => props.value,
+      set: (v) => emit("update:value", v)
+    });
+    const remoteOptions = ref(null);
+    const lastSearch = ref("");
+    const labelKey = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.urlConfig) == null ? void 0 : _a.nameKey) != null ? _b : "text";
+    });
+    const valueKey = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.urlConfig) == null ? void 0 : _a.valueKey) != null ? _b : "value";
+    });
+    const {
+      field,
+      fieldKey
+    } = useFormField();
+    const asyncQueue = inject(InjectAsyncQueue);
+    async function fetchData(content) {
+      lastSearch.value = content || "";
+      if (!configFor(props)) {
+        return remoteOptions.value = null;
+      }
+      if (remoteOptions.value)
+        return;
+      try {
+        remoteOptions.value = await asyncQueue.addAsync(await createParams(configFor(props), field.value, fieldKey.value));
+      } catch (e) {
+        isString(e) && formRenderLog(e);
+      }
+      async function createParams(config, field2, key2) {
+        const _params = {};
+        try {
+          traverseDependKey(config.dependKey, (dependKey, valueKey2, required) => {
+            const _field = field2.query(dependKey).take();
+            if (!isField(_field))
+              return;
+            if (required && _field.value == null) {
+              throw `\u7F3A\u5C11\u5FC5\u987B\u7684\u53C2\u6570=>${dependKey}`;
+            }
+            _params[valueKey2] = _field.value;
+          });
+        } catch (e) {
+          return Promise.reject(e);
+        }
+        return {
+          ...config,
+          params: Object.assign({}, config.params, _params),
+          key: key2
+        };
+      }
+      function configFor(target) {
+        return target.urlConfig;
+      }
+    }
+    const parsedOptions = computed(() => {
+      if (remoteOptions.value)
+        return filterOption(remoteOptions.value, lastSearch.value);
+      if (!Array.isArray(props.options))
+        return [];
+      return filterOption(props.options, lastSearch.value);
+      function filterOption(options, searchContent) {
+        return options.filter((option) => {
+          return !searchContent || String(option[labelKey.value]).includes(searchContent);
+        });
+      }
+    });
+    const changeContextCollector = inject(InjectionChangeContextCollector);
+    changeContextCollector.setContext(fieldKey.value, async () => {
+      await nextTick();
+      return {
+        currentOption: cloneDeep(getCurrentOption())
+      };
+      function getCurrentOption() {
+        return parsedOptions.value.find((option) => option[valueKey.value] === valueRef.value);
+      }
+    });
+    const formItemDepsCollector = inject(InjectionFormItemDepsCollector);
+    watch(() => props.urlConfig, (config, oldConfig) => {
+      if (isEqual(config, oldConfig))
+        return;
+      remoteOptions.value = null;
+      if (!config)
+        return;
+      formItemDepsCollector.setDeps(fieldKey.value, config.dependKey || [], async () => {
+        remoteOptions.value = null;
+        valueRef.value = null;
+        !props.lazyRequest && await fetchData();
+      });
+      (valueRef.value || !props.lazyRequest) && fetchData();
+    }, {
+      immediate: true
+    });
+    const {
+      injectValueValidate,
+      injectValueWatchFromEmpty,
+      injectValueBindKey
+    } = useCommonInjection();
+    injectValueWatchFromEmpty(valueRef, fetchData);
+    injectValueValidate(valueRef);
+    const key = injectValueBindKey(valueRef);
+    function focusDecorator(onFocus) {
+      return (...args) => {
+        if (isField(field.value)) {
+          field.value.visited = true;
+        }
+        return onFocus == null ? void 0 : onFocus(...args);
+      };
+    }
+    return () => createVNode(NSelect, {
+      "key": key.value,
+      "remote": true,
+      "filterable": true,
+      "value": valueRef.value,
+      "onUpdate:value": ($event) => valueRef.value = $event,
+      "labelField": labelKey.value,
+      "valueField": valueKey.value,
+      "options": parsedOptions.value,
+      "onSearch": fetchData,
+      "onUpdate:show": (show) => show && fetchData(),
+      "onFocus": focusDecorator(props.onFocus)
+    }, slots);
+  }
+});
+const SELECT = connect(script, mapProps({
+  dataSource: "options"
+}, assignUpdateValue));
+
+export { SELECT };

package/es/components/form-render/src/components/renderer/simpleComponent.d.ts

@@ -0,0 +1,17 @@
+import { AnyObject } from '../../../../../../es/shared/types';
+export declare const TEXT: {
+    (props: AnyObject): JSX.Element;
+    props: {
+        content: {};
+        fieldItem: {};
+        value: {};
+    };
+};
+export declare const BUTTON: {
+    (props: AnyObject): JSX.Element;
+    props: {
+        onClick: {};
+        fieldItem: {};
+        content: {};
+    };
+};

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

@@ -0,0 +1,53 @@
+import { createVNode } from 'vue';
+import { connect, mapProps } from '@formily/vue';
+import { isFunction } from 'lodash-es';
+import { NButton } from 'naive-ui';
+import { createSlot } from '../../utils/index.js';
+
+function createPropFor(props) {
+  return (property) => {
+    var _a;
+    return (_a = props.fieldItem) == null ? void 0 : _a[property];
+  };
+}
+const textScript = (props) => {
+  var _a, _b, _c;
+  return createVNode("div", null, [(_c = (_b = createSlot((_a = props.content) != null ? _a : props.value, props)).default) == null ? void 0 : _c.call(_b)]);
+};
+textScript.props = {
+  content: {},
+  fieldItem: {},
+  value: {}
+};
+const TEXT = connect(textScript, mapProps((props) => {
+  var _a;
+  return {
+    ...props,
+    content: (_a = props.fieldItem) == null ? void 0 : _a.content
+  };
+}));
+const buttonScript = (props) => {
+  const propFor = createPropFor(props);
+  function onClick() {
+    var _a;
+    const cb = propFor("onClick") || ((_a = propFor("componentProps")) == null ? void 0 : _a.onClick);
+    return () => isFunction(cb) && cb(props.fieldItem);
+  }
+  return createVNode(NButton, {
+    "onClick": onClick()
+  }, createSlot(props.content, props));
+};
+buttonScript.props = {
+  onClick: {},
+  fieldItem: {},
+  content: {}
+};
+const BUTTON = connect(buttonScript, mapProps((props) => {
+  var _a;
+  return {
+    ...props,
+    content: (_a = props.fieldItem) == null ? void 0 : _a.content
+  };
+}));
+
+export { BUTTON, TEXT };

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

@@ -0,0 +1,38 @@
+import { defineComponent, computed, createVNode } from 'vue';
+import { connect, mapProps } from '@formily/vue';
+import { NSlider } from 'naive-ui';
+import { parseNumberFromMaybeString } from '../../utils/index.js';
+import { assignUpdateValue, assignValueBindKey } from '../../utils/schema2.js';
+
+const script = defineComponent({
+  props: {
+    value: {
+      type: [Number, String]
+    }
+  },
+  emits: ["update:value"],
+  setup(props, {
+    emit
+  }) {
+    const valueRef = computed({
+      get: () => parseNumberFromMaybeString(props.value),
+      set: (v) => emit("update:value", v)
+    });
+    return () => createVNode(NSlider, {
+      "value": valueRef.value,
+      "onUpdate:value": ($event) => valueRef.value = $event
+    }, null);
+  }
+});
+const SLIDER = connect(script, mapProps(assignUpdateValue, (props, field) => {
+  const _props = assignUpdateValue(props, field);
+  if (Array.isArray(_props.option)) {
+    _props.marks = _props.option.reduce((fin, option) => {
+      fin[+option.value] = option.text;
+      return fin;
+    }, {});
+  }
+  return _props;
+}, assignValueBindKey));
+
+export { SLIDER };

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

@@ -0,0 +1,51 @@
+import { defineComponent, computed, createVNode, createTextVNode } from 'vue';
+import { NSwitch } from 'naive-ui';
+import '@formily/path';
+import '@vue/shared';
+import 'lodash-es';
+import 'date-fns';
+import { assignUpdateValue, assignValueBindKey } from '../../utils/schema2.js';
+import { connect, mapProps } from '@formily/vue';
+
+const script = defineComponent({
+  name: "FormSwitch",
+  props: {
+    openDescription: {
+      type: Object
+    },
+    closeDescription: {
+      type: Object
+    },
+    onChange: {}
+  },
+  setup(props) {
+    return () => {
+      const checkedValue = computed(() => {
+        var _a, _b;
+        return (_b = (_a = props.openDescription) == null ? void 0 : _a.value) != null ? _b : true;
+      });
+      const uncheckedValue = computed(() => {
+        var _a, _b;
+        return (_b = (_a = props.closeDescription) == null ? void 0 : _a.value) != null ? _b : false;
+      });
+      const checked = () => {
+        var _a, _b;
+        return createTextVNode((_b = (_a = props.openDescription) == null ? void 0 : _a.describe) != null ? _b : "");
+      };
+      const unchecked = () => {
+        var _a, _b;
+        return createTextVNode((_b = (_a = props.closeDescription) == null ? void 0 : _a.describe) != null ? _b : "");
+      };
+      return createVNode(NSwitch, {
+        "checkedValue": checkedValue.value,
+        "uncheckedValue": uncheckedValue.value
+      }, {
+        checked,
+        unchecked
+      });
+    };
+  }
+});
+const SWITCH = connect(script, mapProps(assignUpdateValue, assignValueBindKey));
+
+export { SWITCH };

package/es/components/form-render/src/components/renderer/textarea.d.ts

@@ -0,0 +1,11 @@
+export declare const TEXTAREA: import("vue").DefineComponent<{
+    value: {
+        type: StringConstructor;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+    };
+}>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {}>;

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

@@ -0,0 +1,39 @@
+import { defineComponent, computed, createVNode } from 'vue';
+import { useCommonInjection } from '../../hooks/useCommonInjection2.js';
+import '@formily/path';
+import '@vue/shared';
+import 'lodash-es';
+import 'date-fns';
+import { assignUpdateValue } from '../../utils/schema2.js';
+import { connect, mapProps } from '@formily/vue';
+import { NInput } from 'naive-ui';
+
+const script = defineComponent({
+  name: "FormTextarea",
+  props: {
+    value: {
+      type: String
+    }
+  },
+  emits: ["update:value"],
+  setup(props, {
+    emit
+  }) {
+    const valueRef = computed({
+      get: () => props.value,
+      set: (v) => emit("update:value", v)
+    });
+    const key = useCommonInjection().injectValueBindKey(valueRef);
+    return () => {
+      return createVNode(NInput, {
+        "type": "textarea",
+        "key": key.value,
+        "value": valueRef.value,
+        "onUpdate:value": ($event) => valueRef.value = $event
+      }, null);
+    };
+  }
+});
+const TEXTAREA = connect(script, mapProps(assignUpdateValue));
+
+export { TEXTAREA };

package/es/components/form-render/src/constants/index.d.ts

@@ -0,0 +1,41 @@
+import { Nullable } from '../../../../../es/shared/types';
+import { ContextCollector } from '../../../../../es/components/form-render/src/hooks/useChangeContext';
+import { BusinessCollector, FormItemDepsCollector } from '../hooks';
+import { FormAsyncQueue } from '../types';
+import { Component, InjectionKey, WritableComputedRef } from 'vue';
+export declare const InjectAsyncQueue: InjectionKey<FormAsyncQueue>;
+export declare const InjectionSchemaField: InjectionKey<Component>;
+export declare const InjectionBusinessCollector: InjectionKey<BusinessCollector>;
+export declare const InjectionChangeContextCollector: InjectionKey<ContextCollector>;
+export declare const InjectionFormItemDepsCollector: InjectionKey<FormItemDepsCollector>;
+export declare const InjectionFormUUID: InjectionKey<string>;
+export declare const InjectionAnnotation: InjectionKey<WritableComputedRef<Nullable<Record<string, string>>>>;
+export declare const FormItemLineBarDepKeyPrepend = "__dep_LINEBAR_";
+export declare enum FIELD_BUSINESS_TYPE {
+    PASSWORD = "password",
+    ID_CARD = "id_card",
+    AGE = "age",
+    AGE_UNIT = "age_unit",
+    MOBILE = "mobile",
+    TELEPHONE = "telephone",
+    EMAIL = "email",
+    SEX = "sex",
+    BIRTHDAY = "birthday",
+    BANK_CARD = "bank_card",
+    WEBSITE = "website",
+    GESTATIONAL_WEEKS = "gestational_weeks",
+    GESTATIONAL_STAGE = "gestational_stage",
+    CUSTOMER_NAME = "customer_name"
+}
+export declare enum FIELD_SEX_VALUE {
+    MALE = "1",
+    FEMALE = "2"
+}
+export declare enum FIELD_AGE_UNIT {
+    DAY = "D",
+    MONTH = "M",
+    YEAR = "Y",
+    HOUR = "H",
+    WEEK = "W",
+    MINUTE = "N"
+}

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

@@ -0,0 +1 @@
+export { FIELD_AGE_UNIT, FIELD_BUSINESS_TYPE, FIELD_SEX_VALUE, FormItemLineBarDepKeyPrepend, InjectAsyncQueue, InjectionAnnotation, InjectionBusinessCollector, InjectionChangeContextCollector, InjectionFormItemDepsCollector, InjectionFormUUID, InjectionSchemaField } from './index2.js';

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

@@ -0,0 +1,13 @@
+export { useFieldListAdaptor } from './useFieldListAdaptor2.js';
+export { useFormRequest } from './useFormRequest2.js';
+export { useCommonLog } from './useCommonLog2.js';
+export { useFormField } from './useFormField2.js';
+export { AsyncQueue, useAsyncQueue } from './useAsyncQueue2.js';
+export { useFieldVisitor } from './useFieldVisitor2.js';
+export { useFieldNormalize } from './useFieldNormalize2.js';
+export { useFormValidator } from './useFormValidator2.js';
+export { BusinessCollector, useBusinessBinding } from './useBusinessBinding2.js';
+export { ContextCollector, useChangeContext } from './useChangeContext2.js';
+export { FormItemDepsCollector, useFormItemDeps } from './useFormItemDeps2.js';
+export { useAnchor } from './useAnchor2.js';
+export { useFormContext } from './useFormContext2.js';

package/es/components/form-render/src/hooks/useAnchor.d.ts

@@ -0,0 +1,16 @@
+import { UndefinedAble } from '../../../../../es/shared/types';
+import { ISchema } from '@formily/json-schema/esm/types';
+import { Ref } from 'vue';
+import { FormItemDepsCollector, FormRenderProps } from '../../../../../es/components/form-render';
+export declare function useAnchor(props: Readonly<FormRenderProps>, scrollbarRef: Ref<UndefinedAble<HTMLElement>>, collector: FormItemDepsCollector): {
+    currentAnchor: import("vue").WritableComputedRef<string>;
+    onScroll: () => void;
+    formHeight: import("vue").ComputedRef<string | undefined>;
+    anchorIdList: Ref<{
+        name: string;
+        title: string;
+    }[]>;
+    generateAnchorList: (schema: ISchema) => void;
+    scrollbarRef: Ref<UndefinedAble<HTMLElement>>;
+    scrollTo: (id: string) => Promise<void>;
+};

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

@@ -0,0 +1 @@
+export { useAnchor } from './useAnchor2.js';