cnhis-design-vue 3.1.31-beta.2 → 3.1.31-beta.4

package/es/components/keyboard/src/components/InputNumber.vue.d.ts

@@ -1,3 +1,5 @@
+import { PropType } from 'vue';
+import { FormValidationStatus } from 'naive-ui/es/form/src/interface';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
         type: StringConstructor;
@@ -8,7 +10,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     status: {
-        type: StringConstructor;
+        type: PropType<FormValidationStatus>;
         default: string;
     };
 }, {
@@ -22,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
             default: boolean;
         };
         status: {
-            type: StringConstructor;
+            type: PropType<FormValidationStatus>;
             default: string;
         };
     }>> & {
@@ -48,7 +50,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     status: {
-        type: StringConstructor;
+        type: PropType<FormValidationStatus>;
         default: string;
     };
 }>> & {
@@ -56,7 +58,7 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:status"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: string;
-    status: string;
+    status: FormValidationStatus;
     integer: boolean;
 }>;
 export default _default;

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

@@ -0,0 +1,206 @@
+import { defineComponent, computed, ref, openBlock, createElementBlock, createElementVNode, createVNode, unref, withCtx, Fragment, renderList, normalizeClass, toDisplayString, createBlock, createCommentVNode } from 'vue';
+import { NSpace, NIcon } from 'naive-ui';
+import { ArrowUndoSharp } from '@vicons/ionicons5';
+import InputNumber from './InputNumber.js';
+import { useRefHistory } from '@vueuse/core';
+import { getNumber } from '../utils/index.js';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
+
+const _hoisted_1 = { class: "c-keyboard" };
+const _hoisted_2 = { class: "left" };
+const _hoisted_3 = { class: "keys" };
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = { class: "btns" };
+const _hoisted_7 = ["onClick"];
+const _hoisted_8 = { class: "inputs" };
+const _hoisted_9 = { class: "inputs-right" };
+const _hoisted_10 = /* @__PURE__ */ createElementVNode("hr", null, null, -1);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "NumberPanel",
+  props: {
+    defaultValue: { type: Number },
+    mode: { type: String }
+  },
+  emits: ["change"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const NUMBERKEYS = "1234567890.";
+    const DAYS = [3, 7, 14, 30];
+    const isDay = computed(() => props.mode === "day");
+    const isDose = computed(() => props.mode === "dose");
+    const numberKeys = ref(NUMBERKEYS.split(""));
+    const days = ref(DAYS);
+    const doses = ref([2, 3, 4, 5, 6, 7, 8]);
+    const inputValue = ref("");
+    const integerValue = ref();
+    const numeratorValue = ref();
+    const denominatorValue = ref();
+    const inputValueStatus = ref("success");
+    const numeratorValueStatus = ref("success");
+    const denominatorValueStatus = ref("success");
+    if (props.defaultValue) {
+      inputValue.value = props.defaultValue.toString();
+    }
+    const { history, undo, redo } = useRefHistory(inputValue);
+    function keydown(key) {
+      var _a, _b;
+      switch (key) {
+        case "Undo": {
+          undo();
+          setInputValueStatus();
+          break;
+        }
+        case "Enter":
+          emit("change", +inputValue.value);
+          break;
+        default:
+          if (typeof key === "number") {
+            inputValue.value = key.toString();
+          } else {
+            inputValue.value = (((_b = (_a = inputValue.value) == null ? void 0 : _a.toString) == null ? void 0 : _b.call(_a)) || "") + key;
+          }
+          setInputValueStatus();
+          break;
+      }
+    }
+    function updateFraction(value) {
+      if (!setInputStatus(inputValue, inputValueStatus))
+        return;
+      inputValue.value = (Math.round(+inputValue.value * (1 / value) * 100) / 100).toString();
+      setInputValueStatus();
+    }
+    function calculateFraction() {
+      if (!setInputStatus(inputValue, inputValueStatus) || !setInputStatus(numeratorValue, numeratorValueStatus, true) || !setInputStatus(denominatorValue, denominatorValueStatus, true))
+        return;
+      const value = getNumber(integerValue.value) + getNumber(numeratorValue.value) / getNumber(denominatorValue.value);
+      inputValue.value = (Math.round(+inputValue.value * value * 100) / 100).toString();
+      setInputValueStatus();
+    }
+    function setInputStatus(valueRef, statusRef, isInteger) {
+      if (!isInteger && (!valueRef.value || valueRef.value === ".") || isInteger && !valueRef.value) {
+        statusRef.value = "error";
+        return;
+      }
+      return true;
+    }
+    function setInputValueStatus() {
+      inputValueStatus.value = !inputValue.value ? "error" : "success";
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createVNode(InputNumber, {
+            modelValue: inputValue.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
+            status: inputValueStatus.value,
+            "onUpdate:status": _cache[1] || (_cache[1] = ($event) => inputValueStatus.value = $event)
+          }, null, 8, ["modelValue", "status"]),
+          createElementVNode("div", _hoisted_3, [
+            createVNode(unref(NSpace), null, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(numberKeys.value, (key) => {
+                  return openBlock(), createElementBlock("span", {
+                    key,
+                    class: normalizeClass(key === "0" ? "is-0" : ""),
+                    onClick: ($event) => keydown(key)
+                  }, toDisplayString(key), 11, _hoisted_4);
+                }), 128))
+              ]),
+              _: 1
+            }),
+            createVNode(unref(NSpace), null, {
+              default: withCtx(() => [
+                createElementVNode("span", {
+                  class: "opt",
+                  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"))
+                }, "\u786E\u5B9A")
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        unref(isDay) ? (openBlock(), createBlock(unref(NSpace), {
+          key: 0,
+          class: "right-days",
+          justify: "center",
+          vertical: ""
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(days.value, (day) => {
+              return openBlock(), createElementBlock("span", {
+                class: "btn",
+                key: day,
+                onClick: ($event) => keydown(day)
+              }, toDisplayString(day) + "\u5929", 9, _hoisted_5);
+            }), 128))
+          ]),
+          _: 1
+        })) : createCommentVNode("v-if", true),
+        unref(isDose) ? (openBlock(), createBlock(unref(NSpace), {
+          key: 1,
+          class: "right-dose",
+          "wrap-item": false
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_6, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(doses.value, (dose) => {
+                return openBlock(), createElementBlock("span", {
+                  class: "btn",
+                  key: dose,
+                  onClick: ($event) => updateFraction(dose)
+                }, "1/" + toDisplayString(dose), 9, _hoisted_7);
+              }), 128))
+            ]),
+            createVNode(unref(NSpace), {
+              justify: "center",
+              vertical: ""
+            }, {
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_8, [
+                  createVNode(InputNumber, {
+                    integer: "",
+                    modelValue: integerValue.value,
+                    "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => integerValue.value = $event)
+                  }, null, 8, ["modelValue"]),
+                  createElementVNode("div", _hoisted_9, [
+                    createVNode(InputNumber, {
+                      integer: "",
+                      modelValue: numeratorValue.value,
+                      "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => numeratorValue.value = $event),
+                      status: numeratorValueStatus.value,
+                      "onUpdate:status": _cache[6] || (_cache[6] = ($event) => numeratorValueStatus.value = $event)
+                    }, null, 8, ["modelValue", "status"]),
+                    _hoisted_10,
+                    createVNode(InputNumber, {
+                      integer: "",
+                      modelValue: denominatorValue.value,
+                      "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => denominatorValue.value = $event),
+                      status: denominatorValueStatus.value,
+                      "onUpdate:status": _cache[8] || (_cache[8] = ($event) => denominatorValueStatus.value = $event)
+                    }, null, 8, ["modelValue", "status"])
+                  ])
+                ]),
+                createElementVNode("span", {
+                  class: "btn",
+                  onClick: calculateFraction
+                }, "\u5206\u5B50\u5F0F\u5242\u91CF")
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })) : createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+var NumberPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "NumberPanel.vue"]]);
+
+export { NumberPanel as default };

