cnhis-design-vue 3.1.5-beta.13 → 3.1.5-beta.14

package/es/packages/form-render/src/FormRender.vue_vue_type_script_setup_true_lang.mjs

@@ -1,116 +0,0 @@
-import { defineComponent, provide, computed, openBlock, createBlock, unref, normalizeStyle, withCtx, createVNode, renderSlot, createElementVNode, toDisplayString, createCommentVNode } from 'vue';
-import { injectOrProvide } from './utils/index2.mjs';
-import { cloneDeep } from 'lodash-es';
-import { InjectionBusinessCollector, InjectionChangeContextCollector, InjectionFormItemDepsCollector, InjectAsyncQueue, InjectionSchemaField } from './constants/index2.mjs';
-import { useFieldList2Schema } from './hooks/useFieldList2Schema2.mjs';
-import { FormProvider, FormConsumer, createSchemaField } from '@formily/vue';
-import { useAsyncQueue } from './hooks/useAsyncQueue2.mjs';
-import { useFieldVisitor } from './hooks/useFieldVisitor2.mjs';
-import '@vueuse/core';
-import { useBusinessBinding } from './hooks/useBusinessBinding2.mjs';
-import { useChangeContext } from './hooks/useChangeContext2.mjs';
-import { useFormItemDeps } from './hooks/useFormItemDeps2.mjs';
-import * as index from './components/index2.mjs';
-import { createForm, onFieldValueChange } from '@formily/core';
-import { NForm } from 'naive-ui';
-
-const _hoisted_1 = { style: { "white-space": "pre" } };
-var script = /* @__PURE__ */ defineComponent({
-  __name: "FormRender",
-  props: {
-    fieldList: { type: Array },
-    initialData: { type: Object, default: () => ({}) },
-    fieldVisitor: { type: Object },
-    column: { type: Number, default: 12 },
-    parallelism: { type: Number, default: 3 },
-    schema: { type: Object },
-    components: {
-      type: Object,
-      default: () => ({})
-    },
-    scope: { type: Object, default: () => ({}) },
-    consumer: { type: Boolean, default: false }
-  },
-  emits: [
-    "formChange"
-  ],
-  setup(__props, { expose, emit }) {
-    const props = __props;
-    injectOrProvide(InjectAsyncQueue, () => useAsyncQueue().create(props.parallelism));
-    const businessCollector = useBusinessBinding().create();
-    provide(InjectionBusinessCollector, businessCollector);
-    const changeContextCollector = useChangeContext().create();
-    provide(InjectionChangeContextCollector, changeContextCollector);
-    const formItemDepsCollector = useFormItemDeps().create();
-    provide(InjectionFormItemDepsCollector, formItemDepsCollector);
-    const formModel = createForm({
-      initialValues: props.initialData,
-      effects() {
-        onFieldValueChange("*", (field) => {
-          const fieldKey = field.props.name.toString();
-          emit("formChange", {
-            fieldInstance: field,
-            fieldKey,
-            fieldName: field.title,
-            value: field.value,
-            context: changeContextCollector.getContext(fieldKey)
-          });
-          businessCollector.trigger(formModel, fieldKey, field.value);
-          formItemDepsCollector.trigger(fieldKey);
-        });
-      }
-    });
-    const SchemaField = injectOrProvide(InjectionSchemaField, () => createSchemaField({
-      components: { ...index, ...props.components },
-      scope: props.scope
-    }).SchemaField);
-    const { traverse } = useFieldVisitor();
-    const { transform } = useFieldList2Schema(businessCollector);
-    const renderSchema = computed(() => {
-      if (props.schema) {
-        return props.schema;
-      }
-      if (props.fieldList) {
-        const _fieldList = traverse(cloneDeep(props.fieldList), props.fieldVisitor);
-        return { type: "object", properties: transform(_fieldList) };
-      }
-      return { type: "object", properties: {} };
-    });
-    function validate() {
-      return formModel.validate();
-    }
-    expose({
-      validate,
-      getFormValues() {
-        return formModel.getFormState().values;
-      },
-      setFieldState: formModel.setFieldState.bind(formModel)
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(NForm), {
-        class: "form-render__wrapper",
-        style: normalizeStyle({ "--column": __props.column })
-      }, {
-        default: withCtx(() => [
-          createVNode(unref(FormProvider), { form: unref(formModel) }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default", { schemaFiled: unref(SchemaField) }, () => [
-                createVNode(unref(SchemaField), { schema: unref(renderSchema) }, null, 8, ["schema"])
-              ]),
-              __props.consumer ? (openBlock(), createBlock(unref(FormConsumer), { key: 0 }, {
-                default: withCtx(({ form }) => [
-                  createElementVNode("div", _hoisted_1, toDisplayString(JSON.stringify(form.values, null, 2)), 1)
-                ]),
-                _: 1
-              })) : createCommentVNode("v-if", true)
-            ]),
-            _: 3
-          }, 8, ["form"])
-        ]),
-        _: 3
-      }, 8, ["style"]);
-    };
-  }
-});
-
-export { script as default };

