cnhis-design-vue 3.1.31-beta.0 → 3.1.31-beta.10

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

@@ -1,285 +0,0 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, Fragment, createCommentVNode, unref, createElementVNode, createVNode, withCtx, renderList, normalizeClass, toDisplayString, createBlock, normalizeStyle, createTextVNode } from 'vue';
-import { NSpace, NIcon } from 'naive-ui';
-import { ArrowUndoSharp, Close, GitCompareOutline } from '@vicons/ionicons5';
-import InputNumber from './components/InputNumber.js';
-import { useRefHistory, useDraggable } from '@vueuse/core';
-import { getNumber } from './utils/index.js';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
-
-const _hoisted_1 = {
-  key: 0,
-  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 _hoisted_11 = /* @__PURE__ */ createElementVNode("span", null, "\u952E\u76D8", -1);
-const _hoisted_12 = { class: "keys" };
-const _hoisted_13 = ["onClick"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Keyboard",
-  props: {
-    mode: { type: String, default: "english" },
-    dragable: { type: Boolean, default: false },
-    positionInitialValue: { type: Object, default: () => ({ x: 0, y: 0 }) }
-  },
-  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 ENGLISHKEYS = ENGLISHKEY.split("").concat(ENGLISHOTHERKEY);
-    const ENGLISHKEYS_ = ENGLISHKEY.split(".")[0].split("").sort().concat(["."], ENGLISHOTHERKEY);
-    const englishKeyboardRef = ref(null);
-    const keyboardDragRef = ref(null);
-    const numberKeys = ref(NUMBERKEYS.split(""));
-    const days = ref(DAYS);
-    const doses = ref([2, 3, 4, 5, 6, 7, 8]);
-    const englishKeys = ref(ENGLISHKEYS.slice());
-    const value = ref();
-    const inputValue = ref("");
-    const integerValue = ref();
-    const numeratorValue = ref();
-    const denominatorValue = ref();
-    const inputValueStatus = ref("success");
-    const numeratorValueStatus = ref("success");
-    const denominatorValueStatus = ref("success");
-    const isDefault = computed(() => props.mode === "english");
-    const isDay = computed(() => props.mode === "day");
-    const isDose = computed(() => props.mode === "dose");
-    const { history, undo, redo } = useRefHistory(inputValue);
-    const { x, y, style } = useDraggable(englishKeyboardRef, {
-      initialValue: props.positionInitialValue,
-      preventDefault: true,
-      handle: keyboardDragRef
-    });
-    function keydown(key) {
-      var _a, _b;
-      if (props.mode === "english") {
-        if (key !== "Switch") {
-          emit("keydown", key);
-        } else {
-          englishKeys.value = englishKeys.value[0] === "Q" ? ENGLISHKEYS_.slice() : ENGLISHKEYS.slice();
-        }
-        return;
-      }
-      switch (key) {
-        case "Undo": {
-          undo();
-          setInputValueStatus();
-          break;
-        }
-        case "Enter":
-          value.value = +inputValue.value;
-          emit("change", value.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(value2) {
-      if (!setInputStatus(inputValue, inputValueStatus))
-        return;
-      inputValue.value = (Math.round(+inputValue.value * (1 / value2) * 100) / 100).toString();
-      setInputValueStatus();
-    }
-    function calculateFraction() {
-      if (!setInputStatus(inputValue, inputValueStatus) || !setInputStatus(numeratorValue, numeratorValueStatus, true) || !setInputStatus(denominatorValue, denominatorValueStatus, true))
-        return;
-      const value2 = getNumber(integerValue.value) + getNumber(numeratorValue.value) / getNumber(denominatorValue.value);
-      inputValue.value = (Math.round(+inputValue.value * value2 * 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(Fragment, null, [
-        createCommentVNode(' <n-popover\n		ref="popoverRef"\n		v-if="!isDefault"\n		trigger="click"\n		:show-arrow="false"\n		placement="bottom-start"\n		style="padding: 0"\n		display-directive="show"\n	> '),
-        createCommentVNode(' <template #trigger>\n			<n-input-number v-model:value="value" :show-button="false" />\n		</template> '),
-        !unref(isDefault) ? (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)
-        ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          createCommentVNode(" </n-popover> "),
-          createElementVNode("div", {
-            class: normalizeClass(["c-keyboard-english", { isFixed: __props.dragable }]),
-            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: { "cursor": "move" }
-            }, {
-              default: withCtx(() => [
-                _hoisted_11,
-                createVNode(unref(NIcon), {
-                  onClick: _cache[9] || (_cache[9] = ($event) => keydown("close")),
-                  component: unref(Close)
-                }, null, 8, ["component"])
-              ]),
-              _: 1
-            }, 512),
-            createElementVNode("div", _hoisted_12, [
-              (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_13);
-              }), 128))
-            ])
-          ], 6)
-        ], 2112))
-      ], 2112);
-    };
-  }
-});
-var script = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "Keyboard.vue"]]);
-
-export { script as default };