cnhis-design-vue 3.1.29 → 3.1.30-beta.1

package/es/components/field-set/src/FieldSet.js

@@ -398,7 +398,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           withDirectives(createVNode(unref(NInput), {
                             value: element.alias,
                             "onUpdate:value": ($event) => element.alias = $event,
-                            style: { width: "90%" }
+                            style: { width: "90%" },
+                            clearable: ""
                           }, null, 8, ["value", "onUpdate:value"]), [
                             [vShow, element.id != "0001"]
                           ])
@@ -408,7 +409,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           createVNode(unref(NInputNumber), {
                             value: element.columnWidth,
                             "onUpdate:value": ($event) => element.columnWidth = $event,
-                            style: { width: "120px" }
+                            style: { width: "120px" },
+                            clearable: ""
                           }, null, 8, ["value", "onUpdate:value"])
                         ])
                       ], 12, _hoisted_13)) : createCommentVNode("v-if", true)

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

@@ -16,7 +16,7 @@ export { useAnchor } from './src/hooks/useAnchor.js';
 export { useAutographOptions } from './src/hooks/useAutographOptions.js';
 export { useFormContext } from './src/hooks/useFormContext.js';
 export { useCommonInjection, useSelectOptionProps } from './src/hooks/useCommonInjection.js';
-export { combineExtendKey, createInputSlot, createSlot, formRenderLog, injectOrProvide, isNestedFieldType, isNestedType, mergeDeepProperties, optionMatcher, parseNumberFromMaybeString, presetRequestHandler, splitExtendKey, validateMessageParser } from './src/utils/index.js';
+export { combineExtendKey, createInputSlot, createSlot, createUrlConfigParams, formRenderLog, injectOrProvide, isNestedFieldType, isNestedType, mergeDeepProperties, optionMatcher, parseNumberFromMaybeString, presetRequestHandler, splitExtendKey, validateMessageParser } from './src/utils/index.js';
 export * from '@formily/core';
 export { businessDateParser, isIdCard, isMobile, parseAge2Birthday, parseAge2FromContext, parseBirthday, parseIdCard, transformDateFormat } from './src/utils/business.js';
 export { findNextWidget, queryDecorator, queryInput } from './src/utils/dom.js';

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

@@ -11,6 +11,7 @@ import * as labelSelect from './labelSelect.js';
 import * as levelSearchCascade from './levelSearchCascade.js';
 import * as index$1 from './lineBar/index.js';
 import * as radio from './radio.js';
+import * as remoteSearch from './remoteSearch.js';
 import * as search from './search.js';
 import * as searchCascade from './searchCascade.js';
 import * as select from './select.js';