package/es/packages/form-render/src/FormRender2.mjs

@@ -1,4 +0,0 @@
-import script from './FormRender.vue_vue_type_script_setup_true_lang.mjs';
-export { default } from './FormRender.vue_vue_type_script_setup_true_lang.mjs';
-
-script.__file = "packages/form-render/src/FormRender.vue";

package/es/packages/form-render/src/components/cascader.mjs

@@ -1 +0,0 @@
-export { SEARCH_CASCADE } from './cascader2.mjs';

package/es/packages/form-render/src/components/cascader2.mjs

@@ -1,140 +0,0 @@
-import { defineComponent, ref, inject, computed, watch, createVNode } from 'vue';
-import { isObject, isString } from 'lodash-es';
-import { InjectAsyncQueue } from '../constants/index2.mjs';
-import { assignUpdateValue, formRenderLog, arrayed } from '../utils/index2.mjs';
-import '@vueuse/core';
-import { useFormField } from '../hooks/useFormField2.mjs';
-import 'cnhis-design-vue/es/packages/form-render/src/utils';
-import { connect, mapProps } from '@formily/vue';
-import { NCascader } from 'naive-ui';
-
-const script = defineComponent({
-  name: "FormCascader",
-  props: {
-    options: {
-      type: Array,
-      default: () => []
-    },
-    deep: {
-      type: [Number, String],
-      required: true
-    },
-    urlConfig: {
-      type: Object
-    },
-    onChange: {},
-    value: {}
-  },
-  emits: ["update:value"],
-  setup(props, {
-    slots,
-    attrs,
-    emit
-  }) {
-    const _options = ref(null);
-    const {
-      title
-    } = useFormField();
-    const asyncQueue = inject(InjectAsyncQueue);
-    async function fetchData(option) {
-      var _a;
-      if (!option && _options.value)
-        return;
-      const config = props.urlConfig;
-      if (!config)
-        return;
-      if (!isObject(config)) {
-        formRenderLog(`invalid urlConfig (${config}) in CASCADER => ${title.value}`, "warn");
-        return;
-      }
-      if ((option == null ? void 0 : option.depth) + 1 >= props.deep)
-        return;
-      const parentDepth = (_a = option == null ? void 0 : option.depth) != null ? _a : -1;
-      const params = {
-        lvlnr: parentDepth + 1 + ""
-      };
-      if (option) {
-        if (!config.dependKey) {
-          formRenderLog(`invalid urlConfig.dependKey ${config.dependKey} in CASCADER => ${title.value}`, "warn");
-          return;
-        }
-        arrayed(config.dependKey).forEach((key) => {
-          if (isString(key)) {
-            params[key] = option[config.valueKey];
-          } else if (isObject(key)) {
-            params[key.paramName] = option[key.paramValue];
-          }
-        });
-      }
-      const data = await asyncQueue.addAsync({
-        ...config,
-        key: title.value,
-        params
-      });
-      const result = data.reduce((res, d) => {
-        res.push({
-          [config.nameKey]: d[config.nameKey],
-          [config.valueKey]: d[config.valueKey],
-          depth: parentDepth + 1,
-          isLeaf: parentDepth + 2 >= props.deep
-        });
-        return res;
-      }, []);
-      option ? option.children = result : _options.value = result;
-    }
-    const renderOptions = computed(() => {
-      return _options.value || props.options || [];
-    });
-    watch(() => props.value, (n, o) => {
-      if (n != null && o == null) {
-        fetchData();
-      }
-    }, {
-      immediate: true
-    });
-    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 _value = computed(() => {
-      try {
-        const parsed = Array.isArray(props.value) ? props.value : JSON.parse(props.value || "");
-        if (Array.isArray(parsed)) {
-          return parsed.map((option) => option[labelKey.value]).join(" / ");
-        }
-      } catch (e) {
-        return "";
-      }
-    });
-    function updateValue(v, _, options) {
-      const payload = Array.isArray(options) ? options.map((option) => ({
-        ...option,
-        label: option[labelKey.value],
-        children: void 0
-      })) : options;
-      emit("update:value", payload);
-    }
-    return () => {
-      return createVNode(NCascader, {
-        "value": _value.value,
-        "onUpdate:value": updateValue,
-        "remote": true,
-        "labelField": labelKey.value,
-        "valueField": valueKey.value,
-        "options": renderOptions.value,
-        "checkStrategy": "child",
-        "onLoad": fetchData,
-        "onUpdate:show": (show) => show && fetchData()
-      }, slots);
-    };
-  }
-});
-const SEARCH_CASCADE = connect(script, mapProps({
-  dataSource: "options"
-}, assignUpdateValue));
-
-export { SEARCH_CASCADE };

