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

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

@@ -0,0 +1,51 @@
+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,22 +1 @@
-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 };
+export { FORM_ITEM } from './formItem2.mjs';

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

@@ -0,0 +1,22 @@
+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 './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';
+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

@@ -0,0 +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';

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

@@ -1,40 +1 @@
-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 };
+export { INPUT } from './input2.mjs';

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

@@ -0,0 +1,40 @@
+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,8 +1 @@
-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 };
+export { INPUT_GROUP } from './inputGroup2.mjs';

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

@@ -0,0 +1,8 @@
+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,18 +1 @@
-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 };
+export { INPUT_NUMBER } from './inputNumber2.mjs';

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

@@ -0,0 +1,18 @@
+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,18 +1 @@
-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 };
+export { LABEL } from './labelSelect2.mjs';

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

@@ -0,0 +1,18 @@
+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,44 +1 @@
-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 };
+export { RADIO } from './radio2.mjs';

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

@@ -0,0 +1,44 @@
+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.d.ts

@@ -3,8 +3,10 @@ import { FormRequestType } from '../types';
 import { PropType } from 'vue';
 declare type UrlConfig = {
     method: FormRequestType;
+    dependKey?: string | string[];
     nameKey: string;
     url: string;
+    params?: AnyObject;
     valueKey: string;
 };
 export declare const SELECT: import("vue").DefineComponent<{

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

@@ -1,117 +1 @@
-import { defineComponent, ref, inject, computed, watch, createVNode } from 'vue';
-import { cloneDeep } from 'lodash-es';
-import { InjectAsyncQueue, InjectionChangeContextCollector } from '../constants/index.mjs';
-import { assignUpdateValue, formRenderLog } from '../utils/index.mjs';
-import { isObject } from '@vueuse/core';
-import { useField, connect, mapProps } from '@formily/vue';
-import { NSelect } from 'naive-ui';
-import { useFormField } from '../hooks/useFormField.mjs';
-
-const script = defineComponent({
-  name: "FormSelect",
-  props: {
-    value: {
-      type: String
-    },
-    options: {
-      type: Array,
-      default: () => []
-    },
-    urlConfig: {
-      type: Object
-    },
-    onChange: {
-      type: Function
-    }
-  },
-  emits: ["update:value"],
-  setup(props, {
-    slots,
-    emit,
-    attrs
-  }) {
-    const _options = ref(null);
-    let cachedOptions = null;
-    let lastSearch;
-    const asyncQueue = inject(InjectAsyncQueue);
-    const {
-      title
-    } = useFormField();
-    async function fetchData(content) {
-      if (content === lastSearch && cachedOptions)
-        return;
-      lastSearch = content;
-      const config = props.urlConfig;
-      if (!config) {
-        return cachedOptions = _options.value = null;
-      }
-      if (!isObject(config)) {
-        formRenderLog(`invalid urlConfig (${config}) in SELECT => ${title.value}`, "warn");
-        return cachedOptions = _options.value = null;
-      }
-      if (cachedOptions) {
-        return _options.value = cachedOptions.filter((option) => {
-          var _a;
-          return !content || ((_a = option[config.nameKey]) == null ? void 0 : _a.includes(content));
-        });
-      }
-      try {
-        const data = await asyncQueue.addAsync({
-          ...config,
-          key: title.value
-        });
-        _options.value = data.reduce((res, d) => {
-          var _a;
-          if (((_a = d[config.nameKey]) == null ? void 0 : _a.includes(content)) || !content) {
-            res.push(d);
-          }
-          return res;
-        }, []);
-        cachedOptions = _options.value;
-      } catch (e) {
-        _options.value = null;
-      }
-    }
-    const renderOptions = computed(() => {
-      return _options.value || props.options || [];
-    });
-    watch(() => props.urlConfig, () => {
-      cachedOptions = null;
-    });
-    watch(() => attrs.value, (n, o) => {
-      if (o == null && n != null) {
-        fetchData();
-      }
-    }, {
-      immediate: true
-    });
-    const field = useField();
-    const fieldKey = computed(() => {
-      return field.value.props.name.toString();
-    });
-    const changeContextCollector = inject(InjectionChangeContextCollector);
-    function update(v, option) {
-      changeContextCollector == null ? void 0 : changeContextCollector.setContext(fieldKey.value, "currentOption", cloneDeep(option));
-      emit("update:value", v);
-    }
-    return () => {
-      var _a, _b, _c, _d;
-      return createVNode(NSelect, {
-        "value": props.value,
-        "onUpdate:value": update,
-        "remote": true,
-        "filterable": true,
-        "labelField": (_b = (_a = props.urlConfig) == null ? void 0 : _a.nameKey) != null ? _b : "text",
-        "valueField": (_d = (_c = props.urlConfig) == null ? void 0 : _c.valueKey) != null ? _d : "value",
-        "onSearch": fetchData,
-        "onUpdate:show": (show) => show && fetchData(),
-        "options": renderOptions.value
-      }, slots);
-    };
-  }
-});
-const SELECT = connect(script, mapProps({
-  dataSource: "options"
-}, assignUpdateValue));
-
-export { SELECT };
+export { SELECT } from './select2.mjs';