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

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

@@ -0,0 +1,42 @@
+import { defineComponent, createVNode } from 'vue';
+import { assignUpdateValue } from '../utils/index2.js';
+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.js

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

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

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

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

@@ -0,0 +1,118 @@
+import { defineComponent, computed, ref, createVNode, createTextVNode, toRaw } from 'vue';
+import { assignUpdateValue, formRenderLog } from '../utils/index2.js';
+import { connect, mapProps } from '@formily/vue';
+import { useDebounceFn, isObject } from '@vueuse/core';
+import { NButton } from 'naive-ui';
+import '../FormRender2.js';
+import script$1 from '../FormRender.vue_vue_type_script_setup_true_lang.js';
+
+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.js

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

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

@@ -0,0 +1,31 @@
+import { defineComponent, createVNode } from 'vue';
+import { connect, mapProps } from '@formily/vue';
+import { assignUpdateValue } from '../..\\..\\../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.js

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

package/es/packages/form-render/src/components/formItem.d.ts

@@ -157,11 +157,9 @@ export declare const FORM_ITEM: import("vue").DefineComponent<{
     labelElementRef: import("vue").Ref<HTMLLabelElement | null>;
     mergedClsPrefix: import("vue").ComputedRef<string>;
     mergedRequired: import("vue").ComputedRef<boolean>;
+    hasFeedback: import("vue").ComputedRef<number | true>;
     feedbackId: import("vue").Ref<string>;
-    renderExplains: import("vue").Ref<{
-        key: string;
-        render: () => import("vue").VNodeChild;
-    }[]>;
+    explains: import("vue").Ref<string[]>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly label: StringConstructor;
     readonly labelWidth: import("vue").PropType<string | number>;
@@ -285,10 +283,10 @@ export declare const FORM_ITEM: import("vue").DefineComponent<{
         labelTextAlignHorizontal: string;
     }, any>>>;
 }>>, {
-    readonly required: boolean;
-    readonly first: boolean;
-    readonly showRequireMark: boolean | undefined;
-    readonly showFeedback: boolean | undefined;
-    readonly showLabel: boolean | undefined;
-    readonly ignorePathChange: boolean;
+    required: boolean;
+    first: boolean;
+    showRequireMark: boolean | undefined;
+    showFeedback: boolean | undefined;
+    showLabel: boolean | undefined;
+    ignorePathChange: boolean;
 }>;

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,40 @@
+import { defineComponent, computed, createVNode, Fragment } from 'vue';
+import { assignUpdateValue } from '../utils/index2.js';
+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.js

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

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

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

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

@@ -0,0 +1,18 @@
+import { defineComponent, createVNode } from 'vue';
+import { assignUpdateValue } from '../utils/index2.js';
+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.js

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

package/es/packages/form-render/src/components/radio.d.ts