package/es/components/keyboard/src/components/NumberPanel.vue.d.ts

@@ -0,0 +1,118 @@
+import { Ref } from 'vue';
+import { FormValidationStatus } from 'naive-ui/es/form/src/interface';
+declare const _default: import("vue").DefineComponent<{
+    defaultValue: {
+        type: NumberConstructor;
+    };
+    mode: {
+        type: StringConstructor;
+    };
+}, {
+    NUMBERKEYS: string;
+    DAYS: number[];
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        defaultValue: {
+            type: NumberConstructor;
+        };
+        mode: {
+            type: StringConstructor;
+        };
+    }>> & {
+        onChange?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emit: (event: "change", ...args: any[]) => void;
+    isDay: import("vue").ComputedRef<boolean>;
+    isDose: import("vue").ComputedRef<boolean>;
+    numberKeys: Ref<string[]>;
+    days: Ref<number[]>;
+    doses: Ref<number[]>;
+    inputValue: Ref<string>;
+    integerValue: Ref<any>;
+    numeratorValue: Ref<any>;
+    denominatorValue: Ref<any>;
+    inputValueStatus: Ref<FormValidationStatus>;
+    numeratorValueStatus: Ref<FormValidationStatus>;
+    denominatorValueStatus: Ref<FormValidationStatus>;
+    history: Ref<import("@vueuse/core").UseRefHistoryRecord<string>[]>;
+    undo: () => void;
+    redo: () => void;
+    keydown: (key: string | number) => void;
+    updateFraction: (value: number) => void;
+    calculateFraction: () => void;
+    setInputStatus: (valueRef: Ref<string>, statusRef: Ref<string>, isInteger?: boolean) => true | undefined;
+    setInputValueStatus: () => void;
+    NIcon: any;
+    NSpace: any;
+    ArrowUndoSharp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    InputNumber: import("vue").DefineComponent<{
+        modelValue: {
+            type: StringConstructor;
+            default: string;
+        };
+        integer: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        status: {
+            type: import("vue").PropType<FormValidationStatus>;
+            default: string;
+        };
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            modelValue: {
+                type: StringConstructor;
+                default: string;
+            };
+            integer: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            status: {
+                type: import("vue").PropType<FormValidationStatus>;
+                default: string;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            "onUpdate:status"?: ((...args: any[]) => any) | undefined;
+        }>>;
+        emit: (event: "update:modelValue" | "update:status", ...args: any[]) => void;
+        update: (value: string | [string, string]) => void;
+        validator: (value: string) => boolean;
+        calculate: (type: string) => void;
+        NInput: any;
+        NIcon: any;
+        NSpace: any;
+        CaretDown: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        CaretUp: import("vue").DefineComponent<{}, {}, {}, {}, {}, 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, ("update:modelValue" | "update:status")[], "update:modelValue" | "update:status", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: StringConstructor;
+            default: string;
+        };
+        integer: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        status: {
+            type: import("vue").PropType<FormValidationStatus>;
+            default: string;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:status"?: ((...args: any[]) => any) | undefined;
+    }, {
+        modelValue: string;
+        status: FormValidationStatus;
+        integer: boolean;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    defaultValue: {
+        type: NumberConstructor;
+    };
+    mode: {
+        type: StringConstructor;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _default;

package/es/components/search-cascader/src/components/SearchMenu.js

@@ -1,5 +1,5 @@
 import { defineComponent, computed, inject, createVNode, withModifiers, ref, createTextVNode } from 'vue';
-import { vIf, traverse } from '../../../../shared/utils/index.js';
+import { traverse } from '../../../../shared/utils/index.js';
 import { Reload, ChevronForward } from '@vicons/ionicons5';
 import { NOOP } from '@vue/shared';
 import { useVirtualList } from '@vueuse/core';
@@ -102,14 +102,14 @@ const SearchMenuList = defineComponent({
           "title": item.data[props.labelKey]
         }, [createVNode("div", {
           "class": "search-cascader__optionText"
-        }, [vIf(showCheckbox.value, createVNode(NCheckbox, {
+        }, [showCheckbox.value ? createVNode(NCheckbox, {
           "style": {
             marginRight: "8px"
           },
           "checked": isChecked(item.data),
           "onClick": withModifiers(NOOP, ["stop"]),
           "onUpdateChecked": (v) => v && updateValue(item.data)
-        }, null)), item.data[props.labelKey]]), loadingNode.value === item.data ? createVNode(Reload, {
+        }, null) : null, item.data[props.labelKey]]), loadingNode.value === item.data ? createVNode(Reload, {
           "class": "rotate"
         }, null) : item.data.isLeaf ? null : createVNode(ChevronForward, null, null)]);
       })])]);

