cnhis-design-vue 3.1.24-beta.7 → 3.1.24-beta.9

package/es/components/form-render/src/types/index.d.ts

@@ -0,0 +1,80 @@
+import { AnyObject, UndefinedAble } from '../../../../../es/shared/types';
+import { DataField, Field } from '@formily/core';
+import { ISchema } from '@formily/json-schema/esm/types';
+import { Component, FunctionalComponent } from 'vue';
+import { FIELD_BUSINESS_TYPE } from '../../../../../es/components/form-render/src/constants';
+import { FieldItem } from '../types';
+import { AsyncQueue } from '../hooks';
+export * from './fieldItem';
+export declare type FormCommonState = '0' | '1';
+export interface FieldVisitorContext {
+    field: FieldItem;
+    replace(f: FieldItem): void;
+    insertBefore(f: FieldItem | FieldItem[]): void;
+    insertAfter(f: FieldItem | FieldItem[]): void;
+}
+export declare type FieldVisitor = Record<string, (context: FieldVisitorContext) => void>;
+export declare type FormRequestType = 'post' | 'get' | 'patch' | 'delete' | 'put';
+export interface FormAsyncQueueItem {
+    key: any;
+    cache?: boolean;
+    url: string;
+    method?: FormRequestType;
+    params?: AnyObject;
+}
+export declare type FormAsyncQueue = AsyncQueue<FormAsyncQueueItem, any, AnyObject[]>;
+export declare type AgeContext = Record<'age' | 'day' | 'month' | 'year', number>;
+export declare type IdCardParseInfo = Record<'sex' | 'birthday', string> & AgeContext;
+export declare type FormRenderExpose = {
+    validate(path?: string): Promise<unknown>;
+    getFormValues(): AnyObject;
+    setFieldState(path: string, setter: (field: Field) => void): void;
+    resetFields(path?: string): void;
+    queryWidget(key: string): Promise<{
+        widgetElement: HTMLInputElement | null;
+        widgetElementList: HTMLInputElement[];
+        decoratorElement: HTMLElement | null;
+    }>;
+};
+export declare type FormChangeContext = Partial<{
+    currentOption: AnyObject;
+}>;
+export declare type FormChangePayload = {
+    value: any;
+    fieldKey: string;
+    fieldName: string;
+    fieldInstance: DataField;
+    context?: FormChangeContext;
+};
+export declare type DependKeyType = string | Record<string, string> | Array<{
+    paramName: string;
+    paramValue?: string;
+    required?: boolean;
+} | string>;
+export declare type FormRenderLifeCycle = Partial<{
+    onSetup(): void;
+    beforeRequest(fieldKey: string, params?: AnyObject): UndefinedAble<AnyObject> | void;
+    afterRequest(fieldKey: string, payload?: any): AnyObject[];
+}>;
+export declare type FormRenderProps = Partial<{
+    fieldList: FieldItem[];
+    initialData: AnyObject;
+    fieldVisitor: FieldVisitor;
+    column: number;
+    maxHeight: number | string;
+    anchor: boolean;
+    parallelism: number;
+    schema: ISchema;
+    components: Record<string, Component | FunctionalComponent>;
+    scope: AnyObject;
+    annotation: AnyObject;
+    consumer: boolean;
+    uuid: string;
+    lifeCycle: FormRenderLifeCycle;
+    businessFormatter: FormBusinessFormatter;
+}>;
+export declare type FormBusinessFormatter = (payload: {
+    fieldKey: string;
+    value: unknown;
+    type: FIELD_BUSINESS_TYPE;
+}) => unknown;

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

@@ -0,0 +1 @@
+export * from '@formily/core';

package/es/components/form-render/src/utils/business.d.ts

