cnhis-design-vue 3.1.5-beta.1 → 3.1.5-beta.10

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

@@ -0,0 +1,24 @@
+import { AnyObject } from 'cnhis-design-vue/es/src/types';
+import { PropType } from "vue";
+export declare const CHECKBOX: import("vue").DefineComponent<{
+    options: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    vertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    vertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    options: AnyObject[];
+    vertical: boolean;
+}>;

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

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

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

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

@@ -0,0 +1,31 @@
+export declare const COLLAPSE: import("vue").DefineComponent<{
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    disabled: boolean;
+    show: boolean;
+    title: string;
+}>;

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

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

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

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

@@ -0,0 +1,142 @@
+import { PropType } from "vue";
+export declare const COMBINATION: import("vue").DefineComponent<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    value: {
+        type: StringConstructor;
+    };
+    properties: {
+        type: PropType<Record<string, import("@formily/vue").Stringify<{
+            [key: symbol]: any;
+            [key: `x-${string}`]: any;
+            [key: `x-${number}`]: any;
+            version?: string | undefined;
+            name?: import("@formily/vue").SchemaKey | undefined;
+            title?: any;
+            description?: any;
+            default?: any;
+            readOnly?: boolean | undefined;
+            writeOnly?: boolean | undefined;
+            type?: import("@formily/vue").SchemaTypes | undefined;
+            enum?: import("@formily/vue").SchemaEnum<any> | undefined;
+            const?: any;
+            multipleOf?: number | undefined;
+            maximum?: number | undefined;
+            exclusiveMaximum?: number | undefined;
+            minimum?: number | undefined;
+            exclusiveMinimum?: number | undefined;
+            maxLength?: number | undefined;
+            minLength?: number | undefined;
+            pattern?: string | RegExp | undefined;
+            maxItems?: number | undefined;
+            minItems?: number | undefined;
+            uniqueItems?: boolean | undefined;
+            maxProperties?: number | undefined;
+            minProperties?: number | undefined;
+            required?: string | boolean | string[] | undefined;
+            format?: string | undefined;
+            $ref?: string | undefined;
+            $namespace?: string | undefined;
+            definitions?: import("@formily/vue").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+            properties?: import("@formily/vue").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+            items?: import("@formily/vue").SchemaItems<any, any, any, any, any, any, any, any> | undefined;
+            additionalItems?: import("@formily/vue").Stringify<any> | undefined;
+            patternProperties?: import("@formily/vue").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+            additionalProperties?: import("@formily/vue").Stringify<any> | undefined;
+            "x-value"?: any;
+            "x-index"?: number | undefined;
+            "x-pattern"?: any;
+            "x-display"?: any;
+            "x-validator"?: any;
+            "x-decorator"?: any;
+            "x-decorator-props"?: any;
+            "x-component"?: any;
+            "x-component-props"?: any;
+            "x-reactions"?: import("@formily/vue").SchemaReactions<any> | undefined;
+            "x-content"?: any;
+            "x-data"?: any;
+            "x-visible"?: boolean | undefined;
+            "x-hidden"?: boolean | undefined;
+            "x-disabled"?: boolean | undefined;
+            "x-editable"?: boolean | undefined;
+            "x-read-only"?: boolean | undefined;
+            "x-read-pretty"?: boolean | undefined;
+            "x-compile-omitted"?: string[] | undefined;
+        }>>>;
+        required: true;
+    };
+}, () => 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<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    value: {
+        type: StringConstructor;
+    };
+    properties: {
+        type: PropType<Record<string, import("@formily/vue").Stringify<{
+            [key: symbol]: any;
+            [key: `x-${string}`]: any;
+            [key: `x-${number}`]: any;
+            version?: string | undefined;
+            name?: import("@formily/vue").SchemaKey | undefined;
+            title?: any;
+            description?: any;
+            default?: any;
+            readOnly?: boolean | undefined;
+            writeOnly?: boolean | undefined;
+            type?: import("@formily/vue").SchemaTypes | undefined;
+            enum?: import("@formily/vue").SchemaEnum<any> | undefined;
+            const?: any;
+            multipleOf?: number | undefined;
+            maximum?: number | undefined;
+            exclusiveMaximum?: number | undefined;
+            minimum?: number | undefined;
+            exclusiveMinimum?: number | undefined;
+            maxLength?: number | undefined;
+            minLength?: number | undefined;
+            pattern?: string | RegExp | undefined;
+            maxItems?: number | undefined;
+            minItems?: number | undefined;
+            uniqueItems?: boolean | undefined;
+            maxProperties?: number | undefined;
+            minProperties?: number | undefined;
+            required?: string | boolean | string[] | undefined;
+            format?: string | undefined;
+            $ref?: string | undefined;
+            $namespace?: string | undefined;
+            definitions?: import("@formily/vue").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+            properties?: import("@formily/vue").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+            items?: import("@formily/vue").SchemaItems<any, any, any, any, any, any, any, any> | undefined;
+            additionalItems?: import("@formily/vue").Stringify<any> | undefined;
+            patternProperties?: import("@formily/vue").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+            additionalProperties?: import("@formily/vue").Stringify<any> | undefined;
+            "x-value"?: any;
+            "x-index"?: number | undefined;
+            "x-pattern"?: any;
+            "x-display"?: any;
+            "x-validator"?: any;
+            "x-decorator"?: any;
+            "x-decorator-props"?: any;
+            "x-component"?: any;
+            "x-component-props"?: any;
+            "x-reactions"?: import("@formily/vue").SchemaReactions<any> | undefined;
+            "x-content"?: any;
+            "x-data"?: any;
+            "x-visible"?: boolean | undefined;
+            "x-hidden"?: boolean | undefined;
+            "x-disabled"?: boolean | undefined;
+            "x-editable"?: boolean | undefined;
+            "x-read-only"?: boolean | undefined;
+            "x-read-pretty"?: boolean | undefined;
+            "x-compile-omitted"?: string[] | undefined;
+        }>>>;
+        required: true;
+    };
+}>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    title: string;
+}>;

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

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

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

@@ -0,0 +1,118 @@
+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, {
+      field,
+      value
+    }) {
+      !_values.value[idx] && (_values.value[idx] = {});
+      _values.value[idx][field] = 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 };