cnhis-design-vue 3.1.8-beta.8 → 3.1.9-beta.1

package/es/packages/field-set/style/index.less

@@ -1,157 +1,157 @@
-.c-field-set {
-  ul {
-    margin: 0;
-    padding: 0;
-  }
-  
-  .fields-set-content {
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-    .fields-table {
-      flex: 1;
-      display: flex;
-      flex-direction: column;
-      overflow: auto;
-    }
-  }
-  
-  height: 100%;
-  position: relative;
-  .n-spin-container {
-    width: 100%;
-    height: 100%;
-  }
-  .n-spin-content {
-    height: 100%;
-  }
-  .setting-title {
-    background: #f2f2f4;
-    border: 1px solid #f2f2f2;
-    height: 52px;
-    line-height: 52px;
-    span {
-      display: inline-block;
-    }
-    &.seting-title-api {
-      .width-large {
-        width: 15%;
-      }
-    }
-  }
-  .set-show {
-    min-height: 100px;
-    overflow-y: auto;
-    &.set-show-api {
-      .width-large {
-        width: 15%;
-      }
-    }
-
-    .left-style.sortable-chosen {
-      background: #fafafa;
-      box-shadow: 0px 0px 10px 0px #d5d5d5;
-    }
-
-    li {
-      padding: 5px 0;
-      display: flex;
-      align-items: center;
-      border-bottom: 1px solid #e8e8e8;
-      height: 52px;
-      line-height: 52px;
-    }
-    .alias-style {
-      outline: none;
-      border-radius: 4px 4px 4px 4px;
-      border: solid 1px #d5d5d5;
-      height: 32px;
-      text-indent: 16px;
-      color: #38454f;
-      width: 100%;
-    }
-    .is-sort-style {
-      outline: none;
-      border-radius: 4px 4px 4px 4px;
-      border: solid 1px #d5d5d5;
-      height: 32px;
-      text-indent: 6px;
-      color: #38454f;
-      width: 87px;
-      margin-right: 5px;
-      &:disabled {
-        cursor: not-allowed;
-        background: #f5f5f5;
-      }
-    }
-    .col-width-style {
-      width: 70px;
-    }
-    .title-item {
-      display: inline-flex;
-      justify-content: flex-start;
-      align-items: center;
-      text-align: left;
-      > span {
-        display: inline-block;
-        max-width: calc(100% - 20px);
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-      }
-    }
-  }
-  .alias-style {
-    outline: none;
-    border-radius: 4px 4px 4px 4px;
-    border: solid 1px rgba(212, 222, 229, 1);
-    height: 32px;
-    text-indent: 16px;
-    color: #38454f;
-  }
-  .btn-operate {
-    border-top: 1px solid #d5d5d5;
-    padding: 12px 0 12px;
-  }
-
-  .width-show {
-    display: inline-block;
-    width: 10%;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-  }
-  .drag-icon-wrap {
-    width: 5% !important;
-    cursor: pointer;
-    text-align: center;
-  }
-  .width-showed {
-    display: inline-block;
-    width: 15%;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    select {
-      width: 90% !important;
-    }
-  }
-  .width-word {
-    display: inline-block;
-    width: 20%;
-    line-height: 52px;
-    overflow: hidden;
-    white-space: nowrap;
-    input {
-      width: 90% !important;
-    }
-  }
-  .width-large {
-    display: inline-block;
-    width: 20%;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-  }
-}
+.c-field-set {
+  ul {
+    margin: 0;
+    padding: 0;
+  }
+  
+  .fields-set-content {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    .fields-table {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      overflow: auto;
+    }
+  }
+  
+  height: 100%;
+  position: relative;
+  .n-spin-container {
+    width: 100%;
+    height: 100%;
+  }
+  .n-spin-content {
+    height: 100%;
+  }
+  .setting-title {
+    background: #f2f2f4;
+    border: 1px solid #f2f2f2;
+    height: 52px;
+    line-height: 52px;
+    span {
+      display: inline-block;
+    }
+    &.seting-title-api {
+      .width-large {
+        width: 15%;
+      }
+    }
+  }
+  .set-show {
+    min-height: 100px;
+    overflow-y: auto;
+    &.set-show-api {
+      .width-large {
+        width: 15%;
+      }
+    }
+
+    .left-style.sortable-chosen {
+      background: #fafafa;
+      box-shadow: 0px 0px 10px 0px #d5d5d5;
+    }
+
+    li {
+      padding: 5px 0;
+      display: flex;
+      align-items: center;
+      border-bottom: 1px solid #e8e8e8;
+      height: 52px;
+      line-height: 52px;
+    }
+    .alias-style {
+      outline: none;
+      border-radius: 4px 4px 4px 4px;
+      border: solid 1px #d5d5d5;
+      height: 32px;
+      text-indent: 16px;
+      color: #38454f;
+      width: 100%;
+    }
+    .is-sort-style {
+      outline: none;
+      border-radius: 4px 4px 4px 4px;
+      border: solid 1px #d5d5d5;
+      height: 32px;
+      text-indent: 6px;
+      color: #38454f;
+      width: 87px;
+      margin-right: 5px;
+      &:disabled {
+        cursor: not-allowed;
+        background: #f5f5f5;
+      }
+    }
+    .col-width-style {
+      width: 70px;
+    }
+    .title-item {
+      display: inline-flex;
+      justify-content: flex-start;
+      align-items: center;
+      text-align: left;
+      > span {
+        display: inline-block;
+        max-width: calc(100% - 20px);
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+      }
+    }
+  }
+  .alias-style {
+    outline: none;
+    border-radius: 4px 4px 4px 4px;
+    border: solid 1px rgba(212, 222, 229, 1);
+    height: 32px;
+    text-indent: 16px;
+    color: #38454f;
+  }
+  .btn-operate {
+    border-top: 1px solid #d5d5d5;
+    padding: 12px 0 12px;
+  }
+
+  .width-show {
+    display: inline-block;
+    width: 10%;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+  .drag-icon-wrap {
+    width: 5% !important;
+    cursor: pointer;
+    text-align: center;
+  }
+  .width-showed {
+    display: inline-block;
+    width: 15%;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    select {
+      width: 90% !important;
+    }
+  }
+  .width-word {
+    display: inline-block;
+    width: 20%;
+    line-height: 52px;
+    overflow: hidden;
+    white-space: nowrap;
+    input {
+      width: 90% !important;
+    }
+  }
+  .width-large {
+    display: inline-block;
+    width: 20%;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+}

package/es/packages/form-render/index.d.ts

@@ -87,6 +87,10 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{
         type: import("vue").PropType<import("cnhis-design-vue/es/src/types").AnyObject>;
         default: () => {};
     };
+    consumer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         fieldList: {
@@ -174,6 +178,10 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{
             type: import("vue").PropType<import("cnhis-design-vue/es/src/types").AnyObject>;
             default: () => {};
         };
+        consumer: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
     }>>;
@@ -304,6 +312,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{
     FormProvider: import("vue").DefineComponent<Record<"form", any>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Record<"form", any>>>, {
         form: any;
     }>;
+    FormConsumer: import("vue").DefineComponent<{}, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "formChange"[], "formChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     fieldList: {
         type: import("vue").PropType<import("./src/types").FieldItem[]>;
@@ -390,6 +399,10 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{
         type: import("vue").PropType<import("cnhis-design-vue/es/src/types").AnyObject>;
         default: () => {};
     };
+    consumer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onFormChange?: ((...args: any[]) => any) | undefined;
 }, {
@@ -398,5 +411,6 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{
     initialData: import("cnhis-design-vue/es/src/types").AnyObject;
     parallelism: number;
     scope: import("cnhis-design-vue/es/src/types").AnyObject;
+    consumer: boolean;
 }>>;
 export default FormRender;

package/es/packages/form-render/src/FormRender.vue.d.ts

@@ -87,6 +87,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<AnyObject>;
         default: () => {};
     };
+    consumer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         fieldList: {
@@ -174,6 +178,10 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<AnyObject>;
             default: () => {};
         };
+        consumer: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
     }>>;
@@ -304,6 +312,7 @@ declare const _default: import("vue").DefineComponent<{
     FormProvider: import("vue").DefineComponent<Record<"form", any>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Record<"form", any>>>, {
         form: any;
     }>;
+    FormConsumer: import("vue").DefineComponent<{}, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "formChange"[], "formChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     fieldList: {
         type: PropType<FieldItem[]>;
@@ -390,6 +399,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<AnyObject>;
         default: () => {};
     };
+    consumer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onFormChange?: ((...args: any[]) => any) | undefined;
 }, {
@@ -398,5 +411,6 @@ declare const _default: import("vue").DefineComponent<{
     initialData: AnyObject;
     parallelism: number;
     scope: AnyObject;
+    consumer: boolean;
 }>;
 export default _default;

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

@@ -1,15 +1,16 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, createVNode, unref, withCtx, renderSlot } from 'vue';
+import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, createVNode, unref, withCtx, renderSlot, createBlock, createElementVNode, toDisplayString, createCommentVNode } from 'vue';
 import { injectOrProvide } from './utils/index.mjs';
 import { cloneDeep } from 'lodash-es';
 import { InjectionBusinessCollector, InjectAsyncQueue, InjectionSchemaField } from './constants/index.mjs';
 import * as index from './components/index.mjs';
 import { createForm, onFieldValueChange } from '@formily/core';