@@ -34,6 +35,7 @@ const modules = Object.assign({
   "./levelSearchCascade.tsx": levelSearchCascade,
   "./lineBar/index.ts": index$1,
   "./radio.tsx": radio,
+  "./remoteSearch.tsx": remoteSearch,
   "./search.tsx": search,
   "./searchCascade.tsx": searchCascade,
   "./select.tsx": select,

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

@@ -1,4 +1,5 @@
-import { defineComponent, computed, createVNode } from 'vue';
+import { defineComponent, createVNode } from 'vue';
+import { useVModel } from '@vueuse/core';
 import { useCommonInjection } from '../../hooks/useCommonInjection.js';
 import { createInputSlot } from '../../utils/index.js';
 import { connect, mapProps } from '@formily/vue';
@@ -22,10 +23,7 @@ const script = defineComponent({
   setup(props, {
     emit
   }) {
-    const valueRef = computed({
-      get: () => props.value,
-      set: (v) => emit("update:value", v)
-    });
+    const valueRef = useVModel(props, "value", emit);
     const key = useCommonInjection().injectValueBindKey(valueRef);
     const _slots = createInputSlot(props, (v) => {
       return [createVNode("i", {

package/es/components/form-render/src/components/renderer/levelSearchCascade.js

@@ -1,4 +1,5 @@
-import { defineComponent, computed, ref, inject, watch, createVNode } from 'vue';
+import { defineComponent, ref, computed, inject, watch, createVNode } from 'vue';
+import { useVModel } from '@vueuse/core';
 import { isEqual, isString, isEmpty, isFunction, omit } from 'lodash-es';
 import '../../../index.js';
 import { InjectionAsyncQueue } from '../../constants/index.js';
@@ -46,10 +47,7 @@ const script = defineComponent({
   setup(props, {
     emit
   }) {
-    const valueRef = computed({
-      get: () => props.value,
-      set: (v) => emit("update:value", v)
-    });
+    const valueRef = useVModel(props, "value", emit);
     const showRef = ref(false);
     const optionsRef = ref([]);
     const {

package/es/components/form-render/src/components/renderer/remoteSearch.d.ts

@@ -0,0 +1,47 @@
+import { AnyObject, Func } from '../../../../../../es/shared/types';
+import { PropType } from 'vue';
+import { UrlConfig } from '../../../../../../es/components/form-render';
+export declare const REMOTE_SEARCH: import("vue").DefineComponent<{
+    value: {
+        type: PropType<String | null>;
+    };
+    requestCache: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    options: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    urlConfig: {
+        type: PropType<UrlConfig>;
+    };
+    onFocus: {
+        type: PropType<Func<any[], any>>;
+    };
+    onChange: {};
+}, () => 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<{
+    value: {
+        type: PropType<String | null>;
+    };
+    requestCache: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    options: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    urlConfig: {
+        type: PropType<UrlConfig>;
+    };
+    onFocus: {
+        type: PropType<Func<any[], any>>;
+    };
+    onChange: {};
+}>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    options: AnyObject[];
+    requestCache: boolean;
+}>;

package/es/components/form-render/src/components/renderer/remoteSearch.js

@@ -0,0 +1,134 @@
+import { defineComponent, ref, computed, inject, watch, createVNode } from 'vue';
+import { connect, mapProps } from '@formily/vue';
+import { useVModel, useDebounceFn } from '@vueuse/core';
+import { isString, isArray, isEqual } from 'lodash-es';
+import { NSelect } from 'naive-ui';
+import '../../../index.js';
+import { InjectionAsyncQueue, InjectionFormItemDepsCollector } from '../../constants/index.js';
+import { createUrlConfigParams, formRenderLog } from '../../utils/index.js';
+import { useCommonInjection, useSelectOptionProps } from '../../hooks/useCommonInjection.js';
+import { useFormField } from '../../hooks/useFormField.js';
+import { visitedDecorator, assignUpdateValue, assignClearBindVisited } from '../../utils/schema.js';
+
+const script = defineComponent({
+  name: "FormRemoteSearch",
+  props: {
+    value: {
+      type: String
+    },
+    requestCache: {
+      type: Boolean,
+      default: true
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    urlConfig: {
+      type: Object
+    },
+    onFocus: {
+      type: Function
+    },
+    onChange: {}
+  },
+  emits: ["update:value"],
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const valueRef = useVModel(props, "value", emit);
+    const {
+      field,
+      fieldKey
+    } = useFormField();
+    const remoteOptions = ref(null);
+    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";
+    });
+    const asyncQueue = inject(InjectionAsyncQueue);
+    const fetchData = useDebounceFn(async (content = "", contentType = "label") => {
+      if (!props.urlConfig) {
+        return remoteOptions.value = null;
+      }
+      try {
+        remoteOptions.value = await asyncQueue.addAsync(await createUrlConfigParams({
+          config: {
+            ...props.urlConfig,
+            params: {
+              ...props.urlConfig.params,
+              [contentType === "value" ? valueKey.value : "keyword"]: content
+            }
+          },
+          cache: props.requestCache,
+          field: field.value
+        }));
+        console.log(remoteOptions.value);
+      } catch (e) {
+        isString(e) && formRenderLog(e);
+      }
+    });
+    const parsedOptions = computed(() => {
+      if (isArray(remoteOptions.value))
+        return remoteOptions.value;
+      if (isArray(props.options))
+        return props.options;
+      return [];
+    });
+    const {
+      injectValueValidate,
+      injectValueBindKey
+    } = useCommonInjection();
+    injectValueValidate(valueRef);
+    const key = injectValueBindKey(valueRef);
+    watch(valueRef, (value) => {
+      if (!value || parsedOptions.value.find((option) => option[valueKey.value] === value))
+        return;
+      return fetchData(value, "value");
+    });
+    const formItemDepsCollector = inject(InjectionFormItemDepsCollector);
+    watch(() => props.urlConfig, (config, oldConfig) => {
+      if (isEqual(config, oldConfig))
+        return;
+      remoteOptions.value = null;
+      if (!config)
+        return;
+      formItemDepsCollector.setDeps(fieldKey.value, config.dependKey || [], async () => {
+        remoteOptions.value = null;
+        valueRef.value = null;
+      });
+      valueRef.value && fetchData(valueRef.value, "value");
+    }, {
+      immediate: true
+    });
+    const {
+      menuProps,
+      nodeProps
+    } = useSelectOptionProps();
+    return () => {
+      return createVNode(NSelect, {
+        "remote": true,
+        "filterable": true,
+        "key": key.value,
+        "value": valueRef.value,
+        "onUpdate:value": ($event) => valueRef.value = $event,
+        "labelField": labelKey.value,
+        "valueField": valueKey.value,
+        "menu-props": menuProps,
+        "node-props": nodeProps,
+        "onSearch": fetchData,
+        "onUpdate:show": (show) => show && fetchData(),
+        "options": parsedOptions.value,
+        "onFocus": visitedDecorator(field, props.onFocus)
+      }, slots);
+    };
+  }
+});
+const REMOTE_SEARCH = connect(script, mapProps(assignUpdateValue, assignClearBindVisited));
+
+export { REMOTE_SEARCH };

package/es/components/form-render/src/components/renderer/search.js

@@ -1,11 +1,11 @@
-import { defineComponent, computed, inject, createVNode } from 'vue';
+import { defineComponent, inject, createVNode } from 'vue';
+import { useVModel } from '@vueuse/core';
 import { cloneDeep } from 'lodash-es';
 import { InjectionChangeContextCollector } from '../../constants/index.js';
 import '../../../../../shared/utils/index.js';
 import '../../../index.js';
 import '../../utils/index.js';
 import { useFormField } from '../../hooks/useFormField.js';
-import '@vueuse/core';
 import '../../../../../shared/utils/tapable/SyncHook.js';
 import '../../../../../shared/utils/tapable/SyncBailHook.js';
 import '../../../../../shared/utils/tapable/SyncWaterfallHook.js';
@@ -58,10 +58,7 @@ const script = defineComponent({
     slots,
     emit
   }) {
-    const valueRef = computed({
-      get: () => props.value,
-      set: (v) => emit("update:value", v)
-    });
+    const valueRef = useVModel(props, "value", emit);
     const {
       field,
       fieldKey

package/es/components/form-render/src/components/renderer/select.d.ts

@@ -3,7 +3,7 @@ import { UrlConfig } from '../../types';
 import { PropType } from 'vue';
 export declare const SELECT: import("vue").DefineComponent<{
     value: {
-        type: PropType<ArrayAble<string>>;
+        type: PropType<ArrayAble<string> | null>;
     };
     lazyRequest: {
         type: BooleanConstructor;
@@ -26,7 +26,7 @@ export declare const SELECT: import("vue").DefineComponent<{
     onChange: {};
 }, () => 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<{
     value: {
-        type: PropType<ArrayAble<string>>;
+        type: PropType<ArrayAble<string> | null>;
     };
     lazyRequest: {
         type: BooleanConstructor;

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

@@ -1,12 +1,11 @@
-import { defineComponent, computed, ref, inject, watch, createVNode } from 'vue';
-import { isField } from '@formily/core';
-import { useDebounceFn } from '@vueuse/core';
+import { defineComponent, ref, computed, inject, watch, createVNode } from 'vue';
+import { useVModel, useDebounceFn } from '@vueuse/core';
 import { isString, cloneDeep, isEqual } from 'lodash-es';
 import { useCommonInjection, useSelectOptionProps } from '../../hooks/useCommonInjection.js';
 import { InjectionAsyncQueue, InjectionChangeContextCollector, InjectionFormItemDepsCollector } from '../../constants/index.js';
 import '../../../../../shared/utils/index.js';
 import '../../../index.js';
-import { formRenderLog, optionMatcher } from '../../utils/index.js';
+import { createUrlConfigParams, formRenderLog, optionMatcher } from '../../utils/index.js';
 import { useFormField } from '../../hooks/useFormField.js';
 import '../../../../../shared/utils/tapable/SyncHook.js';
 import '../../../../../shared/utils/tapable/SyncBailHook.js';
@@ -19,11 +18,12 @@ import '../../../../../shared/utils/tapable/AsyncSeriesBailHook.js';
 import '../../../../../shared/utils/tapable/AsyncSeriesLoopHook.js';
 import '../../../../../shared/utils/tapable/AsyncSeriesWaterfallHook.js';
 import '../../hooks/useFormValidator.js';
+import '@formily/core';
 import '@vue/shared';
 import { connect, mapProps } from '@formily/vue';
 import './index.js';
 import { NSelect } from 'naive-ui';
-import { traverseDependKey, visitedDecorator, assignUpdateValue, assignClearBindVisited } from '../../utils/schema.js';
+import { visitedDecorator, assignUpdateValue, assignClearBindVisited } from '../../utils/schema.js';
 
 const script = defineComponent({
   name: "FormSelect",
@@ -56,10 +56,7 @@ const script = defineComponent({
     slots,
     emit
   }) {
-    const valueRef = computed({
-      get: () => props.value,
-      set: (v) => emit("update:value", v)
-    });
+    const valueRef = useVModel(props, "value", emit);
     const remoteOptions = ref(null);
     const lastSearch = ref("");
     const labelKey = computed(() => {
@@ -77,41 +74,20 @@ const script = defineComponent({
     const asyncQueue = inject(InjectionAsyncQueue);
     const fetchData = useDebounceFn(async function(content) {
       lastSearch.value = content || "";
-      if (!configFor(props)) {
+      if (!props.urlConfig) {
         return remoteOptions.value = null;
       }
       if (remoteOptions.value && props.requestCache)
         return;
       try {
-        remoteOptions.value = await asyncQueue.addAsync(await createParams(configFor(props), field.value, fieldKey.value));
+        remoteOptions.value = await asyncQueue.addAsync(await createUrlConfigParams({
+          config: props.urlConfig,
+          cache: props.requestCache,
+          field: field.value
+        }));
       } catch (e) {
         isString(e) && formRenderLog(e);
       }
-      async function createParams(config, field2, key2) {
-        const _params = {};
-        try {
-          traverseDependKey(config.dependKey, (dependKey, valueKey2, required) => {
-            const _field = field2.query(dependKey).take();
-            if (!isField(_field))
-              return;
-            if (required && _field.value == null) {
-              throw `\u7F3A\u5C11\u5FC5\u987B\u7684\u53C2\u6570=>${dependKey}`;
-            }
-            _params[valueKey2] = _field.value;
-          });
-        } catch (e) {
-          return Promise.reject(e);
-        }
-        return {
-          ...config,
-          params: Object.assign({}, config.params, _params),
-          key: key2,
-          cache: props.requestCache
-        };
-      }
-      function configFor(target) {
-        return target.urlConfig;
-      }
     }, 300);
     const parsedOptions = computed(() => {
       if (remoteOptions.value)

package/es/components/form-render/src/hooks/useFieldListAdaptor.js

@@ -219,6 +219,7 @@ function useFieldListAdaptor(collector) {
     ["INPUT", createInputSchema],
     ["INPUT_NUMBER", createInputNumberSchema],
     ["SELECT", createSelectSchema],
+    ["REMOTE_SEARCH", createSelectSchema],
     ["DATE", createDateSchema],
     ["LEVEL_SEARCH_CASCADE", createLevelSearchCascadeSchema],
     ["SEARCH_CASCADE", createSearchCascadeSchema],

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

@@ -1,7 +1,7 @@
 import { AnyObject, ArrayAble, Nullable } from '../../../../../es/shared/types';
 import { GeneralField } from '@formily/core';
 import { FunctionalComponent, InjectionKey, VNode } from 'vue';
-import { FieldItem } from '../types';
+import { FieldItem, UrlConfig } from '../types';
 export * from './business';
 export * from './dom';
 export * from './schema';
@@ -22,3 +22,17 @@ export declare function combineExtendKey(fieldList: FieldItem[], values: AnyObje
 export declare function splitExtendKey(fieldList: FieldItem[], values: AnyObject): AnyObject;
 export declare function isNestedType(type?: string): boolean | "" | undefined;
 export declare function isNestedFieldType(field: FieldItem | GeneralField): boolean | "" | undefined;
+export declare function createUrlConfigParams({ config, field, cache }: {
+    config: UrlConfig;
+    field: GeneralField;
+    cache?: boolean;
+}): Promise<{
+    params: AnyObject;
+    key: string;
+    cache: boolean | undefined;
+    url: string;
+    method?: import("../../../../../es/components/form-render").FormRequestType | undefined;
+    nameKey?: string | undefined;
+    valueKey?: string | undefined;
+    dependKey?: import("../../../../../es/components/form-render").DependKeyType | undefined;
+}>;

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

@@ -1,12 +1,15 @@
 import { inject, provide, computed, createVNode, Fragment } from 'vue';
 import { arrayed } from '../../../../shared/utils/index.js';
-import { isGeneralField } from '@formily/core';
+import { isGeneralField, isField } from '@formily/core';
 import { Path } from '@formily/path';
 import { isObject } from '@vue/shared';
 import { useMemoize } from '@vueuse/core';
 import { isString, isFunction, omit } from 'lodash-es';
+import '../../index.js';
 import { NESTED_FORM_ITEM_TYPE } from '../constants/index.js';
 import 'date-fns';
+import { traverseDependKey } from './schema.js';
+export { assignClearBindVisited, assignUpdateValue, assignValueBindKey, createLinebarId, createObjSchema, dotEscape, fieldKeyEscape, getParentLinebar, traverseDependKey, traverseSchema, visitedDecorator } from './schema.js';
 
 function formRenderLog(message) {
   console.warn(`[FormRender]: ${message}`);
@@ -197,5 +200,32 @@ function isNestedType(type) {
 function isNestedFieldType(field) {
   return isNestedType(isGeneralField(field) ? field.componentType : field.html_type);
 }
+async function createUrlConfigParams({
+  config,
+  field,
+  cache
+}) {
+  const _params = {};
+  const key = field.props.name.toString();
+  try {
+    traverseDependKey(config.dependKey || [], (dependKey, valueKey, required) => {
+      const _field = field.query(dependKey).take();
+      if (!isField(_field))
+        return;
+      if (required && _field.value == null) {
+        throw `\u7F3A\u5C11\u5FC5\u987B\u7684\u53C2\u6570=>${dependKey}`;
+      }
+      _params[valueKey] = _field.value;
+    });
+  } catch (e) {
+    return Promise.reject(e);
+  }
+  return {
+    ...config,
+    params: Object.assign({}, config.params, _params),
+    key,
+    cache
+  };
+}
 
-export { combineExtendKey, createInputSlot, createSlot, formRenderLog, injectOrProvide, isNestedFieldType, isNestedType, mergeDeepProperties, optionMatcher, parseNumberFromMaybeString, presetRequestHandler, splitExtendKey, validateMessageParser };
+export { combineExtendKey, createInputSlot, createSlot, createUrlConfigParams, formRenderLog, injectOrProvide, isNestedFieldType, isNestedType, mergeDeepProperties, optionMatcher, parseNumberFromMaybeString, presetRequestHandler, splitExtendKey, validateMessageParser };

package/es/components/index.js

@@ -60,7 +60,7 @@ export { useCommonInjection, useSelectOptionProps } from './form-render/src/hook
 export { businessDateParser, isIdCard, isMobile, parseAge2Birthday, parseAge2FromContext, parseBirthday, parseIdCard, transformDateFormat } from './form-render/src/utils/business.js';
 export { findNextWidget, queryDecorator, queryInput } from './form-render/src/utils/dom.js';
 export { assignClearBindVisited, assignUpdateValue, assignValueBindKey, createLinebarId, createObjSchema, dotEscape, fieldKeyEscape, getParentLinebar, traverseDependKey, traverseSchema, visitedDecorator } from './form-render/src/utils/schema.js';
-export { combineExtendKey, createInputSlot, createSlot, formRenderLog, injectOrProvide, isNestedFieldType, isNestedType, mergeDeepProperties, optionMatcher, parseNumberFromMaybeString, presetRequestHandler, splitExtendKey, validateMessageParser } from './form-render/src/utils/index.js';
+export { combineExtendKey, createInputSlot, createSlot, createUrlConfigParams, formRenderLog, injectOrProvide, isNestedFieldType, isNestedType, mergeDeepProperties, optionMatcher, parseNumberFromMaybeString, presetRequestHandler, splitExtendKey, validateMessageParser } from './form-render/src/utils/index.js';
 export * from '@formily/core';
 export { GlobalShortcutProvider, ShortcutManager, useShortcuts } from './shortcut-provider/src/hooks/useShortcuts.js';
 export { useShortcutSignature } from './shortcut-provider/src/hooks/useShortcutSignature.js';

package/es/components/keyboard/src/Keyboard.js

@@ -28,13 +28,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     mode: { type: String, default: "default" }
   },
-  emits: ["change", "keydown"],
+  emits: [
+    "change",
+    "keydown"
+  ],
   setup(__props, { emit }) {
     const props = __props;
     const NUMBERKEYS = "1234567890.";
     const DAYS = [3, 7, 14, 30];
     const ENGLISHKEY = "QWERTYUIOPASDFGHJKLZXCVBNM.";
-    const ENGLISHOTHERKEY = ["switch", " ", "undo", "Enter"];
+    const ENGLISHOTHERKEY = ["Switch", " ", "Undo", "Enter"];
     const ENGLISHKEYS = ENGLISHKEY.split("").concat(ENGLISHOTHERKEY);
     const ENGLISHKEYS_ = ENGLISHKEY.split(".")[0].split("").sort().concat(["."], ENGLISHOTHERKEY);
     const popoverRef = ref(null);
@@ -54,7 +57,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function keydown(key) {
       var _a, _b, _c;
       if (props.mode === "default") {
-        if (key !== "switch") {
+        if (key !== "Switch") {
           emit("keydown", key);
         } else {
           englishKeys.value = englishKeys.value[0] === "Q" ? ENGLISHKEYS_.slice() : ENGLISHKEYS.slice();
@@ -62,11 +65,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return;
       }
       switch (key) {
-        case "undo": {
+        case "Undo": {
           undo();
           break;
         }
-        case "enter":
+        case "Enter":
           value.value = +inputValue.value;
           (_a = popoverRef.value) == null ? void 0 : _a.setShow(false);
           emit("change", value.value);
@@ -131,13 +134,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   default: withCtx(() => [
                     createElementVNode("span", {
                       class: "opt",
-                      onClick: _cache[2] || (_cache[2] = ($event) => keydown("undo"))
+                      onClick: _cache[2] || (_cache[2] = ($event) => keydown("Undo"))
                     }, [
                       createVNode(unref(NIcon), { component: unref(ArrowUndoSharp) }, null, 8, ["component"])
                     ]),
                     createElementVNode("span", {
                       class: "opt",
-                      onClick: _cache[3] || (_cache[3] = ($event) => keydown("enter"))
+                      onClick: _cache[3] || (_cache[3] = ($event) => keydown("Enter"))
                     }, "\u786E\u5B9A")
                   ]),
                   _: 1
@@ -236,11 +239,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               class: normalizeClass(["key" + index]),
               onClick: ($event) => keydown(key)
             }, [
-              key === "switch" ? (openBlock(), createBlock(unref(NIcon), {
+              key === "Switch" ? (openBlock(), createBlock(unref(NIcon), {
                 key: 0,
                 component: unref(GitCompareOutline)
               }, null, 8, ["component"])) : createCommentVNode("v-if", true),
-              key === "undo" ? (openBlock(), createBlock(unref(NIcon), {
+              key === "Undo" ? (openBlock(), createBlock(unref(NIcon), {
                 key: 1,
                 component: unref(ArrowUndoSharp)
               }, null, 8, ["component"])) : createCommentVNode("v-if", true),

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "cnhis-design-vue",
-	"version": "3.1.29",
+	"version": "3.1.30-beta.1",
 	"license": "ISC",
 	"module": "./es/components/index.js",
 	"main": "./es/components/index.js",
@@ -61,5 +61,5 @@
 		"iOS 7",
 		"last 3 iOS versions"
 	],
-	"gitHead": "38a2c287facf3d0c4e719d3ab21bc305e1f44cb3"
+	"gitHead": "e7148e5d2b0211fe5b4fa061d0d26eb56b1866a1"
 }