cnhis-design-vue 3.3.1-beta.9 → 3.3.1-release.5

package/es/components/info-header/src/components/patientInfo/index.vue2.js

@@ -1 +1,248 @@
-import{defineComponent as e,computed as a,ref as n,watch as t,nextTick as l,openBlock as i,createElementBlock as o,renderSlot as d,createVNode as r,unref as u,withCtx as s,mergeProps as w,createElementVNode as g,normalizeClass as p,createBlock as f,resolveDynamicComponent as c,createCommentVNode as v,createTextVNode as y,Fragment as m,renderList as _,toDisplayString as x,h as I}from"vue";import{isArray as C,isString as L,isNumber as h,isFunction as B,isObject as b,pick as k}from"lodash-es";import{NPopover as P,NImage as E,NDivider as U,NSpace as H,NButton as z,NTag as T,NEllipsis as j}from"naive-ui";import F from"../../../../form-render/index.js";const N={class:"c-info-header__patient"},R={class:"c-info-header__patientHeader"},$={key:0,class:"c-info-header__patientHeader--name"},S={key:1,class:"c-info-header__patientHeader--sex"},V={key:2,class:"c-info-header__patientHeader--age"};var D=e({__name:"index",props:{patientInfo:{default:()=>({})},patientEditable:{type:Boolean}},setup(e){const D=e,M=a((()=>D.patientInfo&&C(D.patientInfo.tagList)?D.patientInfo.tagList.filter((e=>e.render||L(e.content)&&e.content)):[])),O={warning:"#fcc200",info:"rgba(45, 122, 255, 0.1)"},W={warning:"#fff",info:"#2563F4"};function q({type:e="warning"}){return{color:O[e],textColor:W[e]}}function A(e){return()=>L(e)||h(e)?e:B(e)?e():b(e)?I(e):null}const G=n(!1),J=a((()=>{var e,a,n,t,l,i,o,d,r,u,s,w,g,p,f,c;return D.patientEditable?[{val_key:"name",is_null:"0",is_empty:"0",alias:(null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.116"))||"姓名",html_type:"INPUT",...D.patientInfo.nameProps},{val_key:"sex",alias:(null==(a=window.getLanguageByCode)?void 0:a.call(window,"10010.1.122"))||"性别",html_type:"SELECT",is_null:"0",option:[{text:(null==(n=window.getLanguageByCode)?void 0:n.call(window,"10010.1.205"))||"未知",value:(null==(t=window.getLanguageByCode)?void 0:t.call(window,"10010.1.205"))||"未知"},{text:(null==(l=window.getLanguageByCode)?void 0:l.call(window,"10010.1.203"))||"男",value:(null==(i=window.getLanguageByCode)?void 0:i.call(window,"10010.1.203"))||"男"},{text:(null==(o=window.getLanguageByCode)?void 0:o.call(window,"10010.1.204"))||"女",value:(null==(d=window.getLanguageByCode)?void 0:d.call(window,"10010.1.204"))||"女"}],...D.patientInfo.sexProps},{val_key:"age",alias:"年龄",html_type:"INPUT_NUMBER",is_null:"0",is_empty:"0",decoratorProps:{style:{flex:2}},...D.patientInfo.ageProps,suffixConfig:{alias:"年龄单位",is_null:"0",val_key:"ageUnit",html_type:"SELECT",decoratorProps:{style:{flex:1}},option:[{value:(null==(r=window.getLanguageByCode)?void 0:r.call(window,"10010.1.144"))||"天",text:(null==(u=window.getLanguageByCode)?void 0:u.call(window,"10010.1.144"))||"天"},{value:(null==(s=window.getLanguageByCode)?void 0:s.call(window,"10010.1.347"))||"月",text:(null==(w=window.getLanguageByCode)?void 0:w.call(window,"10010.1.347"))||"月"},{value:"岁",text:"岁"},{value:(null==(g=window.getLanguageByCode)?void 0:g.call(window,"10010.1.350"))||"小时",text:(null==(p=window.getLanguageByCode)?void 0:p.call(window,"10010.1.350"))||"小时"},{value:"分",text:"分"},{value:(null==(f=window.getLanguageByCode)?void 0:f.call(window,"10010.1.346"))||"周",text:(null==(c=window.getLanguageByCode)?void 0:c.call(window,"10010.1.346"))||"周"}],...D.patientInfo.ageUnitProps}}]:[]})),K=n();async function Q(){K.value&&(await K.value.validate(),Object.assign(D.patientInfo,k(K.value.getFormValues(),["name","sex","age","ageUnit"])),G.value=!1)}return t(G,(async e=>{await l(),e&&K.value&&K.value.setFormValues(D.patientInfo||{})})),(a,n)=>(i(),o("section",N,[d(a.$slots,"avatar",{},(()=>[r(u(P),null,{trigger:s((()=>[r(u(E),w({style:{"border-radius":"50%"},width:36,height:36,"preview-disabled":"",src:e.patientInfo.avatar},e.patientInfo.avatarProps),null,16,["src"])])),default:s((()=>[r(u(E),w({width:200,"preview-disabled":"",src:e.patientInfo.avatarPreview||e.patientInfo.avatar},e.patientInfo.avatarPreviewProps),null,16,["src"])])),_:1})])),g("section",null,[g("header",R,[r(u(P),{disabled:!e.patientEditable,trigger:"manual",placement:"bottom",show:G.value},{trigger:s((()=>{var a;return[g("section",{class:p(["c-info-header__patientHeaderWrapper",{"in-edit":G.value}]),onDblclick:n[0]||(n[0]=a=>e.patientEditable&&(G.value=!0))},[e.patientInfo.name?(i(),o("div",$,[(i(),f(c(A(e.patientInfo.name))))])):v("v-if",!0),e.patientInfo.sex?(i(),o("div",S,[y(" / "),(i(),f(c(A(e.patientInfo.sex))))])):v("v-if",!0),null!=e.patientInfo.age?(i(),o("div",V,[y(" / "),(i(),f(c(A(e.patientInfo.age)))),(i(),f(c(A(null!=(a=e.patientInfo.ageUnit)?a:"岁"))))])):v("v-if",!0)],34)]})),default:s((()=>[r(u(F),{column:"6",size:"small","label-placement":"left",style:{width:"200px",margin:"4px 0 -8px 0"},"field-list":u(J),ref_key:"formRenderRef",ref:K},null,8,["field-list"]),r(u(U),{style:{margin:"8px -14px",width:"calc(100% + 28px)"}}),r(u(H),{justify:"end"},{default:s((()=>[r(u(z),{size:"small",onClick:n[1]||(n[1]=e=>G.value=!1)},{default:s((()=>{var e;return[y((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.28"))||"取消")]})),_:1}),r(u(z),{size:"small",type:"info",onClick:Q},{default:s((()=>{var e;return[y((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.428"))||"确认")]})),_:1})])),_:1})])),_:1},8,["disabled","show"]),d(a.$slots,"tags",{tagList:u(M)},(()=>[(i(!0),o(m,null,_(e.patientInfo.tagList||[],(e=>(i(),f(u(T),w({key:e.content,size:"medium",bordered:!1,color:q(e)},e),{default:s((()=>[e.render?(i(),f(c(e.render),{key:0})):(i(),f(u(j),{key:1,style:{"max-width":"96px"}},{default:s((()=>[y(x(e.content),1)])),_:2},1024))])),_:2},1040,["color"])))),128))]))]),d(a.$slots,"avatarInfo")])]))}});export{D as default};
+import { defineComponent, computed, ref, watch, nextTick, openBlock, createElementBlock, renderSlot, createVNode, unref, withCtx, mergeProps, createElementVNode, normalizeClass, createBlock, resolveDynamicComponent, createCommentVNode, createTextVNode, Fragment, renderList, toDisplayString, h } from 'vue';
+import { isArray, isString, isNumber, isFunction, isObject, pick } from 'lodash-es';
+import { NPopover, NImage, NDivider, NSpace, NButton, NTag, NEllipsis } from 'naive-ui';
+import FormRender from '../../../../form-render/index.js';
+
+const _hoisted_1 = {
+  class: "c-info-header__patient"
+};
+const _hoisted_2 = {
+  class: "c-info-header__patientHeader"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "c-info-header__patientHeader--name"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "c-info-header__patientHeader--sex"
+};
+const _hoisted_5 = {
+  key: 2,
+  class: "c-info-header__patientHeader--age"
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    patientInfo: {
+      default: () => ({})
+    },
+    patientEditable: {
+      type: Boolean
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const tagListExcludeEmpty = computed(() => {
+      if (!props.patientInfo || !isArray(props.patientInfo.tagList))
+        return [];
+      return props.patientInfo.tagList.filter((tag) => tag.render || isString(tag.content) && tag.content);
+    });
+    const colorMap = {
+      warning: "#fcc200",
+      info: "rgba(45, 122, 255, 0.1)"
+    };
+    const textColorMap = {
+      warning: "#fff",
+      info: "#2563F4"
+    };
+    function getTagColor({
+      type = "warning"
+    }) {
+      return {
+        color: colorMap[type],
+        textColor: textColorMap[type]
+      };
+    }
+    function createSlotRenderer(value) {
+      return () => isString(value) || isNumber(value) ? value : isFunction(value) ? value() : isObject(value) ? h(value) : null;
+    }
+    const show = ref(false);
+    const fieldList = computed(() => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
+      if (!props.patientEditable)
+        return [];
+      return [{
+        val_key: "name",
+        is_null: "0",
+        is_empty: "0",
+        alias: ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.116")) || "\u59D3\u540D",
+        html_type: "INPUT",
+        ...props.patientInfo.nameProps
+      }, {
+        val_key: "sex",
+        alias: ((_b = window.getLanguageByCode) == null ? void 0 : _b.call(window, "10010.1.122")) || "\u6027\u522B",
+        html_type: "SELECT",
+        is_null: "0",
+        option: [{
+          text: ((_c = window.getLanguageByCode) == null ? void 0 : _c.call(window, "10010.1.205")) || "\u672A\u77E5",
+          value: ((_d = window.getLanguageByCode) == null ? void 0 : _d.call(window, "10010.1.205")) || "\u672A\u77E5"
+        }, {
+          text: ((_e = window.getLanguageByCode) == null ? void 0 : _e.call(window, "10010.1.203")) || "\u7537",
+          value: ((_f = window.getLanguageByCode) == null ? void 0 : _f.call(window, "10010.1.203")) || "\u7537"
+        }, {
+          text: ((_g = window.getLanguageByCode) == null ? void 0 : _g.call(window, "10010.1.204")) || "\u5973",
+          value: ((_h = window.getLanguageByCode) == null ? void 0 : _h.call(window, "10010.1.204")) || "\u5973"
+        }],
+        ...props.patientInfo.sexProps
+      }, {
+        val_key: "age",
+        alias: "\u5E74\u9F84",
+        html_type: "INPUT_NUMBER",
+        is_null: "0",
+        is_empty: "0",
+        decoratorProps: {
+          style: {
+            flex: 2
+          }
+        },
+        ...props.patientInfo.ageProps,
+        suffixConfig: {
+          alias: "\u5E74\u9F84\u5355\u4F4D",
+          is_null: "0",
+          val_key: "ageUnit",
+          html_type: "SELECT",
+          decoratorProps: {
+            style: {
+              flex: 1
+            }
+          },
+          option: [{
+            value: ((_i = window.getLanguageByCode) == null ? void 0 : _i.call(window, "10010.1.144")) || "\u5929",
+            text: ((_j = window.getLanguageByCode) == null ? void 0 : _j.call(window, "10010.1.144")) || "\u5929"
+          }, {
+            value: ((_k = window.getLanguageByCode) == null ? void 0 : _k.call(window, "10010.1.347")) || "\u6708",
+            text: ((_l = window.getLanguageByCode) == null ? void 0 : _l.call(window, "10010.1.347")) || "\u6708"
+          }, {
+            value: "\u5C81",
+            text: "\u5C81"
+          }, {
+            value: ((_m = window.getLanguageByCode) == null ? void 0 : _m.call(window, "10010.1.350")) || "\u5C0F\u65F6",
+            text: ((_n = window.getLanguageByCode) == null ? void 0 : _n.call(window, "10010.1.350")) || "\u5C0F\u65F6"
+          }, {
+            value: "\u5206",
+            text: "\u5206"
+          }, {
+            value: ((_o = window.getLanguageByCode) == null ? void 0 : _o.call(window, "10010.1.346")) || "\u5468",
+            text: ((_p = window.getLanguageByCode) == null ? void 0 : _p.call(window, "10010.1.346")) || "\u5468"
+          }],
+          ...props.patientInfo.ageUnitProps
+        }
+      }];
+    });
+    const formRenderRef = ref();
+    watch(show, async (_show) => {
+      await nextTick();
+      if (!_show || !formRenderRef.value)
+        return;
+      formRenderRef.value.setFormValues(props.patientInfo || {});
+    });
+    async function confirm() {
+      if (!formRenderRef.value)
+        return;
+      await formRenderRef.value.validate();
+      Object.assign(props.patientInfo, pick(formRenderRef.value.getFormValues(), ["name", "sex", "age", "ageUnit"]));
+      show.value = false;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", _hoisted_1, [renderSlot(_ctx.$slots, "avatar", {}, () => [createVNode(unref(NPopover), null, {
+        trigger: withCtx(() => [createVNode(unref(NImage), mergeProps({
+          style: {
+            "border-radius": "50%"
+          },
+          width: 36,
+          height: 36,
+          "preview-disabled": "",
+          src: __props.patientInfo.avatar
+        }, __props.patientInfo.avatarProps), null, 16, ["src"])]),
+        default: withCtx(() => [createVNode(unref(NImage), mergeProps({
+          width: 200,
+          "preview-disabled": "",
+          src: __props.patientInfo.avatarPreview || __props.patientInfo.avatar
+        }, __props.patientInfo.avatarPreviewProps), null, 16, ["src"])]),
+        _: 1
+      })]), createElementVNode("section", null, [createElementVNode("header", _hoisted_2, [createVNode(unref(NPopover), {
+        disabled: !__props.patientEditable,
+        trigger: "manual",
+        placement: "bottom",
+        show: show.value
+      }, {
+        trigger: withCtx(() => {
+          var _a;
+          return [createElementVNode("section", {
+            class: normalizeClass(["c-info-header__patientHeaderWrapper", {
+              "in-edit": show.value
+            }]),
+            onDblclick: _cache[0] || (_cache[0] = ($event) => __props.patientEditable && (show.value = true))
+          }, [__props.patientInfo.name ? (openBlock(), createElementBlock("div", _hoisted_3, [(openBlock(), createBlock(resolveDynamicComponent(createSlotRenderer(__props.patientInfo.name))))])) : createCommentVNode("v-if", true), __props.patientInfo.sex ? (openBlock(), createElementBlock("div", _hoisted_4, [createTextVNode(" / "), (openBlock(), createBlock(resolveDynamicComponent(createSlotRenderer(__props.patientInfo.sex))))])) : createCommentVNode("v-if", true), __props.patientInfo.age != null ? (openBlock(), createElementBlock("div", _hoisted_5, [createTextVNode(" / "), (openBlock(), createBlock(resolveDynamicComponent(createSlotRenderer(__props.patientInfo.age)))), (openBlock(), createBlock(resolveDynamicComponent(createSlotRenderer((_a = __props.patientInfo.ageUnit) != null ? _a : "\u5C81"))))])) : createCommentVNode("v-if", true)], 34)];
+        }),
+        default: withCtx(() => [createVNode(unref(FormRender), {
+          column: "6",
+          size: "small",
+          "label-placement": "left",
+          style: {
+            "width": "200px",
+            "margin": "4px 0 -8px 0"
+          },
+          "field-list": unref(fieldList),
+          ref_key: "formRenderRef",
+          ref: formRenderRef
+        }, null, 8, ["field-list"]), createVNode(unref(NDivider), {
+          style: {
+            "margin": "8px -14px",
+            "width": "calc(100% + 28px)"
+          }
+        }), createVNode(unref(NSpace), {
+          justify: "end"
+        }, {
+          default: withCtx(() => [createVNode(unref(NButton), {
+            size: "small",
+            onClick: _cache[1] || (_cache[1] = ($event) => show.value = false)
+          }, {
+            default: withCtx(() => {
+              var _a;
+              return [createTextVNode(((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.28")) || "\u53D6\u6D88")];
+            }),
+            _: 1
+          }), createVNode(unref(NButton), {
+            size: "small",
+            type: "info",
+            onClick: confirm
+          }, {
+            default: withCtx(() => {
+              var _a;
+              return [createTextVNode(((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.428")) || "\u786E\u8BA4")];
+            }),
+            _: 1
+          })]),
+          _: 1
+        })]),
+        _: 1
+      }, 8, ["disabled", "show"]), renderSlot(_ctx.$slots, "tags", {
+        tagList: unref(tagListExcludeEmpty)
+      }, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.patientInfo.tagList || [], (tag) => {
+        return openBlock(), createBlock(unref(NTag), mergeProps({
+          key: tag.content,
+          size: "medium",
+          bordered: false,
+          color: getTagColor(tag)
+        }, tag), {
+          default: withCtx(() => [tag.render ? (openBlock(), createBlock(resolveDynamicComponent(tag.render), {
+            key: 0
+          })) : (openBlock(), createBlock(unref(NEllipsis), {
+            key: 1,
+            style: {
+              "max-width": "96px"
+            }
+          }, {
+            default: withCtx(() => [createTextVNode(toDisplayString(tag.content), 1)]),
+            _: 2
+          }, 1024))]),
+          _: 2
+        }, 1040, ["color"]);
+      }), 128))])]), renderSlot(_ctx.$slots, "avatarInfo")])]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/info-header/src/constants/index.js

@@ -1 +1,4 @@
-const o=Symbol("InjectionInfoHeaderFormRef"),e=Symbol("InjectionInfoHeaderEmit");export{e as InjectionInfoHeaderEmit,o as InjectionInfoHeaderFormRef};
+const InjectionInfoHeaderFormRef = Symbol("InjectionInfoHeaderFormRef");
+const InjectionInfoHeaderEmit = Symbol("InjectionInfoHeaderEmit");
+
+export { InjectionInfoHeaderEmit, InjectionInfoHeaderFormRef };

package/es/components/info-header/src/hooks/useThemeOverrides.js

@@ -1 +1,52 @@
-function d(){const d={border:"0",borderHover:"0",borderFocus:"0",boxShadowFocus:"0",borderError:"0",borderHoverError:"0",borderFocusError:"0",boxShadowFocusError:"0",boxShadowFocusWarning:"0",borderActive:"0",boxShadowActive:"0",boxShadowActiveError:"0",boxShadowActiveWarning:"0",paddingMedium:"0",paddingLarge:"0",paddingSmall:"0",paddingTiny:"0",paddingMultiple:"0",paddingSingle:"0"};return{themeOverrides:{common:{fontSizeTiny:"14px"},Input:{...d},InternalSelection:{...d},Form:{blankHeightSmall:"16px",blankHeightLarge:"16px",blankHeightMedium:"16px"},Descriptions:{tdPaddingSmall:"0",tdPaddingLarge:"0",tdPaddingMedium:"0",tdPaddingBorderedMedium:"0",tdPaddingBorderedLarge:"0",tdPaddingBorderedSmall:"0"}}}}export{d as useThemeOverrides};
+function useThemeOverrides() {
+  const clearBorder = {
+    border: "0",
+    borderHover: "0",
+    borderFocus: "0",
+    boxShadowFocus: "0",
+    borderError: "0",
+    borderHoverError: "0",
+    borderFocusError: "0",
+    boxShadowFocusError: "0",
+    boxShadowFocusWarning: "0",
+    borderActive: "0",
+    boxShadowActive: "0",
+    boxShadowActiveError: "0",
+    boxShadowActiveWarning: "0",
+    paddingMedium: "0",
+    paddingLarge: "0",
+    paddingSmall: "0",
+    paddingTiny: "0",
+    paddingMultiple: "0",
+    paddingSingle: "0"
+  };
+  const themeOverrides = {
+    common: {
+      fontSizeTiny: "14px"
+    },
+    Input: {
+      ...clearBorder
+    },
+    InternalSelection: {
+      ...clearBorder
+    },
+    Form: {
+      blankHeightSmall: "16px",
+      blankHeightLarge: "16px",
+      blankHeightMedium: "16px"
+    },
+    Descriptions: {
+      tdPaddingSmall: "0",
+      tdPaddingLarge: "0",
+      tdPaddingMedium: "0",
+      tdPaddingBorderedMedium: "0",
+      tdPaddingBorderedLarge: "0",
+      tdPaddingBorderedSmall: "0"
+    }
+  };
+  return {
+    themeOverrides
+  };
+}
+
+export { useThemeOverrides };

package/es/components/keyboard/index.js

@@ -1 +1,10 @@
-import{COMPONENT_NAMESPACE as r}from"../../shared/global/variable.js";import{safeComponentRegister as o}from"../../shared/utils/index.js";import a from"./src/Keyboard.vue.js";const s=a;s.install=function(a){o(a,s,r+"Keyboard")};export{s as default};
+import { COMPONENT_NAMESPACE } from '../../shared/global/variable.js';
+import { safeComponentRegister } from '../../shared/utils/index.js';
+import script from './src/Keyboard.vue.js';
+
+const Keyboard = script;
+Keyboard.install = function(app) {
+  safeComponentRegister(app, Keyboard, COMPONENT_NAMESPACE + "Keyboard");
+};
+
+export { Keyboard as default };

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

@@ -1 +1,6 @@
-import e from"./Keyboard.vue2.js";import r from"../../../_virtual/_plugin-vue_export-helper.js";var o=r(e,[["__file","Keyboard.vue"]]);export{o as default};
+import _sfc_main from './Keyboard.vue2.js';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.js';
+
+var script = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "Keyboard.vue"]]);
+
+export { script as default };

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

@@ -1 +1,203 @@
-import{createElementVNode as e,defineComponent as l,ref as o,provide as t,computed as a,unref as n,openBlock as u,createBlock as i,normalizeStyle as s,withCtx as r,createVNode as d,mergeProps as c,createElementBlock as p,normalizeClass as f,Fragment as m,renderList as v,createCommentVNode as y,createTextVNode as g,toDisplayString as h}from"vue";import{NPopover as k,NInputNumber as w,NSpace as V,NIcon as b}from"naive-ui";import{Close as x,GitCompareOutline as C,ArrowUndoSharp as S}from"@vicons/ionicons5";import j from"./components/NumberPanel.vue.js";import{useDraggable as O}from"@vueuse/core";import{useTheme as _}from"../../../shared/hooks/useTheme.js";import"date-fns";import"lodash-es";import"@vue/shared";import"../../../shared/utils/index.js";import"@vueuse/shared";import"../../../shared/hooks/selectHooks/useSearchContent.js";import"../../../shared/hooks/useScrollLoading.js";import{defaultCssVars as I}from"./constants/index.js";var B;const D=e("span",null,(null==(B=window.getLanguageByCode)?void 0:B.call(window,"10010.1.142"))||"键盘",-1),N={class:"keys"},K=["onClick"];var L=l({__name:"Keyboard",props:{mode:{type:String,default:"english"},drag:{type:Boolean,default:!1},positionInitialValue:{type:Object,default:()=>({x:0,y:0})},defaultValue:{type:Number},value:{type:Number},panel:{type:Boolean,default:!0},moveOffset:{type:Object,default:()=>({x:0,y:0})}},emits:["change","keydown"],setup(l,{expose:B,emit:L}){const R=l,U="QWERTYUIOPASDFGHJKLZXCVBNM.",E=["Switch"," ","Undo","Enter"],F=U.split("").concat(E),H=U.split(".")[0].split("").sort().concat(["."],E),J=_(I,"Keyboard");let M=o(Date.now());t("toSelectInputContent",M);const P=a((()=>"english"===R.mode)),Q=a((()=>({mode:R.mode,defaultValue:R.defaultValue,value:R.value,positionInitialValue:R.positionInitialValue,moveOffset:R.moveOffset,drag:R.drag,onChange:q}))),T=a((()=>`${JSON.stringify(J.value).replace(/\{|\}|\"/g,"").replace(/,/g,";")};${(null==Y?void 0:Y.value)||""}`)),$=o(F.slice()),A=o(),G=o(),W=o(),X=o(),Y=function(){R.defaultValue&&(X.value=R.defaultValue);if(P.value&&R.drag){const{x:e,y:l,style:o}=O(G,{initialValue:R.positionInitialValue,preventDefault:!0,handle:W,onMove:(e,l)=>{var o,t,a,n;e.x+=null!=(t=null==(o=R.moveOffset)?void 0:o.x)?t:0,e.y+=null!=(n=null==(a=R.moveOffset)?void 0:a.y)?n:0}});return o}}();function Z(e){"Switch"!==e?L("keydown",e):$.value="Q"===$.value[0]?H.slice():F.slice()}function q(e){var l;null==(l=A.value)||l.setShow(!1),X.value=e,L("change",e)}return B({select:function(){M.value=Date.now()}}),(o,t)=>n(P)||l.panel?!n(P)&&l.panel?(u(),i(j,c({key:1},n(Q),{style:n(J)}),null,16,["style"])):(u(),p("div",{key:2,class:f(["c-keyboard-english",{isFixed:l.drag}]),ref_key:"englishKeyboardRef",ref:G,style:s(n(T))},[d(n(V),{"wrap-item":!1,align:"center",justify:"space-between",ref_key:"keyboardDragRef",ref:W,style:s({cursor:l.drag?"move":"default"})},{default:r((()=>[D,d(n(b),{onClick:t[1]||(t[1]=e=>Z("close")),component:n(x)},null,8,["component"])])),_:1},8,["style"]),e("div",N,[(u(!0),p(m,null,v($.value,((e,l)=>{var o;return u(),p("span",{key:e,class:f(["key"+l]),onClick:l=>Z(e)},["Switch"===e?(u(),i(n(b),{key:0,component:n(C)},null,8,["component"])):y("v-if",!0),"Undo"===e?(u(),i(n(b),{key:1,component:n(S)},null,8,["component"])):y("v-if",!0),g(" "+h(E.includes(e)&&"Enter"!==e?""===e?(null==(o=window.getLanguageByCode)?void 0:o.call(window,"10010.1.143"))||"空格":"":e),1)],10,K)})),128))])],6)):(u(),i(n(k),{key:0,ref_key:"popoverRef",ref:A,trigger:"click","show-arrow":!1,placement:"bottom-start",style:s([{padding:"0"},n(J)]),"display-directive":"show"},{trigger:r((()=>[d(n(w),{value:X.value,"onUpdate:value":t[0]||(t[0]=e=>X.value=e),"show-button":!1},null,8,["value"])])),default:r((()=>[d(j,{mode:l.mode,defaultValue:l.defaultValue,onChange:q},null,8,["mode","defaultValue"])])),_:1},8,["style"]))}});export{L as default};
+import { createElementVNode, defineComponent, ref, provide, computed, unref, openBlock, createBlock, normalizeStyle, withCtx, createVNode, mergeProps, createElementBlock, normalizeClass, 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 { useTheme } from '../../../shared/hooks/useTheme.js';
+import 'date-fns';
+import 'lodash-es';
+import '@vue/shared';
+import '../../../shared/utils/index.js';
+import '@vueuse/shared';
+import '../../../shared/hooks/selectHooks/useSearchContent.js';
+import '../../../shared/hooks/useScrollLoading.js';
+import { defaultCssVars } from './constants/index.js';
+
+var _a;
+const _hoisted_1 = /* @__PURE__ */ createElementVNode("span", null, ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.142")) || "\u952E\u76D8", -1);
+const _hoisted_2 = {
+  class: "keys"
+};
+const _hoisted_3 = ["onClick"];
+var _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
+    },
+    value: {
+      type: Number
+    },
+    panel: {
+      type: Boolean,
+      default: true
+    },
+    moveOffset: {
+      type: Object,
+      default: () => ({
+        x: 0,
+        y: 0
+      })
+    }
+  },
+  emits: [
+    "change",
+    "keydown"
+  ],
+  setup(__props, {
+    expose,
+    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 cssVars = useTheme(defaultCssVars, "Keyboard");
+    let toSelectInputContent = ref(Date.now());
+    provide("toSelectInputContent", toSelectInputContent);
+    const isDefault = computed(() => props.mode === "english");
+    const moveNumberPaneOptions = computed(() => {
+      return {
+        mode: props.mode,
+        defaultValue: props.defaultValue,
+        value: props.value,
+        positionInitialValue: props.positionInitialValue,
+        moveOffset: props.moveOffset,
+        drag: props.drag,
+        onChange
+      };
+    });
+    const style = computed(() => `${JSON.stringify(cssVars.value).replace(/\{|\}|\"/g, "").replace(/,/g, ";")};${(_style == null ? void 0 : _style.value) || ""}`);
+    const englishKeys = ref(ENGLISHKEYS.slice());
+    const popoverRef = ref();
+    const englishKeyboardRef = ref();
+    const keyboardDragRef = ref();
+    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 _a2, _b, _c, _d;
+            position.x += (_b = (_a2 = props.moveOffset) == null ? void 0 : _a2.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 _a2;
+      (_a2 = popoverRef.value) == null ? void 0 : _a2.setShow(false);
+      currentValue.value = value;
+      emit("change", value);
+    }
+    function select() {
+      toSelectInputContent.value = Date.now();
+    }
+    expose({
+      select
+    });
+    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: normalizeStyle([{
+          "padding": "0"
+        }, unref(cssVars)]),
+        "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
+        }, null, 8, ["mode", "defaultValue"])]),
+        _: 1
+      }, 8, ["style"])) : !unref(isDefault) && __props.panel ? (openBlock(), createBlock(NumberPanel, mergeProps({
+        key: 1
+      }, unref(moveNumberPaneOptions), {
+        style: unref(cssVars)
+      }), null, 16, ["style"])) : (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) => {
+        var _a2;
+        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 === "" ? ((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.143")) || "\u7A7A\u683C" : ""), 1)], 10, _hoisted_3);
+      }), 128))])], 6));
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -1 +1,6 @@
-import e from"./InputNumber.vue2.js";import r from"../../../../_virtual/_plugin-vue_export-helper.js";var u=r(e,[["__file","InputNumber.vue"]]);export{u as default};
+import _sfc_main from './InputNumber.vue2.js';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.js';
+
+var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "InputNumber.vue"]]);
+
+export { InputNumber as default };