@@ -0,0 +1,13 @@
+import { AgeContext, IdCardParseInfo } from '../../../../../es/components/form-render';
+import { FIELD_AGE_UNIT } from '../../../../../es/components/form-render/src/constants';
+export declare function parseIdCard(idCardNo: string): IdCardParseInfo;
+export declare function transformDateFormat(format?: string): "month" | "date" | "datetime";
+export declare function isIdCard(idCardNo: string): boolean;
+export declare function isMobile(mobile: string): boolean;
+export declare function parseBirthday(birthday: string): AgeContext;
+export declare function parseAge2Birthday(age: number, ageUnit: string, formatter?: string): string;
+export declare function parseAge2FromContext(context: AgeContext): {
+    ageUnit: FIELD_AGE_UNIT;
+    age: number;
+};
+export declare function businessDateParser(dateString: string): Date | undefined;

package/es/components/form-render/src/utils/business.js

@@ -0,0 +1,89 @@
+import { differenceInDays, differenceInMonths, differenceInYears, format } from 'date-fns';
+import { isString } from 'lodash-es';
+import { FIELD_AGE_UNIT, FIELD_SEX_VALUE } from '../constants/index.js';
+
+function parseIdCard(idCardNo) {
+  const parseInner = (certificateNo, idxSexStart, birthYearSpan) => {
+    const res = {};
+    const idxSex = 1 - certificateNo.substr(idxSexStart, 1) % 2;
+    res.sex = idxSex === 1 ? FIELD_SEX_VALUE.FEMALE : FIELD_SEX_VALUE.MALE;
+    const year = (birthYearSpan == 2 ? "19" : "") + certificateNo.substr(6, birthYearSpan);
+    const month = certificateNo.substr(6 + birthYearSpan, 2);
+    const day = certificateNo.substr(8 + birthYearSpan, 2);
+    res.birthday = year + "-" + month + "-" + day + " 00:00:00";
+    const d = new Date();
+    const monthFloor = d.getMonth() + 1 < parseInt(month, 10) || d.getMonth() + 1 == parseInt(month, 10) && d.getDate() < parseInt(day, 10) ? 1 : 0;
+    Object.assign(res, parseBirthday(res.birthday));
+    res.age = res.year = d.getFullYear() - parseInt(year, 10) - monthFloor;
+    return res;
+  };
+  return parseInner(idCardNo, idCardNo.length == 15 ? 14 : 16, idCardNo.length == 15 ? 2 : 4);
+}
+function isMonthType(format2) {
+  return format2 && format2.toUpperCase() === "YYYY-MM";
+}
+function transformDateFormat(format2 = "") {
+  if (isMonthType(format2))
+    return "month";
+  return format2.includes("HH") ? "datetime" : "date";
+}
+function validIdCard(cardNo) {
+  if (!cardNo || cardNo.length !== 18) {
+    return false;
+  }
+  const w = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2];
+  const v = ["1", "0", "X", "9", "8", "7", "6", "5", "4", "3", "2"];
+  let sum = 0;
+  for (let i = 0; i < 17; i++) {
+    sum += +cardNo[i] * w[i];
+  }
+  return cardNo.charAt(17).toUpperCase() === v[sum % 11];
+}
+const idcardMatcher = /^\d{6}(((19|20)\d{2}(0[1-9]|1[0-2])(0[1-9]|[1-2]\d|3[0-1])\d{3}(\d|x|X))|(\d{2}(0[1-9]|1[0-2])(0[1-9]|[1-2]\d|3[0-1])\d{3}))$/;
+function isIdCard(idCardNo) {
+  return idcardMatcher.test(idCardNo) && validIdCard(idCardNo);
+}
+function isMobile(mobile) {
+  return /^1(3\d|4[5-9]|5[0-35-9]|6[2567]|7[0-8]|8\d|9[0-35-9])\d{8}$/.test(mobile);
+}
+function parseBirthday(birthday) {
+  const result = {};
+  const d = new Date();
+  const birthDate = new Date(birthday);
+  result.day = differenceInDays(d, birthDate);
+  result.month = differenceInMonths(d, birthDate);
+  result.age = result.year = differenceInYears(d, birthDate);
+  return result;
+}
+function parseAge2Birthday(age, ageUnit, formatter = "yyyy-MM-dd") {
+  var _a;
+  const result = new Date();
+  const handlerMap = {
+    [FIELD_AGE_UNIT.MINUTE]: () => decreaseDate(result, "Minutes", age),
+    [FIELD_AGE_UNIT.HOUR]: () => decreaseDate(result, "Hours", age),
+    [FIELD_AGE_UNIT.DAY]: () => decreaseDate(result, "Date", age),
+    [FIELD_AGE_UNIT.WEEK]: () => decreaseDate(result, "Date", age * 7),
+    [FIELD_AGE_UNIT.MONTH]: () => decreaseDate(result, "Month", age),
+    [FIELD_AGE_UNIT.YEAR]: () => decreaseDate(result, "FullYear", age)
+  };
+  (_a = handlerMap[ageUnit]) == null ? void 0 : _a.call(handlerMap);
+  return format(result, formatter);
+  function decreaseDate(date, type, num) {
+    date[`set${type}`](date[`get${type}`]() - num);
+  }
+}
+function parseAge2FromContext(context) {
+  return context.day < 30 ? { ageUnit: FIELD_AGE_UNIT.DAY, age: context.day } : context.day < 365 ? { ageUnit: FIELD_AGE_UNIT.MONTH, age: context.month } : { ageUnit: FIELD_AGE_UNIT.YEAR, age: context.year };
+}
+const businessDateMatcher = /^(\d{4})-?(\d{2})-?(\d{2})?\s?(\d{2})?:?(\d{2})?:?(\d{2})?$/;
+function businessDateParser(dateString) {
+  if (!isString(dateString))
+    return;
+  const matched = dateString.match(businessDateMatcher);
+  if (!matched)
+    return;
+  const [, year, month, day, hour, minute, second] = matched;
+  return new Date(`${year}-${month}-${day || "01"} ${hour || "00"}:${minute || "00"}:${second || "00"}`);
+}
+
+export { businessDateParser, isIdCard, isMobile, parseAge2Birthday, parseAge2FromContext, parseBirthday, parseIdCard, transformDateFormat };

