cnhis-design-vue 3.1.9-beta.5 → 3.1.9-beta.6

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

@@ -1,21 +1,21 @@
 import { defineComponent, provide, computed, openBlock, createBlock, unref, normalizeStyle, withCtx, createVNode, renderSlot, createElementVNode, toDisplayString, createCommentVNode } from 'vue';
-import { injectOrProvide } from './utils/index2.mjs';
+import { injectOrProvide } from './utils/index.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 { InjectionBusinessCollector, InjectionChangeContextCollector, InjectionFormItemDepsCollector, InjectAsyncQueue, InjectionSchemaField } from './constants/index.mjs';
+import * as index from './components/index.mjs';
 import { createForm, onFieldValueChange } from '@formily/core';
+import { FormProvider, FormConsumer, createSchemaField } from '@formily/vue';
 import { NForm } from 'naive-ui';
+import { useBusinessBinding } from './hooks/useBusinessBinding.mjs';
+import { useAsyncQueue } from './hooks/useAsyncQueue.mjs';
+import { useChangeContext } from './hooks/useChangeContext.mjs';
+import { useFormItemDeps } from './hooks/useFormItemDeps.mjs';
+import { useFieldVisitor } from './hooks/useFieldVisitor.mjs';
+import { useFieldList2Schema } from './hooks/useFieldList2Schema.mjs';
 
 const _hoisted_1 = { style: { "white-space": "pre" } };
 var script = /* @__PURE__ */ defineComponent({
+  __name: "FormRender",
   props: {
     fieldList: { type: Array },
     initialData: { type: Object, default: () => ({}) },

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

@@ -1 +1,138 @@
-export { SEARCH_CASCADE } from './cascader2.mjs';
+import { defineComponent, ref, inject, computed, watch, createVNode } from 'vue';
+import { isObject, isString } from 'lodash-es';
+import { InjectAsyncQueue } from '../constants/index.mjs';
+import { assignUpdateValue, formRenderLog, arrayed } from '../utils/index.mjs';
+import { connect, mapProps } from '@formily/vue';
+import { NCascader } from 'naive-ui';
+import { useFormField } from '../hooks/useFormField.mjs';
+
+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 +1,42 @@
-export { CHECKBOX } from './checkbox2.mjs';
+import { defineComponent, createVNode } from 'vue';
+import { assignUpdateValue } from '../utils/index.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 +1,54 @@
-export { COLLAPSE } from './collapse2.mjs';
+import { defineComponent, ref, onMounted, createVNode } from 'vue';
+import { connect, mapProps } from '@formily/vue';
+import { NCollapseTransition } from 'naive-ui';
+
+const script = defineComponent({
+  name: "FormCollapse",
+  props: {
+    show: {
+      type: Boolean,
+      default: true
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props, {
+    slots
+  }) {
+    const _show = ref(props.show);
+    onMounted(() => {
+      _show.value = props.show;
+    });
+    function toggleShow() {
+      if (props.disabled)
+        return;
+      _show.value = !_show.value;
+    }
+    return () => {
+      return createVNode("section", {
+        "class": "form-render__collapse"
+      }, [createVNode("header", {
+        "class": "form-render__collapseHeader",
+        "onClick": toggleShow
+      }, [props.title]), createVNode(NCollapseTransition, {
+        "class": "form-render__collapseItem",
+        "show": _show.value,
+        "appear": false
+      }, slots)]);
+    };
+  }
+});
+const COLLAPSE = connect(script, mapProps((props, field) => {
+  return {
+    ...props,
+    title: field.title
+  };
+}));
+
+export { COLLAPSE };

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

@@ -1 +1,118 @@
-export { COMBINATION } from './combination2.mjs';
+import { defineComponent, computed, ref, createVNode, createTextVNode, toRaw } from 'vue';
+import { assignUpdateValue, formRenderLog } from '../utils/index.mjs';
+import { connect, mapProps } from '@formily/vue';
+import { useDebounceFn, isObject } from '@vueuse/core';
+import { NButton } from 'naive-ui';
+import '../FormRender.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 +1,31 @@
-export { COMPLEX } from './complex2.mjs';
+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 +1,51 @@
-export { DATE } from './date2.mjs';
+import { defineComponent, createVNode } from 'vue';
+import { isField } from '@formily/core';
+import { connect, mapProps } from '@formily/vue';
+import { isObject } from '@vueuse/core';
+import { NDatePicker } from 'naive-ui';
+
+const script = defineComponent({
+  props: {
+    onChange: {},
+    value: {}
+  },
+  setup(_) {
+    return () => {
+      return createVNode(NDatePicker, null, null);
+    };
+  }
+});
+const DATE = connect(script, mapProps((props, field) => {
+  const _props = {
+    ...props
+  };
+  if (isField(field)) {
+    Object.assign(_props, {
+      "formatted-value": field.value,
+      "onUpdate:formatted-value"(v) {
+        field.setValue(v);
+      }
+    });
+    if (isObject(props.validate)) {
+      const {
+        min_date,
+        max_date
+      } = props.validate;
+      if (min_date || max_date) {
+        _props.isDateDisabled = (time) => {
+          let disabled = false;
+          if (min_date === "currTime") {
+            disabled = time < Date.now();
+          }
+          if (max_date === "currTime") {
+            disabled = time > Date.now();
+          }
+          return disabled;
+        };
+      }
+    }
+  }
+  return _props;
+}));
+
+export { DATE };

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

@@ -1 +1,22 @@
-export { FORM_ITEM } from './formItem2.mjs';
+import { isVoidField } from '@formily/core';
+import { connect, mapProps } from '@formily/vue';
+import { NFormItem } from 'naive-ui';
+
+const FORM_ITEM = connect(NFormItem, mapProps({
+  title: "label"
+}, (props, field) => {
+  var _a;
+  const feedback = !isVoidField(field) ? field.selfErrors.length ? field.selfErrors.join(",") : void 0 : void 0;
+  return {
+    ...props,
+    required: field.required,
+    class: "form-render__formItem",
+    style: {
+      "--form-item-column": (_a = props.span) != null ? _a : 3
+    },
+    feedback,
+    "validation-status": feedback ? "error" : void 0
+  };
+}));
+
+export { FORM_ITEM };

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

@@ -1,16 +1,16 @@
-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';
+export { INPUT } from './input.mjs';
+export { SELECT } from './select.mjs';
+export { FORM_ITEM } from './formItem.mjs';
+export { TEXTAREA } from './textarea.mjs';
+export { INPUT_NUMBER } from './inputNumber.mjs';
+export { COLLAPSE } from './collapse.mjs';
+export { INPUT_GROUP } from './inputGroup.mjs';
+export { DATE } from './date.mjs';
+export { SEARCH_CASCADE } from './cascader.mjs';
+export { COMBINATION } from './combination.mjs';
+export { CHECKBOX } from './checkbox.mjs';
+export { SWITCH } from './switch.mjs';
+export { RADIO } from './radio.mjs';
+export { LABEL } from './labelSelect.mjs';
+export { SLIDER } from './slider.mjs';
+export { COMPLEX } from './complex.mjs';

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

@@ -1 +1,40 @@
-export { INPUT } from './input2.mjs';
+import { defineComponent, computed, createVNode, Fragment } from 'vue';
+import { assignUpdateValue } from '../utils/index.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 +1,8 @@
-export { INPUT_GROUP } from './inputGroup2.mjs';
+import { connect, mapProps } from '@formily/vue';
+import { NInputGroup } from 'naive-ui';
+
+const INPUT_GROUP = connect(NInputGroup, mapProps((props) => {
+  return { style: { "--column": props.span || 3 }, class: "form-render__inputGroup" };
+}));
+
+export { INPUT_GROUP };

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

@@ -1 +1,18 @@
-export { INPUT_NUMBER } from './inputNumber2.mjs';
+import { defineComponent, createVNode } from 'vue';
+import { assignUpdateValue } from '../utils/index.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 +1,18 @@
-export { LABEL } from './labelSelect2.mjs';
+import { connect, mapProps } from '@formily/vue';
+import { defineComponent } from 'vue';
+
+const script = defineComponent({
+  name: "FormLabel",
+  setup(props) {
+    return () => {
+      return "";
+    };
+  }
+});
+const LABEL = connect(script, mapProps((props, field) => {
+  return {
+    ...props
+  };
+}));
+
+export { LABEL };

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

@@ -1 +1,44 @@
-export { RADIO } from './radio2.mjs';
+import { defineComponent, createVNode } from 'vue';
+import { connect, mapProps } from '@formily/vue';
+import { NRadioGroup, NSpace, NRadio } from 'naive-ui';
+import { assignUpdateValue } from '../utils/index.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 };