cnhis-design-vue 3.1.7 → 3.1.8-beta.3

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

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

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

@@ -0,0 +1,34 @@
+import { isField } from '@formily/core';
+import { connect, mapProps } from '@formily/vue';
+import { isObject } from '@vueuse/core';
+import { NDatePicker } from 'naive-ui';
+
+const DATE = connect(NDatePicker, 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.d.ts

@@ -0,0 +1,294 @@
+export declare const FORM_ITEM: import("vue").DefineComponent<{
+    readonly label: StringConstructor;
+    readonly labelWidth: import("vue").PropType<string | number>;
+    readonly labelStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    readonly labelAlign: import("vue").PropType<import("naive-ui/es/form/src/interface").LabelAlign>;
+    readonly labelPlacement: import("vue").PropType<import("naive-ui/es/form/src/interface").LabelPlacement>;
+    readonly path: StringConstructor;
+    readonly first: BooleanConstructor;
+    readonly rulePath: StringConstructor;
+    readonly required: BooleanConstructor;
+    readonly showRequireMark: {
+        readonly type: import("vue").PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly requireMarkPlacement: import("vue").PropType<"left" | "right" | "right-hanging">;
+    readonly showFeedback: {
+        readonly type: import("vue").PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly rule: import("vue").PropType<import("naive-ui").FormItemRule | import("naive-ui").FormItemRule[]>;
+    readonly size: import("vue").PropType<"small" | "medium" | "large">;
+    readonly ignorePathChange: BooleanConstructor;
+    readonly validationStatus: import("vue").PropType<"success" | "warning" | "error">;
+    readonly feedback: StringConstructor;
+    readonly showLabel: {
+        readonly type: import("vue").PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly labelProps: import("vue").PropType<import("vue").LabelHTMLAttributes>;
+    readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Form", {
+        blankHeightSmall: string;
+        blankHeightMedium: string;
+        blankHeightLarge: string;
+        lineHeight: string;
+        labelTextColor: string;
+        asteriskColor: string;
+        feedbackTextColorError: string;
+        feedbackTextColorWarning: string;
+        feedbackTextColor: string;
+        feedbackPadding: string;
+        feedbackHeightSmall: string;
+        feedbackHeightMedium: string;
+        feedbackHeightLarge: string;
+        feedbackFontSizeSmall: string;
+        feedbackFontSizeMedium: string;
+        feedbackFontSizeLarge: string;
+        labelFontSizeLeftSmall: string;
+        labelFontSizeLeftMedium: string;
+        labelFontSizeLeftLarge: string;
+        labelFontSizeTopSmall: string;
+        labelFontSizeTopMedium: string;
+        labelFontSizeTopLarge: string;
+        labelHeightSmall: string;
+        labelHeightMedium: string;
+        labelHeightLarge: string;
+        labelPaddingVertical: string;
+        labelPaddingHorizontal: string;
+        labelTextAlignVertical: string;
+        labelTextAlignHorizontal: string;
+    }, any>>;
+    readonly themeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Form", {
+        blankHeightSmall: string;
+        blankHeightMedium: string;
+        blankHeightLarge: string;
+        lineHeight: string;
+        labelTextColor: string;
+        asteriskColor: string;
+        feedbackTextColorError: string;
+        feedbackTextColorWarning: string;
+        feedbackTextColor: string;
+        feedbackPadding: string;
+        feedbackHeightSmall: string;
+        feedbackHeightMedium: string;
+        feedbackHeightLarge: string;
+        feedbackFontSizeSmall: string;
+        feedbackFontSizeMedium: string;
+        feedbackFontSizeLarge: string;
+        labelFontSizeLeftSmall: string;
+        labelFontSizeLeftMedium: string;
+        labelFontSizeLeftLarge: string;
+        labelFontSizeTopSmall: string;
+        labelFontSizeTopMedium: string;
+        labelFontSizeTopLarge: string;
+        labelHeightSmall: string;
+        labelHeightMedium: string;
+        labelHeightLarge: string;
+        labelPaddingVertical: string;
+        labelPaddingHorizontal: string;
+        labelTextAlignVertical: string;
+        labelTextAlignHorizontal: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Form", {
+        blankHeightSmall: string;
+        blankHeightMedium: string;
+        blankHeightLarge: string;
+        lineHeight: string;
+        labelTextColor: string;
+        asteriskColor: string;
+        feedbackTextColorError: string;
+        feedbackTextColorWarning: string;
+        feedbackTextColor: string;
+        feedbackPadding: string;
+        feedbackHeightSmall: string;
+        feedbackHeightMedium: string;
+        feedbackHeightLarge: string;
+        feedbackFontSizeSmall: string;
+        feedbackFontSizeMedium: string;
+        feedbackFontSizeLarge: string;
+        labelFontSizeLeftSmall: string;
+        labelFontSizeLeftMedium: string;
+        labelFontSizeLeftLarge: string;
+        labelFontSizeTopSmall: string;
+        labelFontSizeTopMedium: string;
+        labelFontSizeTopLarge: string;
+        labelHeightSmall: string;
+        labelHeightMedium: string;
+        labelHeightLarge: string;
+        labelPaddingVertical: string;
+        labelPaddingHorizontal: string;
+        labelTextAlignVertical: string;
+        labelTextAlignHorizontal: string;
+    }, any>>>;
+}, {
+    cssVars: import("vue").ComputedRef<{
+        '--n-bezier': string;
+        '--n-line-height': string;
+        '--n-blank-height': string;
+        '--n-label-font-size': string;
+        '--n-label-text-align': string;
+        '--n-label-height': string;
+        '--n-label-padding': string;
+        '--n-asterisk-color': string;
+        '--n-label-text-color': string;
+        '--n-feedback-padding': string;
+        '--n-feedback-font-size': string;
+        '--n-feedback-height': string;
+        '--n-feedback-text-color': string;
+        '--n-feedback-text-color-warning': string;
+        '--n-feedback-text-color-error': string;
+    }> | undefined;
+    themeClass: import("vue").Ref<string>;
+    onRender: () => void;
+    validate: import("naive-ui/es/form/src/interface").FormItemValidate;
+    restoreValidation: () => void;
+    path?: string | undefined;
+    internalValidate: import("naive-ui/es/form/src/interface").FormItemInternalValidate;
+    mergedSize: import("vue").ComputedRef<import("naive-ui/es/form/src/interface").Size>;
+    validationErrored: import("vue").Ref<boolean>;
+    mergedLabelStyle: import("vue").ComputedRef<(import("vue").StyleValue | undefined)[]>;
+    mergedLabelPlacement: import("vue").ComputedRef<import("naive-ui/es/form/src/interface").LabelPlacement>;
+    mergedLabelAlign: import("vue").ComputedRef<import("naive-ui/es/form/src/interface").LabelAlign | undefined>;
+    mergedShowRequireMark: import("vue").ComputedRef<boolean | undefined>;
+    mergedRequireMarkPlacement: import("vue").ComputedRef<"left" | "right" | "right-hanging">;
+    mergedValidationStatus: import("vue").ComputedRef<"success" | "warning" | "error" | undefined>;
+    mergedShowFeedback: import("vue").ComputedRef<boolean>;
+    mergedShowLabel: import("vue").ComputedRef<boolean>;
+    labelElementRef: import("vue").Ref<HTMLLabelElement | null>;
+    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedRequired: import("vue").ComputedRef<boolean>;
+    feedbackId: import("vue").Ref<string>;
+    renderExplains: import("vue").Ref<{
+        key: string;
+        render: () => import("vue").VNodeChild;
+    }[]>;
+}, 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>;
+    readonly labelStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    readonly labelAlign: import("vue").PropType<import("naive-ui/es/form/src/interface").LabelAlign>;
+    readonly labelPlacement: import("vue").PropType<import("naive-ui/es/form/src/interface").LabelPlacement>;
+    readonly path: StringConstructor;
+    readonly first: BooleanConstructor;
+    readonly rulePath: StringConstructor;
+    readonly required: BooleanConstructor;
+    readonly showRequireMark: {
+        readonly type: import("vue").PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly requireMarkPlacement: import("vue").PropType<"left" | "right" | "right-hanging">;
+    readonly showFeedback: {
+        readonly type: import("vue").PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly rule: import("vue").PropType<import("naive-ui").FormItemRule | import("naive-ui").FormItemRule[]>;
+    readonly size: import("vue").PropType<"small" | "medium" | "large">;
+    readonly ignorePathChange: BooleanConstructor;
+    readonly validationStatus: import("vue").PropType<"success" | "warning" | "error">;
+    readonly feedback: StringConstructor;
+    readonly showLabel: {
+        readonly type: import("vue").PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly labelProps: import("vue").PropType<import("vue").LabelHTMLAttributes>;
+    readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Form", {
+        blankHeightSmall: string;
+        blankHeightMedium: string;
+        blankHeightLarge: string;
+        lineHeight: string;
+        labelTextColor: string;
+        asteriskColor: string;
+        feedbackTextColorError: string;
+        feedbackTextColorWarning: string;
+        feedbackTextColor: string;
+        feedbackPadding: string;
+        feedbackHeightSmall: string;
+        feedbackHeightMedium: string;
+        feedbackHeightLarge: string;
+        feedbackFontSizeSmall: string;
+        feedbackFontSizeMedium: string;
+        feedbackFontSizeLarge: string;
+        labelFontSizeLeftSmall: string;
+        labelFontSizeLeftMedium: string;
+        labelFontSizeLeftLarge: string;
+        labelFontSizeTopSmall: string;
+        labelFontSizeTopMedium: string;
+        labelFontSizeTopLarge: string;
+        labelHeightSmall: string;
+        labelHeightMedium: string;
+        labelHeightLarge: string;
+        labelPaddingVertical: string;
+        labelPaddingHorizontal: string;
+        labelTextAlignVertical: string;
+        labelTextAlignHorizontal: string;
+    }, any>>;
+    readonly themeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Form", {
+        blankHeightSmall: string;
+        blankHeightMedium: string;
+        blankHeightLarge: string;
+        lineHeight: string;
+        labelTextColor: string;
+        asteriskColor: string;
+        feedbackTextColorError: string;
+        feedbackTextColorWarning: string;
+        feedbackTextColor: string;
+        feedbackPadding: string;
+        feedbackHeightSmall: string;
+        feedbackHeightMedium: string;
+        feedbackHeightLarge: string;
+        feedbackFontSizeSmall: string;
+        feedbackFontSizeMedium: string;
+        feedbackFontSizeLarge: string;
+        labelFontSizeLeftSmall: string;
+        labelFontSizeLeftMedium: string;
+        labelFontSizeLeftLarge: string;
+        labelFontSizeTopSmall: string;
+        labelFontSizeTopMedium: string;
+        labelFontSizeTopLarge: string;
+        labelHeightSmall: string;
+        labelHeightMedium: string;
+        labelHeightLarge: string;
+        labelPaddingVertical: string;
+        labelPaddingHorizontal: string;
+        labelTextAlignVertical: string;
+        labelTextAlignHorizontal: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Form", {
+        blankHeightSmall: string;
+        blankHeightMedium: string;
+        blankHeightLarge: string;
+        lineHeight: string;
+        labelTextColor: string;
+        asteriskColor: string;
+        feedbackTextColorError: string;
+        feedbackTextColorWarning: string;
+        feedbackTextColor: string;
+        feedbackPadding: string;
+        feedbackHeightSmall: string;
+        feedbackHeightMedium: string;
+        feedbackHeightLarge: string;
+        feedbackFontSizeSmall: string;
+        feedbackFontSizeMedium: string;
+        feedbackFontSizeLarge: string;
+        labelFontSizeLeftSmall: string;
+        labelFontSizeLeftMedium: string;
+        labelFontSizeLeftLarge: string;
+        labelFontSizeTopSmall: string;
+        labelFontSizeTopMedium: string;
+        labelFontSizeTopLarge: string;
+        labelHeightSmall: string;
+        labelHeightMedium: string;
+        labelHeightLarge: string;
+        labelPaddingVertical: string;
+        labelPaddingHorizontal: string;
+        labelTextAlignVertical: string;
+        labelTextAlignHorizontal: string;
+    }, any>>>;
+}>>, {
+    readonly required: boolean;
+    readonly first: boolean;
+    readonly showRequireMark: boolean | undefined;
+    readonly showFeedback: boolean | undefined;
+    readonly showLabel: boolean | undefined;
+    readonly ignorePathChange: boolean;
+}>;

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

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

@@ -0,0 +1,15 @@
+export * from './input';
+export * from './select';
+export * from './formItem';
+export * from './textarea';
+export * from './inputNumber';
+export * from './collapse';
+export * from './inputGroup';
+export * from './date';
+export * from './cascader';
+export * from './combination';
+export * from './checkbox';
+export * from './switch';
+export * from './radio';
+export * from './labelSelect';
+export * from './slider';

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

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

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

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

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

@@ -0,0 +1,15 @@
+export declare const INPUT: import("vue").DefineComponent<{
+    prefix: {
+        type: StringConstructor;
+    };
+    suffix: {
+        type: StringConstructor;
+    };
+}, () => 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<{
+    prefix: {
+        type: StringConstructor;
+    };
+    suffix: {
+        type: StringConstructor;
+    };
+}>>, {}>;

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

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

@@ -0,0 +1,11 @@
+export declare const INPUT_GROUP: import("vue").DefineComponent<{
+    [x: string]: never;
+    [x: number]: never;
+    [x: symbol]: never;
+}, {
+    mergedClsPrefix: import("vue").ComputedRef<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<{
+    [x: string]: never;
+    [x: number]: never;
+    [x: symbol]: never;
+}>>, {}>;

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

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