package/es/shared/utils/index.d.ts

@@ -11,4 +11,4 @@ export declare function deepOmit<T extends AnyObject>(target: T, keys: Array<key
 export declare function separateMetaModule<T extends AnyObject>(modules: Record<string, unknown>): T;
 export declare function findAncestor(ele: HTMLElement | null, finder: (ele: HTMLElement) => boolean): HTMLElement | null;
 export declare function widthAppend(value: string | number, append?: string): string;
-export declare function vIf(solution: unknown, node: unknown): unknown;
+export declare function targetStringIncludes(arr: string[], target: string): boolean;

package/es/shared/utils/index.js

@@ -136,8 +136,8 @@ function widthAppend(value, append = "px") {
     return value.endsWith(append) ? value : `${value}${append}`;
   throw new Error(`invalid width value ${value}, it need to be a string or number!`);
 }
-function vIf(solution, node) {
-  return solution ? node : null;
+function targetStringIncludes(arr, target) {
+  return arr.some((value) => target.includes(value));
 }
 
-export { DMZ, arrayed, deepOmit, findAncestor, generateTimeFormat, getStringWidth, safeComponentRegister, separateMetaModule, traverse, uuidGenerator, vIf, widthAppend };
+export { DMZ, arrayed, deepOmit, findAncestor, generateTimeFormat, getStringWidth, safeComponentRegister, separateMetaModule, targetStringIncludes, traverse, uuidGenerator, widthAppend };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "cnhis-design-vue",
-	"version": "3.1.31-beta.2",
+	"version": "3.1.31-beta.4",
 	"license": "ISC",
 	"module": "./es/components/index.js",
 	"main": "./es/components/index.js",
@@ -61,5 +61,5 @@
 		"iOS 7",
 		"last 3 iOS versions"
 	],
-	"gitHead": "e88e2a027d3e80c600af95e026ea502b33b3a64f"
+	"gitHead": "86063b8f79b04322a2609eecba39bd6d44de88db"
 }