cnhis-design-vue 3.1.31-beta.1 → 3.1.31-beta.11

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

@@ -0,0 +1,149 @@
+import { defineComponent, computed, ref, unref, openBlock, createBlock, withCtx, createVNode, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, Fragment, renderList, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
+import { NPopover, NInputNumber, NSpace, NIcon } from 'naive-ui';
+import { Close, GitCompareOutline, ArrowUndoSharp } from '@vicons/ionicons5';
+import NumberPanel from './components/NumberPanel.vue.js';
+import { useDraggable } from '@vueuse/core';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
+
+const _hoisted_1 = /* @__PURE__ */ createElementVNode("span", null, "\u952E\u76D8", -1);
+const _hoisted_2 = { class: "keys" };
+const _hoisted_3 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Keyboard",
+  props: {
+    mode: { type: String, default: "english" },
+    drag: { type: Boolean, default: false },
+    positionInitialValue: { type: Object, default: () => ({ x: 0, y: 0 }) },
+    defaultValue: { type: Number },
+    panel: { type: Boolean, default: true },
+    moveOffset: { type: Object, default: () => ({ x: 0, y: 0 }) }
+  },
+  emits: [
+    "change",
+    "keydown"
+  ],
+  setup(__props, { emit }) {
+    const props = __props;
+    const ENGLISHKEY = "QWERTYUIOPASDFGHJKLZXCVBNM.";
+    const ENGLISHOTHERKEY = ["Switch", " ", "Undo", "Enter"];
+    const ENGLISHKEYS = ENGLISHKEY.split("").concat(ENGLISHOTHERKEY);
+    const ENGLISHKEYS_ = ENGLISHKEY.split(".")[0].split("").sort().concat(["."], ENGLISHOTHERKEY);
+    const isDefault = computed(() => props.mode === "english");
+    const englishKeys = ref(ENGLISHKEYS.slice());
+    const popoverRef = ref(null);
+    const englishKeyboardRef = ref(null);
+    const keyboardDragRef = ref(null);
+    const currentValue = ref();
+    const style = init();
+    function init() {
+      if (props.defaultValue) {
+        currentValue.value = props.defaultValue;
+      }
+      if (isDefault.value && props.drag) {
+        const { x, y, style: style2 } = useDraggable(englishKeyboardRef, {
+          initialValue: props.positionInitialValue,
+          preventDefault: true,
+          handle: keyboardDragRef,
+          onMove: (position, event) => {
+            var _a, _b, _c, _d;
+            position.x += (_b = (_a = props.moveOffset) == null ? void 0 : _a.x) != null ? _b : 0;
+            position.y += (_d = (_c = props.moveOffset) == null ? void 0 : _c.y) != null ? _d : 0;
+          }
+        });
+        return style2;
+      }
+    }
+    function keydown(key) {
+      if (key !== "Switch") {
+        emit("keydown", key);
+      } else {
+        englishKeys.value = englishKeys.value[0] === "Q" ? ENGLISHKEYS_.slice() : ENGLISHKEYS.slice();
+      }
+    }
+    function onchange(value) {
+      var _a, _b;
+      (_b = (_a = popoverRef.value) == null ? void 0 : _a.setShow) == null ? void 0 : _b.call(_a, false);
+      currentValue.value = value;
+      emit("change", value);
+    }
+    return (_ctx, _cache) => {
+      return !unref(isDefault) && !__props.panel ? (openBlock(), createBlock(unref(NPopover), {
+        key: 0,
+        ref_key: "popoverRef",
+        ref: popoverRef,
+        trigger: "click",
+        "show-arrow": false,
+        placement: "bottom-start",
+        style: { "padding": "0" },
+        "display-directive": "show"
+      }, {
+        trigger: withCtx(() => [
+          createVNode(unref(NInputNumber), {
+            value: currentValue.value,
+            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => currentValue.value = $event),
+            "show-button": false
+          }, null, 8, ["value"])
+        ]),
+        default: withCtx(() => [
+          createVNode(NumberPanel, {
+            mode: __props.mode,
+            defaultValue: __props.defaultValue,
+            onChange: onchange
+          }, null, 8, ["mode", "defaultValue"])
+        ]),
+        _: 1
+      }, 512)) : !unref(isDefault) && __props.panel ? (openBlock(), createBlock(NumberPanel, {
+        key: 1,
+        mode: __props.mode,
+        defaultValue: __props.defaultValue,
+        onChange: onchange
+      }, null, 8, ["mode", "defaultValue"])) : (openBlock(), createElementBlock("div", {
+        key: 2,
+        class: normalizeClass(["c-keyboard-english", { isFixed: __props.drag }]),
+        ref_key: "englishKeyboardRef",
+        ref: englishKeyboardRef,
+        style: normalizeStyle(unref(style))
+      }, [
+        createVNode(unref(NSpace), {
+          "wrap-item": false,
+          align: "center",
+          justify: "space-between",
+          ref_key: "keyboardDragRef",
+          ref: keyboardDragRef,
+          style: normalizeStyle({ cursor: __props.drag ? "move" : "default" })
+        }, {
+          default: withCtx(() => [
+            _hoisted_1,
+            createVNode(unref(NIcon), {
+              onClick: _cache[1] || (_cache[1] = ($event) => keydown("close")),
+              component: unref(Close)
+            }, null, 8, ["component"])
+          ]),
+          _: 1
+        }, 8, ["style"]),
+        createElementVNode("div", _hoisted_2, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(englishKeys.value, (key, index) => {
+            return openBlock(), createElementBlock("span", {
+              key,
+              class: normalizeClass(["key" + index]),
+              onClick: ($event) => keydown(key)
+            }, [
+              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: 1,
+                component: unref(ArrowUndoSharp)
+              }, null, 8, ["component"])) : createCommentVNode("v-if", true),
+              createTextVNode(" " + toDisplayString(!ENGLISHOTHERKEY.includes(key) || key === "Enter" ? key : key === "" ? "\u7A7A\u683C" : ""), 1)
+            ], 10, _hoisted_3);
+          }), 128))
+        ])
+      ], 6));
+    };
+  }
+});
+var script = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "Keyboard.vue"]]);
+
+export { script as default };

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.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/keyboard/src/components/NumberPanel.vue.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.vue.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/map/index.js

@@ -1,6 +1,6 @@
 import { COMPONENT_NAMESPACE } from '../../shared/global/variable.js';
 import { safeComponentRegister } from '../../shared/utils/index.js';
-import script from './src/Map.js';
+import script from './src/Map.vue.js';
 
 const Map = script;
 Map.install = function(app) {