-import { FormProvider, createSchemaField } from '@formily/vue';
+import { FormProvider, FormConsumer, createSchemaField } from '@formily/vue';
 import { useBusinessBinding } from './hooks/useBusinessBinding.mjs';
 import { useAsyncQueue } from './hooks/useAsyncQueue.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: {
@@ -23,7 +24,8 @@ var script = /* @__PURE__ */ defineComponent({
       type: Object,
       default: () => ({})
     },
-    scope: { type: Object, default: () => ({}) }
+    scope: { type: Object, default: () => ({}) },
+    consumer: { type: Boolean, default: false }
   },
   emits: [
     "formChange"
@@ -81,7 +83,13 @@ var script = /* @__PURE__ */ defineComponent({
           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"])

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

@@ -0,0 +1,13 @@
+export declare const COMPLEX: import("vue").DefineComponent<{
+    span: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, () => 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<{
+    span: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>>, {
+    span: number;
+}>;

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

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

@@ -13,3 +13,4 @@ export * from './switch';
 export * from './radio';
 export * from './labelSelect';
 export * from './slider';
+export * from './complex';

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

@@ -13,3 +13,4 @@ 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/hooks/useFieldList2Schema.mjs

@@ -109,6 +109,7 @@ function useFieldList2Schema(collector) {
   };
   const createCustomSchema = (item) => {
     const schema = createStandardSchema(item);
+    item.fieldType && (schema.type = item.fieldType);
     Object.assign(schema["x-component-props"], {
       fieldItem: item
     });
@@ -126,6 +127,13 @@ function useFieldList2Schema(collector) {
       }
     };
   };
+  const createComplexSchema = (item) => {
+    const schema = createStandardSchema(item);
+    const properties = Array.isArray(item.properties) ? transform(item.properties) : {};
+    schema.type = item.fieldType || "void";
+    schema.properties = properties;
+    return schema;
+  };
   const creatorMap = /* @__PURE__ */ new Map([
     ["LINEBAR", createCollapseSchema],
     ["INPUT", createInputSchema],
@@ -137,7 +145,8 @@ function useFieldList2Schema(collector) {
     ["RADIO", createRadioSchema],
     ["CHECKBOX", createRadioSchema],
     ["SWITCH", createSwitchSchema],
-    ["SLIDER", createSliderSchema]
+    ["SLIDER", createSliderSchema],
+    ["COMPLEX", createComplexSchema]
   ]);
   const createWidgetSchema = (item) => {
     if (item.suffixConfig)

package/es/packages/form-render/src/types/fieldItem.d.ts

@@ -40,6 +40,8 @@ export declare type FieldItem = {
     wordbook?: AnyObject;
     suFieldList?: any[];
     bindEventSetting?: Ievent[];
+    fieldType: 'string' | 'object' | 'array' | 'number' | 'void' | 'boolean' | 'datetime';
+    properties: FieldItem[];
     [key: string]: any;
 }>;
 export {};

package/es/packages/form-render/style/index.css

@@ -82,3 +82,11 @@
 .form-render__combinationContent {
   position: relative;
 }
+.form-render__complex {
+  width: 100%;
+}
+.form-render__complexContent {
+  display: grid !important;
+  grid-template-columns: repeat(var(--column), minmax(0px, 1fr));
+  gap: 0 8px;
+}

package/es/packages/form-render/style/index.less

@@ -118,4 +118,12 @@
       position: relative;
     }
   }
+
+  &__complex {
+    width: 100%;
+
+    &Content {
+      @display();
+    }
+  }
 }