package/es/components/form-render/src/utils/dom.d.ts

@@ -0,0 +1,6 @@
+import { Nullable } from '../../../../../es/shared/types';
+export declare function queryDecorator(key: string, wrapperElement: HTMLElement, formUUID: string): HTMLElement | null;
+export declare function queryInput(decoratorElement?: Nullable<HTMLElement>): {
+    widgetElement: HTMLInputElement | null | undefined;
+    widgetElementList: HTMLInputElement[];
+};

package/es/components/form-render/src/utils/dom.js

@@ -0,0 +1,14 @@
+import { dotEscape } from './schema.js';
+
+function queryDecorator(key, wrapperElement, formUUID) {
+  return wrapperElement.querySelector(dotEscape(`#${formUUID}-${key}`));
+}
+function queryInput(decoratorElement) {
+  var _a;
+  return {
+    widgetElement: decoratorElement == null ? void 0 : decoratorElement.querySelector("input"),
+    widgetElementList: Array.from((_a = decoratorElement == null ? void 0 : decoratorElement.querySelectorAll("input")) != null ? _a : [])
+  };
+}
+
+export { queryDecorator, queryInput };

package/es/components/form-render/src/utils/index.d.ts

@@ -0,0 +1,19 @@
+import { AnyObject, ArrayAble, Nullable } from '../../../../../es/shared/types';
+import { FunctionalComponent, InjectionKey, VNode } from 'vue';
+import { FieldItem } from '../types';
+export * from './business';
+export * from './dom';
+export * from './schema';
+export declare function formRenderLog(message: string): void;
+export declare function mergeDeepProperties(target: AnyObject, fieldList: FieldItem[], traverseProperties?: string[], property?: string, targetProperty?: string): AnyObject;
+export declare function injectOrProvide<T>(key: InjectionKey<T>, creator: () => T): T;
+export declare function parseNumberFromMaybeString<T>(value: T): T extends number | string ? number : T;
+export declare function createSlot(renderer: unknown, props: AnyObject, defaultRenderer?: (v: unknown) => unknown[]): Record<string, () => ArrayAble<VNode>> | {
+    default(): any;
+};
+export declare function createInputSlot(props: AnyObject, defaultRenderer: (v: unknown) => unknown[]): import("vue").ComputedRef<Record<string, FunctionalComponent<{}, {}>>>;
+export declare function presetRequestHandler(res: unknown): any;
+export declare function optionMatcher(options: AnyObject[], input: Nullable<string>, key: string, matcherOption?: {
+    keyword?: string;
+}): AnyObject[];
+export declare function validateMessageParser(message: string, fieldItem: Omit<FieldItem, 'reactions'>): string;

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