@@ -1,4 +1,4 @@
-import { AnyObject } from 'cnhis-design-vue/es/src/types';
+import { AnyObject } from '../..\..\..\../es/src/types';
 import { PropType } from "vue";
 export declare const RADIO: import("vue").DefineComponent<{
     options: {

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

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

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

@@ -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.js';
+
+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

@@ -1,4 +1,4 @@
-import { AnyObject } from 'cnhis-design-vue/es/src/types';
+import { AnyObject } from '../..\..\..\../es/src/types';
 import { FormRequestType } from '../types';
 import { PropType } from 'vue';
 declare type UrlConfig = {

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

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

package/es/packages/form-render/src/components/select2.js

@@ -0,0 +1,137 @@
+import { defineComponent, ref, inject, computed, watch, createVNode } from 'vue';
+import { cloneDeep } from 'lodash-es';
+import { InjectAsyncQueue, InjectionFormItemDepsCollector, InjectionChangeContextCollector } from '../constants/index2.js';
+import { assignUpdateValue, formRenderLog, generateUrlParams } from '../utils/index2.js';
+import { isObject } from '@vueuse/core';
+import { useFormField } from '../hooks/useFormField2.js';
+import '../..\\..\\../packages/form-render/src/utils';
+import { connect, mapProps } from '@formily/vue';
+import { NSelect } from 'naive-ui';
+
+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
+  }) {
+    const _options = ref(null);
+    let cachedOptions = null;
+    let lastSearch = ref("");
+    const asyncQueue = inject(InjectAsyncQueue);
+    const {
+      title,
+      field,
+      fieldKey
+    } = useFormField();
+    function filterOption(options, searchContent) {
+      return options.filter((option) => {
+        return !searchContent || String(option[labelKey.value]).includes(searchContent);
+      });
+    }
+    async function fetchData(content) {
+      if (content === lastSearch.value) {
+        if (cachedOptions)
+          return;
+      } else {
+        lastSearch.value = 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 = filterOption(cachedOptions, content);
+      }
+      try {
+        const data = await asyncQueue.addAsync({
+          ...config,
+          key: title.value,
+          params: Object.assign({}, config.params, generateUrlParams(field.value, config.dependKey))
+        });
+        _options.value = data.reduce((res, d) => {
+          var _a;
+          if (((_a = d[labelKey.value]) == null ? void 0 : _a.includes(content)) || !content) {
+            res.push(d);
+          }
+          return res;
+        }, []);
+        cachedOptions = _options.value;
+      } catch (e) {
+        _options.value = null;
+      }
+    }
+    const renderOptions = computed(() => {
+      if (_options.value)
+        return _options.value;
+      if (!Array.isArray(props.options))
+        return [];
+      return filterOption(props.options, lastSearch.value);
+    });
+    const formItemDepsCollector = inject(InjectionFormItemDepsCollector);
+    watch(() => props.urlConfig, (config) => {
+      cachedOptions = null;
+      config && formItemDepsCollector.setDeps(fieldKey.value, config.dependKey || [], () => {
+        cachedOptions = null;
+        props.value && fetchData();
+      });
+    }, {
+      immediate: true
+    });
+    watch(() => props.value, (n, o) => {
+      if (o == null && n != null) {
+        fetchData();
+      }
+    }, {
+      immediate: true
+    });
+    const changeContextCollector = inject(InjectionChangeContextCollector);
+    function update(v, option) {
+      changeContextCollector == null ? void 0 : changeContextCollector.setContext(fieldKey.value, "currentOption", cloneDeep(option));
+      emit("update:value", v);
+    }
+    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";
+    });
+    return () => createVNode(NSelect, {
+      "value": props.value,
+      "onUpdate:value": update,
+      "remote": true,
+      "filterable": true,
+      "labelField": labelKey.value,
+      "valueField": valueKey.value,
+      "onSearch": fetchData,
+      "onUpdate:show": (show) => show && fetchData(),
+      "options": renderOptions.value
+    }, slots);
+  }
+});
+const SELECT = connect(script, mapProps({
+  dataSource: "options"
+}, assignUpdateValue));
+
+export { SELECT };

package/es/packages/form-render/src/components/slider.d.ts

@@ -143,7 +143,7 @@ export declare const SLIDER: import("vue").DefineComponent<{
         style: import("vue").CSSProperties;
     }[]>;
     isShowTooltip: (index: number) => boolean;
-    shouldKeepTooltipTransition: (index: number) => boolean;
+    isSkipCSSDetection: (index: number) => boolean;
     handleRailRef: import("vue").Ref<HTMLElement | null>;
     setHandleRefs: (key: number) => (el: any) => void;
     setFollowerRefs: (key: number) => (el: any) => void;
@@ -333,15 +333,15 @@ export declare const SLIDER: import("vue").DefineComponent<{
         dotBorderRadius: string;
     }, any>>>;
 }>>, {
-    readonly range: boolean;
-    readonly reverse: boolean;
-    readonly vertical: boolean;
-    readonly tooltip: boolean;
-    readonly disabled: boolean | undefined;
-    readonly step: number | "mark";
-    readonly max: number;
-    readonly min: number;
-    readonly to: string | boolean | HTMLElement;
-    readonly defaultValue: number | number[];
-    readonly showTooltip: boolean | undefined;
+    range: boolean;
+    reverse: boolean;
+    vertical: boolean;
+    tooltip: boolean;
+    disabled: boolean | undefined;
+    step: number | "mark";
+    max: number;
+    min: number;
+    to: string | boolean | HTMLElement;
+    defaultValue: number | number[];
+    showTooltip: boolean | undefined;
 }>;

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

@@ -0,0 +1 @@
+export { SLIDER } from './slider2.js';

package/es/packages/form-render/src/components/slider2.js

@@ -0,0 +1,16 @@
+import { connect, mapProps } from '@formily/vue';
+import { NSlider } from 'naive-ui';
+import { assignUpdateValue } from '../..\\..\\../packages/form-render/src/utils';
+
+const SLIDER = connect(NSlider, mapProps((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;
+}));
+
+export { SLIDER };

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

@@ -0,0 +1 @@
+export { SWITCH } from './switch2.js';

package/es/packages/form-render/src/components/switch2.js

@@ -0,0 +1,47 @@
+import { defineComponent, computed, createVNode, createTextVNode } from 'vue';
+import { NSwitch } from 'naive-ui';
+import { assignUpdateValue } from '../utils/index2.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));
+
+export { SWITCH };