package/es/components/keyboard/src/components/InputNumber.vue2.js

@@ -1 +1,88 @@
-import{defineComponent as e,ref as t,inject as u,watch as l,openBlock as n,createBlock as o,unref as a,withCtx as s,createVNode as i}from"vue";import{NInput as r,NSpace as c,NIcon as p}from"naive-ui";import{CaretUp as d,CaretDown as m}from"@vicons/ionicons5";import{getNumber as f}from"../utils/index.js";var v=e({__name:"InputNumber",props:{modelValue:{type:String,default:""},integer:{type:Boolean,default:!1},status:{type:String,default:"success"}},emits:["update:modelValue","update:status"],setup(e,{expose:v,emit:g}){const y=e,V=t(null),_=u("toSelectInputContent");function x(e){const t="string"==typeof e?e:e.join("");g("update:modelValue",t),g("update:status",t?"success":"error")}function S(e){return y.integer?/(^[1-9]\d*$)/.test(e)||!e:/^\d*\.?\d*$/.test(e)||!e}function b(e){const t=f(y.modelValue);let u="+"===e?t+1:t-1;(u<=0||isNaN(u))&&(u=1),g("update:modelValue",u.toString()),g("update:status","success")}return l((()=>_.value),(e=>{var t,u;!y.integer&&(null==(u=null==(t=V.value)?void 0:t.select)||u.call(t))})),v({$childrenRefs:V}),(t,u)=>(n(),o(a(r),{ref_key:"inputRef",ref:V,value:e.modelValue,"onUpdate:value":x,"allow-input":S,placeholder:"",status:e.status,clearable:!e.integer},{suffix:s((()=>[i(a(c),{justify:"center",vertical:""},{default:s((()=>[i(a(p),{size:"13",component:a(d),onClick:u[0]||(u[0]=e=>b("+"))},null,8,["component"]),i(a(p),{size:"13",component:a(m),onClick:u[1]||(u[1]=e=>b("-"))},null,8,["component"])])),_:1})])),_:1},8,["value","status","clearable"]))}});export{v as default};
+import { defineComponent, ref, inject, watch, openBlock, createBlock, unref, withCtx, createVNode } from 'vue';
+import { NInput, NSpace, NIcon } from 'naive-ui';
+import { CaretUp, CaretDown } from '@vicons/ionicons5';
+import { getNumber } from '../utils/index.js';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "InputNumber",
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    integer: {
+      type: Boolean,
+      default: false
+    },
+    status: {
+      type: String,
+      default: "success"
+    }
+  },
+  emits: ["update:modelValue", "update:status"],
+  setup(__props, {
+    expose,
+    emit
+  }) {
+    const props = __props;
+    const inputRef = ref(null);
+    const toSelectInputContent = inject("toSelectInputContent");
+    function update(value) {
+      const val = typeof value === "string" ? value : value.join("");
+      emit("update:modelValue", val);
+      emit("update:status", !val ? "error" : "success");
+    }
+    function validator(value) {
+      if (props.integer) {
+        return /(^[1-9]\d*$)/.test(value) || !value;
+      }
+      return /^\d*\.?\d*$/.test(value) || !value;
+    }
+    function calculate(type) {
+      const value = getNumber(props.modelValue);
+      let newValue = type === "+" ? value + 1 : value - 1;
+      if (newValue <= 0 || isNaN(newValue))
+        newValue = 1;
+      emit("update:modelValue", newValue.toString());
+      emit("update:status", "success");
+    }
+    watch(() => toSelectInputContent.value, (value) => {
+      var _a, _b;
+      !props.integer && ((_b = (_a = inputRef.value) == null ? void 0 : _a.select) == null ? void 0 : _b.call(_a));
+    });
+    expose({
+      $childrenRefs: inputRef
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NInput), {
+        ref_key: "inputRef",
+        ref: inputRef,
+        value: __props.modelValue,
+        "onUpdate:value": update,
+        "allow-input": validator,
+        placeholder: "",
+        status: __props.status,
+        clearable: !__props.integer
+      }, {
+        suffix: withCtx(() => [createVNode(unref(NSpace), {
+          justify: "center",
+          vertical: ""
+        }, {
+          default: withCtx(() => [createVNode(unref(NIcon), {
+            size: "13",
+            component: unref(CaretUp),
+            onClick: _cache[0] || (_cache[0] = ($event) => calculate("+"))
+          }, null, 8, ["component"]), createVNode(unref(NIcon), {
+            size: "13",
+            component: unref(CaretDown),
+            onClick: _cache[1] || (_cache[1] = ($event) => calculate("-"))
+          }, null, 8, ["component"])]),
+          _: 1
+        })]),
+        _: 1
+      }, 8, ["value", "status", "clearable"]);
+    };
+  }
+});
+
+export { _sfc_main as default };