@@ -0,0 +1,137 @@
+import { computed, createVNode, Fragment, inject, provide } from 'vue';
+import { arrayed } from '../../../../shared/utils/index.js';
+import { Path } from '@formily/path';
+import { isObject } from '@vue/shared';
+import { useMemoize } from '@vueuse/core';
+import { isString, isFunction } from 'lodash-es';
+import 'date-fns';
+import '@formily/core';
+
+function formRenderLog(message) {
+  console.warn(`[FormRender]: ${message}`);
+}
+function mergeDeepProperties(target, fieldList, traverseProperties = ["children", "properties", "suffixConfig"], property = "val_key", targetProperty = "default_val") {
+  function traverse(_target, _fieldList) {
+    _fieldList.forEach((field) => {
+      if (!isObject(field))
+        return;
+      if (targetPropertyFor(field) != null && _target[propertyFor(field)] == null) {
+        Path.setIn(_target, propertyFor(field), targetPropertyFor(field));
+      }
+      traverseProperties.forEach((p) => {
+        if (!field[p])
+          return;
+        if (!_target[propertyFor(field)]) {
+          _target[propertyFor(field)] = {};
+        }
+        traverse(_target[propertyFor(field)], arrayed(field[p]));
+      });
+    });
+  }
+  traverse(target, fieldList);
+  return target;
+  function propertyFor(field) {
+    return field[property];
+  }
+  function targetPropertyFor(field) {
+    return field[targetProperty];
+  }
+}
+function injectOrProvide(key, creator) {
+  let injected = inject(key, null);
+  if (!injected) {
+    injected = creator();
+    provide(key, injected);
+  }
+  return injected;
+}
+function parseNumberFromMaybeString(value) {
+  if (isString(value))
+    return +value;
+  return value;
+}
+function createSlot(renderer, props, defaultRenderer) {
+  if (isObject(renderer) && !isFunction(renderer)) {
+    const result = {};
+    Object.entries(renderer).forEach(([key, renderer2]) => {
+      isFunction(renderer2) && (result[key] = () => renderer2(props));
+    });
+    return result;
+  }
+  return {
+    default() {
+      return isFunction(renderer) ? renderer(props) : defaultRenderer ? defaultRenderer(renderer) : [renderer];
+    }
+  };
+}
+function createInputSlot(props, defaultRenderer) {
+  return computed(() => {
+    const res = {};
+    if (props.prefix) {
+      res.prefix = () => createVNode(Fragment, null, [createSlot(props.prefix, props, defaultRenderer).default()]);
+    }
+    if (props.suffix) {
+      res.suffix = () => createVNode(Fragment, null, [createSlot(props.suffix, props, defaultRenderer).default()]);
+    }
+    return res;
+  });
+}
+function presetRequestHandler(res) {
+  if (!isObject(res))
+    throw res;
+  return res.result && res.map ? handlerSearch(res) : handlerSelect(res);
+  function handlerSelect(res2) {
+    const {
+      data,
+      success
+    } = res2;
+    if (!success)
+      throw res2;
+    return data;
+  }
+  function handlerSearch(res2) {
+    const {
+      result,
+      map
+    } = res2;
+    if (result !== "SUCCESS")
+      throw res2;
+    return map.rows;
+  }
+}
+const keywordMatcher = useMemoize(function(text, keyword) {
+  if (!isString(keyword) || !isString(text))
+    return false;
+  return keyword.split(",").some((k) => k.trim().includes(text));
+}, {
+  getKey(...args) {
+    return args.reduce((res, arg) => {
+      return String(res) + "_" + String(arg);
+    }, "");
+  }
+});
+function optionMatcher(options, input, key, matcherOption = {
+  keyword: "keyword"
+}) {
+  if (!input)
+    return options;
+  return options.filter((option) => {
+    if (!isString(keyFor(option)))
+      return;
+    return keyFor(option).includes(input) || matcherOption.keyword && keywordMatcher(input, option[matcherOption.keyword]);
+  });
+  function keyFor(option) {
+    return option[key];
+  }
+}
+function validateMessageParser(message, fieldItem) {
+  if (!isString(message) || !message)
+    return "";
+  return message.replace(/\$\{([^}]*)}/g, replacer);
+  function replacer(_, property) {
+    var _a;
+    return (_a = fieldItem[property.trim()]) != null ? _a : "";
+  }
+}
+
+export { createInputSlot, createSlot, formRenderLog, injectOrProvide, mergeDeepProperties, optionMatcher, parseNumberFromMaybeString, presetRequestHandler, validateMessageParser };