package/es/packages/form-render/src/components/checkbox.mjs

@@ -1 +0,0 @@
-export { CHECKBOX } from './checkbox2.mjs';

package/es/packages/form-render/src/components/checkbox2.mjs

@@ -1,42 +0,0 @@
-import { defineComponent, createVNode } from 'vue';
-import { assignUpdateValue } from '../utils/index2.mjs';
-import { connect, mapProps } from '@formily/vue';
-import { NCheckboxGroup, NSpace, NCheckbox } from 'naive-ui';
-
-const script = defineComponent({
-  name: "FormCheckbox",
-  props: {
-    options: {
-      type: Array,
-      default: () => []
-    },
-    vertical: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(props, {
-    attrs
-  }) {
-    return () => createVNode(NCheckboxGroup, attrs, {
-      default: () => [createVNode(NSpace, {
-        "vertical": props.vertical
-      }, {
-        default: () => {
-          var _a;
-          return [(_a = props.options) == null ? void 0 : _a.map((option) => createVNode(NCheckbox, {
-            "key": option.value,
-            "value": option.value
-          }, {
-            default: () => [option.text]
-          }))];
-        }
-      })]
-    });
-  }
-});
-const CHECKBOX = connect(script, mapProps({
-  dataSource: "options"
-}, assignUpdateValue));
-
-export { CHECKBOX };

package/es/packages/form-render/src/components/collapse.mjs

@@ -1 +0,0 @@
-export { COLLAPSE } from './collapse2.mjs';

package/es/packages/form-render/src/components/combination.mjs

@@ -1 +0,0 @@
-export { COMBINATION } from './combination2.mjs';

package/es/packages/form-render/src/components/combination2.mjs

@@ -1,118 +0,0 @@
-import { defineComponent, computed, ref, createVNode, createTextVNode, toRaw } from 'vue';
-import { assignUpdateValue, formRenderLog } from '../utils/index2.mjs';
-import { connect, mapProps } from '@formily/vue';
-import { useDebounceFn, isObject } from '@vueuse/core';
-import { NButton } from 'naive-ui';
-import '../FormRender2.mjs';
-import script$1 from '../FormRender.vue_vue_type_script_setup_true_lang.mjs';
-
-const script = defineComponent({
-  name: "FormCombination",
-  props: {
-    title: {
-      type: String,
-      default: ""
-    },
-    value: {
-      type: String
-    },
-    properties: {
-      type: Object,
-      required: true
-    }
-  },
-  emits: ["update:value"],
-  setup(props, {
-    emit
-  }) {
-    const _schema = computed(() => {
-      return {
-        type: "void",
-        properties: props.properties
-      };
-    });
-    const emitChange = useDebounceFn(function emitChange2() {
-      emit("update:value", JSON.stringify(_values.value));
-    }, 300);
-    const combinationRepeat = ref(1);
-    function add() {
-      combinationRepeat.value++;
-      _values.value.push({});
-      emitChange();
-    }
-    function remove(idx) {
-      combinationRepeat.value--;
-      _values.value.splice(idx, 1);
-      emitChange();
-    }
-    const _values = ref([{}]);
-    function initValues(data) {
-      if (!data)
-        return;
-      try {
-        const parsed = JSON.parse(data);
-        if (!Array.isArray(parsed))
-          throw new Error();
-        parsed.forEach((v, idx) => {
-          if (isObject(v)) {
-            _values.value[idx] = v;
-          } else {
-            _values.value[idx] = {};
-            formRenderLog(`invalid Object value ${v} in COMBINATION => ${props.title}[${idx}]`, "warn");
-          }
-        });
-        combinationRepeat.value = _values.value.length;
-      } catch (e) {
-        formRenderLog(`invalid JSON value ${data} in COMBINATION => ${props.title}`, "warn");
-      }
-    }
-    initValues(props.value);
-    function stop(event) {
-      event.stopPropagation();
-    }
-    function onChange(idx, {
-      fieldKey,
-      value
-    }) {
-      !_values.value[idx] && (_values.value[idx] = {});
-      _values.value[idx][fieldKey] = value;
-      emitChange();
-    }
-    const FormRenderComponent = script$1;
-    return () => {
-      return createVNode("section", {
-        "class": "form-render__combination"
-      }, [createVNode("header", {
-        "class": "form-render__combinationHeader"
-      }, [createVNode("div", {
-        "class": "form-render__combinationHeaderText"
-      }, [props.title]), createVNode(NButton, {
-        "onClick": add,
-        "type": "info",
-        "text": true
-      }, {
-        default: () => [" ", createTextVNode("\u65B0\u589E"), " "]
-      })]), Array.from({
-        length: combinationRepeat.value
-      }).map((_, idx) => {
-        return createVNode("section", {
-          "class": "form-render__combinationContent"
-        }, [createVNode(FormRenderComponent, {
-          "initialData": toRaw(_values.value[idx]) || {},
-          "schema": _schema.value,
-          "onUpdateValue": () => false,
-          "onInput": stop,
-          "onBlur": stop,
-          "onChange": stop,
-          "onFormChange": (payload) => onChange(idx, payload)
-        }, null), idx !== 0 ? createVNode("i", {
-          "class": "form-render__combinationClose",
-          "onClick": () => remove(idx)
-        }, ["-"]) : null]);
-      })]);
-    };
-  }
-});
-const COMBINATION = connect(script, mapProps(assignUpdateValue));
-
-export { COMBINATION };

package/es/packages/form-render/src/components/complex.mjs

@@ -1 +0,0 @@
-export { COMPLEX } from './complex2.mjs';

package/es/packages/form-render/src/components/complex2.mjs

@@ -1,31 +0,0 @@
-import { defineComponent, createVNode } from 'vue';
-import { connect, mapProps } from '@formily/vue';
-import { assignUpdateValue } from 'cnhis-design-vue/es/packages/form-render/src/utils';
-
-const script = defineComponent({
-  props: {
-    span: {
-      type: Number,
-      default: 6
-    }
-  },
-  setup(props, {
-    slots,
-    attrs
-  }) {
-    function onChange(e) {
-      e.stopPropagation();
-    }
-    return () => {
-      return createVNode("section", {
-        "class": "form-render__complex"
-      }, [createVNode("section", {
-        "class": "form-render__complexContent",
-        "onChange": onChange
-      }, [slots.default && slots.default()])]);
-    };
-  }
-});
-const COMPLEX = connect(script, mapProps(assignUpdateValue));
-
-export { COMPLEX };

package/es/packages/form-render/src/components/date.mjs

@@ -1 +0,0 @@
-export { DATE } from './date2.mjs';

package/es/packages/form-render/src/components/formItem.mjs

@@ -1 +0,0 @@
-export { FORM_ITEM } from './formItem2.mjs';

package/es/packages/form-render/src/components/index.mjs

@@ -1,16 +0,0 @@
-export { INPUT } from './input2.mjs';
-export { SELECT } from './select2.mjs';
-export { FORM_ITEM } from './formItem2.mjs';
-export { TEXTAREA } from './textarea2.mjs';
-export { INPUT_NUMBER } from './inputNumber2.mjs';
-export { COLLAPSE } from './collapse2.mjs';
-export { INPUT_GROUP } from './inputGroup2.mjs';
-export { DATE } from './date2.mjs';
-export { SEARCH_CASCADE } from './cascader2.mjs';
-export { COMBINATION } from './combination2.mjs';
-export { CHECKBOX } from './checkbox2.mjs';
-export { SWITCH } from './switch2.mjs';
-export { RADIO } from './radio2.mjs';
-export { LABEL } from './labelSelect2.mjs';
-export { SLIDER } from './slider2.mjs';
-export { COMPLEX } from './complex2.mjs';

package/es/packages/form-render/src/components/index2.mjs

@@ -1,16 +0,0 @@
-export { INPUT } from './input2.mjs';
-export { SELECT } from './select2.mjs';
-export { FORM_ITEM } from './formItem2.mjs';
-export { TEXTAREA } from './textarea2.mjs';
-export { INPUT_NUMBER } from './inputNumber2.mjs';
-export { COLLAPSE } from './collapse2.mjs';
-export { INPUT_GROUP } from './inputGroup2.mjs';
-export { DATE } from './date2.mjs';
-export { SEARCH_CASCADE } from './cascader2.mjs';
-export { COMBINATION } from './combination2.mjs';
-export { CHECKBOX } from './checkbox2.mjs';
-export { SWITCH } from './switch2.mjs';
-export { RADIO } from './radio2.mjs';
-export { LABEL } from './labelSelect2.mjs';
-export { SLIDER } from './slider2.mjs';
-export { COMPLEX } from './complex2.mjs';

package/es/packages/form-render/src/components/input.mjs

@@ -1 +0,0 @@
-export { INPUT } from './input2.mjs';

package/es/packages/form-render/src/components/input2.mjs

@@ -1,40 +0,0 @@
-import { defineComponent, computed, createVNode, Fragment } from 'vue';
-import { assignUpdateValue } from '../utils/index2.mjs';
-import { connect, mapProps } from '@formily/vue';
-import { NInput } from 'naive-ui';
-
-const script = defineComponent({
-  name: "FormInput",
-  props: {
-    prefix: {
-      type: String
-    },
-    suffix: {
-      type: String
-    }
-  },
-  setup(props, {
-    attrs
-  }) {
-    const _slots = computed(() => {
-      const res = {};
-      if (props.prefix) {
-        res.prefix = () => createVNode(Fragment, null, [props.prefix]);
-      }
-      if (props.suffix) {
-        res.suffix = () => createVNode(Fragment, null, [props.suffix]);
-      }
-      return res;
-    });
-    return () => {
-      return createVNode(NInput, attrs, _slots.value);
-    };
-  }
-});
-const INPUT = connect(script, mapProps((props, field) => {
-  const _props = assignUpdateValue(props, field);
-  _props.allowInput = (value) => !value.startsWith(" ") && !value.endsWith(" ");
-  return _props;
-}));
-
-export { INPUT };

package/es/packages/form-render/src/components/inputGroup.mjs

@@ -1 +0,0 @@
-export { INPUT_GROUP } from './inputGroup2.mjs';

package/es/packages/form-render/src/components/inputNumber.mjs

@@ -1 +0,0 @@
-export { INPUT_NUMBER } from './inputNumber2.mjs';

package/es/packages/form-render/src/components/inputNumber2.mjs

@@ -1,18 +0,0 @@
-import { defineComponent, createVNode } from 'vue';
-import { assignUpdateValue } from '../utils/index2.mjs';
-import { connect, mapProps } from '@formily/vue';
-import { NInputNumber } from 'naive-ui';
-
-const script = defineComponent({
-  props: {
-    onChange: {}
-  },
-  setup(_) {
-    return () => {
-      return createVNode(NInputNumber, null, null);
-    };
-  }
-});
-const INPUT_NUMBER = connect(script, mapProps(assignUpdateValue));
-
-export { INPUT_NUMBER };

package/es/packages/form-render/src/components/labelSelect.mjs

@@ -1 +0,0 @@
-export { LABEL } from './labelSelect2.mjs';

package/es/packages/form-render/src/components/radio.mjs

@@ -1 +0,0 @@
-export { RADIO } from './radio2.mjs';

package/es/packages/form-render/src/components/radio2.mjs

@@ -1,44 +0,0 @@
-import { defineComponent, createVNode } from 'vue';
-import { connect, mapProps } from '@formily/vue';
-import { NRadioGroup, NSpace, NRadio } from 'naive-ui';
-import { assignUpdateValue } from '../utils/index2.mjs';
-
-const script = defineComponent({
-  props: {
-    options: {
-      type: Array,
-      default: () => []
-    },
-    vertical: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(props, {
-    attrs
-  }) {
-    return () => {
-      return createVNode(NRadioGroup, attrs, {
-        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));
-
-export { RADIO };

package/es/packages/form-render/src/components/select.mjs

@@ -1 +0,0 @@
-export { SELECT } from './select2.mjs';