package/es/components/form-render/src/utils/schema.d.ts

@@ -0,0 +1,83 @@
+import { AnyObject, Func } from '../../../../../es/shared/types';
+import { GeneralField } from '@formily/core';
+import { ISchema } from '@formily/json-schema/esm/types';
+import { Ref } from 'vue';
+import { DependKeyType, FieldItem } from '../../../../../es/components/form-render';
+export declare function traverseSchema(schema: ISchema, handler: (_s: ISchema) => void): void;
+export declare function fieldKeyEscape(fieldList: FieldItem[]): string;
+export declare function dotEscape(id: string): string;
+export declare function createLinebarId(id: string): string;
+export declare function traverseDependKey(dependKeys: DependKeyType, handler: {
+    (dependKey: string, valueKey: string, required?: boolean): void;
+}): void;
+export declare function getParentLinebar(key: string, fieldList: FieldItem[]): string | null;
+export declare function assignUpdateValue(props: AnyObject, field: GeneralField): {
+    [x: string]: any;
+};
+export declare function assignValueBindKey(props: AnyObject, field: GeneralField): {
+    [x: string]: any;
+};
+export declare function assignClearBindVisited(props: AnyObject, field: GeneralField): {
+    [x: string]: any;
+};
+export declare function createObjSchema(properties: Record<string, ISchema>): {
+    type: string;
+    properties: Record<string, import("@formily/json-schema/esm/types").Stringify<{
+        [key: symbol]: any;
+        [key: `x-${string}`]: any;
+        [key: `x-${number}`]: any;
+        version?: string | undefined;
+        name?: import("@formily/json-schema/esm/types").SchemaKey | undefined;
+        title?: any;
+        description?: any;
+        default?: any;
+        readOnly?: boolean | undefined;
+        writeOnly?: boolean | undefined;
+        type?: import("@formily/json-schema/esm/types").SchemaTypes | undefined;
+        enum?: import("@formily/json-schema/esm/types").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/json-schema/esm/types").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+        properties?: import("@formily/json-schema/esm/types").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+        items?: import("@formily/json-schema/esm/types").SchemaItems<any, any, any, any, any, any, any, any> | undefined;
+        additionalItems?: import("@formily/json-schema/esm/types").Stringify<any> | undefined;
+        patternProperties?: import("@formily/json-schema/esm/types").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+        additionalProperties?: import("@formily/json-schema/esm/types").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/json-schema/esm/types").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;
+    }>>;
+};
+export declare function visitedDecorator(field: Ref<GeneralField>, onFocus?: Func): (...args: unknown[]) => any;

package/es/components/form-render/src/utils/schema.js

@@ -0,0 +1,105 @@
+import { isField } from '@formily/core';
+import { isObject } from '@vue/shared';
+import { isString, isArray } from 'lodash-es';
+
+function traverseSchema(schema, handler) {
+  handler(schema);
+  if (isObject(schema.properties)) {
+    Object.values(schema.properties).forEach((_s) => {
+      traverseSchema(_s, handler);
+    });
+  }
+}
+function fieldKeyEscape(fieldList) {
+  return dotEscape(fieldList.map((f) => f.val_key).join("-"));
+}
+function dotEscape(id) {
+  return id.replace(/[.]/g, "-");
+}
+function createLinebarId(id) {
+  return dotEscape(`id-${id}`);
+}
+function traverseDependKey(dependKeys, handler) {
+  if (!dependKeys)
+    return;
+  createDependKeyMap().forEach((valueKey, dependKey) => {
+    if (isString(valueKey))
+      return handler(dependKey, valueKey);
+    handler(dependKey, valueKey.key, valueKey.required);
+  });
+  function createDependKeyMap() {
+    const result = /* @__PURE__ */ new Map();
+    if (isArray(dependKeys)) {
+      dependKeys.forEach((k) => {
+        var _a;
+        if (isObject(k)) {
+          result.set(k.paramName, { key: (_a = k.paramValue) != null ? _a : k.paramName, required: k.required });
+        } else {
+          result.set(k, k);
+        }
+      });
+    } else if (isObject(dependKeys)) {
+      Object.entries(dependKeys).forEach(([k, v]) => {
+        result.set(k, v);
+      });
+    } else if (isString(dependKeys)) {
+      result.set(dependKeys, dependKeys);
+    }
+    return result;
+  }
+}
+function getParentLinebar(key, fieldList) {
+  let result = null;
+  for (const fieldItem of fieldList) {
+    if (fieldItem.val_key === key) {
+      if (isLinebar(fieldItem))
+        result = null;
+      break;
+    }
+    if (isLinebar(fieldItem)) {
+      result = fieldItem.val_key;
+    }
+  }
+  return result;
+  function isLinebar(field) {
+    return field.html_type === "LINEBAR";
+  }
+}
+function assignUpdateValue(props, field) {
+  const _props = { ...props };
+  if (isField(field)) {
+    Object.assign(_props, {
+      "onUpdate:value"(value) {
+        field.setValue(value);
+      }
+    });
+  }
+  return _props;
+}
+function assignValueBindKey(props, field) {
+  const _props = { ...props };
+  if (isField(field)) {
+    _props.key = _props.value === void 0 ? 0 : 1;
+  }
+  return _props;
+}
+function assignClearBindVisited(props, field) {
+  const _props = { ...props };
+  if (isField(field)) {
+    _props.onClear = () => field.visited = true;
+  }
+  return _props;
+}
+function createObjSchema(properties) {
+  return { type: "object", properties };
+}
+function visitedDecorator(field, onFocus) {
+  return (...args) => {
+    if (isField(field.value)) {
+      field.value.visited = true;
+    }
+    return onFocus == null ? void 0 : onFocus(...args);
+  };
+}
+
+export { assignClearBindVisited, assignUpdateValue, assignValueBindKey, createLinebarId, createObjSchema, dotEscape, fieldKeyEscape, getParentLinebar, traverseDependKey, traverseSchema, visitedDecorator };

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

@@ -0,0 +1 @@
+.annotation-edit{align-items:center;color:#0067ee;cursor:pointer;display:inline-flex;font-size:16px;user-select:none}.annotation-edit.is-active{color:#ff9828}.annotation-edit__icon{align-items:center;display:inline-flex}.form-render__wrapper{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));max-height:var(--form-height);overflow-y:auto;position:relative}.form-render__formItem{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column))}.form-render__formItem .n-date-picker,.form-render__formItem .n-input-number{width:100%}.form-render__formItemLabel{align-items:center;display:flex;position:relative}.form-render__formItemLabel--text.has-annotation{margin-right:15px}.form-render__formItemLabel--annotation{position:absolute;right:calc(var(--icon-right)*1px);top:50%;transform:translateY(-50%)}.form-render__formItem .n-form-item-label{display:inline-flex}.form-render__formItem .n-form-item-label [annotation-hover-show=true]{visibility:hidden}.form-render__formItem .n-form-item-label:hover [annotation-hover-show=true]{visibility:visible}.form-render__linebar{grid-column:span min(var(--column),var(--column)) /span min(var(--column),var(--column))}.form-render__linebarHeader{align-items:center;background:#f2f2f2;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:32px;justify-content:space-between;margin-bottom:8px;padding:0 16px}.form-render__linebarHeader svg{color:rgba(33,33,33,.4);width:14px}.form-render__linebarItem{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr))}.form-render__linebreaks{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column))}.form-render__inputGroup{align-items:flex-start;display:flex;grid-column:span min(var(--column),var(--column)) /span min(var(--column),var(--column))}.form-render__inputGroup>div{flex:1}.form-render__inputGroup>div:not(:last-of-type) .n-base-selection__border,.form-render__inputGroup>div:not(:last-of-type) .n-input__border{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0}.form-render__inputGroup>div:last-of-type .n-base-selection__border,.form-render__inputGroup>div:last-of-type .n-input__border{border-bottom-left-radius:0;border-top-left-radius:0}.form-render__combination{width:100%}.form-render__combinationHeader{display:flex;gap:12px}.form-render__combinationHeader>h3{font-size:16px;font-weight:700;margin:0;padding:0}.form-render__combinationHeader .n-button__icon{font-size:14px;margin:0 2px 0 0}.form-render__combinationHeaderText{font-size:16px;font-weight:500}.form-render__combinationClose{font-size:16px;height:14px;position:absolute;right:5px;top:5px;width:14px}.form-render__combinationContentJson{position:relative}.form-render__combinationContent{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));position:relative}.form-render__complex{width:100%}.form-render__complexContent--grid{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr))}.form-render__complexContent--flex{display:flex!important;gap:0 8px}

package/es/components/grid/index.d.ts

@@ -0,0 +1,3 @@
+import { SFCWithInstall } from '../../../es/shared/types';
+declare const Grid: SFCWithInstall<import("vue").DefineComponent<{}, any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
+export default Grid;

package/es/components/grid/index.js

@@ -0,0 +1,11 @@
+import { COMPONENT_NAMESPACE } from '../../shared/global/variable.js';
+import { safeComponentRegister } from '../../shared/utils/index.js';
+import '../../shared/utils/utilExpand.js';
+import script from './src/Grid.js';
+
+const Grid = script;
+Grid.install = function(app) {
+  safeComponentRegister(app, Grid, COMPONENT_NAMESPACE + "Grid");
+};
+
+export { Grid as default };

package/es/components/grid/src/Grid.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/es/components/grid/src/Grid.js

@@ -0,0 +1,28 @@
+import { defineComponent, createVNode, resolveComponent, mergeProps, isVNode } from 'vue';
+import { useMethods } from './hooks.js';
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var script = defineComponent({
+  name: "Grid",
+  setup(props, {
+    attrs,
+    slots
+  }) {
+    const renderVN = () => createVNode(resolveComponent("vxe-grid"), mergeProps({
+      "ref": "xGrid"
+    }, attrs), _isSlot(slots) ? slots : {
+      default: () => [slots]
+    });
+    return {
+      ...useMethods(),
+      renderVN
+    };
+  },
+  render() {
+    return this.renderVN();
+  }
+});
+
+export { script as default };

package/es/components/grid/src/hooks.d.ts

@@ -0,0 +1 @@
+export declare const useMethods: () => any;