cnhis-design-vue 3.1.41 → 3.1.42-beta.0

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

@@ -1 +1 @@
-import{defineComponent as e,computed as t,openBlock as a,createElementBlock as n,renderSlot as i,createVNode as r,unref as o,withCtx as s,mergeProps as f,createElementVNode as l,toDisplayString as p,createCommentVNode as d,Fragment as c,renderList as u,createBlock as v,resolveDynamicComponent as _,createTextVNode as I}from"vue";import{isArray as g,isString as m}from"lodash-es";import{NPopover as h,NImage as w,NTag as x,NEllipsis as y}from"naive-ui";import k from"../../../../../_virtual/plugin-vue_export-helper.js";const b={class:"c-info-header__patient"},H={class:"c-info-header__patientHeader"},L={key:0,class:"c-info-header__patientHeader--name"},P={key:1,class:"c-info-header__patientHeader--sex"},$={key:2,class:"c-info-header__patientHeader--age"};var j=k(e({__name:"index",props:{patientInfo:{default:()=>({})}},setup(e){const k=e,j=t((()=>k.patientInfo&&g(k.patientInfo.tagList)?k.patientInfo.tagList.filter((e=>e.render||m(e.content)&&e.content)):[]));function z({type:e="warning"}){return{color:{warning:"#fcc200",info:"rgba(45, 122, 255, 0.1)"}[e],textColor:{warning:"#fff",info:"#2563F4"}[e]}}return(t,g)=>(a(),n("section",b,[i(t.$slots,"avatarModule",{},(()=>[i(t.$slots,"avatar",{},(()=>[r(o(h),null,{trigger:s((()=>[r(o(w),f({style:{"border-radius":"50%"},width:40,height:40,"preview-disabled":"",src:e.patientInfo.avatar},e.patientInfo.avatarProps),null,16,["src"])])),default:s((()=>[r(o(w),f({width:200,"preview-disabled":"",src:e.patientInfo.avatarPreview||e.patientInfo.avatar},e.patientInfo.avatarPreviewProps),null,16,["src"])])),_:1})])),l("section",null,[l("header",H,[e.patientInfo.name?(a(),n("div",L,p(e.patientInfo.name),1)):d("v-if",!0),e.patientInfo.sex?(a(),n("div",P,"/ "+p(e.patientInfo.sex),1)):d("v-if",!0),null!=e.patientInfo.age?(a(),n("div",$," / "+p(e.patientInfo.age)+p(e.patientInfo.ageUnit||"岁"),1)):d("v-if",!0),i(t.$slots,"tags",{tagList:o(j)},(()=>[(a(!0),n(c,null,u(e.patientInfo.tagList||[],(e=>(a(),v(o(x),f({key:e.content,size:"medium",bordered:!1,color:z(e)},e),{default:s((()=>[e.render?(a(),v(_(e.render),{key:0})):(a(),v(o(y),{key:1,style:{"max-width":"96px"}},{default:s((()=>[I(p(e.content),1)])),_:2},1024))])),_:2},1040,["color"])))),128))]))]),i(t.$slots,"avatarInfo")])]))]))}}),[["__file","index.vue"]]);export{j as default};
+import{defineComponent as e,computed as t,ref as a,watch as n,nextTick as i,openBlock as l,createElementBlock as o,renderSlot as r,createVNode as s,unref as p,withCtx as f,mergeProps as d,createElementVNode as u,normalizeClass as c,toDisplayString as v,createCommentVNode as _,createTextVNode as m,Fragment as g,renderList as x,createBlock as y,resolveDynamicComponent as I}from"vue";import{isArray as h,isString as w,pick as b}from"lodash-es";import{NPopover as k,NImage as P,NDivider as E,NSpace as U,NButton as C,NTag as L,NEllipsis as H}from"naive-ui";import j from"../../../../form-render/index.js";import z from"../../../../../_virtual/plugin-vue_export-helper.js";const T={class:"c-info-header__patient"},F={class:"c-info-header__patientHeader"},N={key:0,class:"c-info-header__patientHeader--name"},R={key:1,class:"c-info-header__patientHeader--sex"},$={key:2,class:"c-info-header__patientHeader--age"};var B=z(e({__name:"index",props:{patientInfo:{default:()=>({})},patientEditable:{type:Boolean}},setup(e){const z=e,B=t((()=>z.patientInfo&&h(z.patientInfo.tagList)?z.patientInfo.tagList.filter((e=>e.render||w(e.content)&&e.content)):[])),S={warning:"#fcc200",info:"rgba(45, 122, 255, 0.1)"},V={warning:"#fff",info:"#2563F4"};function D({type:e="warning"}){return{color:S[e],textColor:V[e]}}const M=a(!1),O=t((()=>z.patientEditable?[{val_key:"name",is_null:"0",is_empty:"0",alias:"姓名",html_type:"INPUT",...z.patientInfo.nameProps},{val_key:"sex",alias:"性别",html_type:"SELECT",is_null:"0",option:[{text:"未知",value:"未知"},{text:"男",value:"男"},{text:"女",value:"女"}],...z.patientInfo.sexProps},{val_key:"age",alias:"年龄",html_type:"INPUT_NUMBER",is_null:"0",is_empty:"0",decoratorProps:{style:{flex:2}},...z.patientInfo.ageProps,suffixConfig:{alias:"年龄单位",is_null:"0",val_key:"ageUnit",html_type:"SELECT",decoratorProps:{style:{flex:1}},option:[{value:"天",text:"天"},{value:"月",text:"月"},{value:"岁",text:"岁"},{value:"小时",text:"小时"},{value:"分",text:"分"},{value:"周",text:"周"}],...z.patientInfo.ageUnitProps}}]:[])),W=a();async function q(){W.value&&(await W.value.validate(),Object.assign(z.patientInfo,b(W.value.getFormValues(),["name","sex","age","ageUnit"])),M.value=!1)}return n(M,(async e=>{await i(),e&&W.value&&W.value.setFormValues(z.patientInfo||{})})),(t,a)=>(l(),o("section",T,[r(t.$slots,"avatar",{},(()=>[s(p(k),null,{trigger:f((()=>[s(p(P),d({style:{"border-radius":"50%"},width:40,height:40,"preview-disabled":"",src:e.patientInfo.avatar},e.patientInfo.avatarProps),null,16,["src"])])),default:f((()=>[s(p(P),d({width:200,"preview-disabled":"",src:e.patientInfo.avatarPreview||e.patientInfo.avatar},e.patientInfo.avatarPreviewProps),null,16,["src"])])),_:1})])),u("section",null,[u("header",F,[s(p(k),{disabled:!e.patientEditable,trigger:"manual",placement:"bottom",show:M.value},{trigger:f((()=>[u("section",{class:c(["c-info-header__patientHeaderWrapper",{"in-edit":M.value}]),onDblclick:a[0]||(a[0]=t=>e.patientEditable&&(M.value=!0))},[e.patientInfo.name?(l(),o("div",N,v(e.patientInfo.name),1)):_("v-if",!0),e.patientInfo.sex?(l(),o("div",R,"/ "+v(e.patientInfo.sex),1)):_("v-if",!0),null!=e.patientInfo.age?(l(),o("div",$," / "+v(e.patientInfo.age)+v(e.patientInfo.ageUnit||"岁"),1)):_("v-if",!0)],34)])),default:f((()=>[s(p(j),{column:"6",size:"small","label-placement":"left",style:{width:"200px",margin:"4px 0 -8px 0"},"field-list":p(O),ref_key:"formRenderRef",ref:W},null,8,["field-list"]),s(p(E),{style:{margin:"8px -14px",width:"calc(100% + 28px)"}}),s(p(U),{justify:"end"},{default:f((()=>[s(p(C),{size:"small",onClick:a[1]||(a[1]=e=>M.value=!1)},{default:f((()=>[m("取消")])),_:1}),s(p(C),{size:"small",type:"info",onClick:q},{default:f((()=>[m("确认")])),_:1})])),_:1})])),_:1},8,["disabled","show"]),r(t.$slots,"tags",{tagList:p(B)},(()=>[(l(!0),o(g,null,x(e.patientInfo.tagList||[],(e=>(l(),y(p(L),d({key:e.content,size:"medium",bordered:!1,color:D(e)},e),{default:f((()=>[e.render?(l(),y(I(e.render),{key:0})):(l(),y(p(H),{key:1,style:{"max-width":"96px"}},{default:f((()=>[m(v(e.content),1)])),_:2},1024))])),_:2},1040,["color"])))),128))]))]),r(t.$slots,"avatarInfo")])]))}}),[["__file","index.vue"]]);export{B as default};

package/es/components/info-header/src/constants/index.d.ts

@@ -0,0 +1,4 @@
+import { InjectionKey, Ref } from 'vue';
+import { FormRenderExpose } from '../../../../../es/components/form-render';
+export declare const InjectionInfoHeaderFormRef: InjectionKey<Ref<undefined | FormRenderExpose>>;
+export declare const InjectionInfoHeaderEmit: InjectionKey<(eventName: string, ...payload: any[]) => void>;

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

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

package/es/components/info-header/src/hooks/useThemeOverrides.d.ts

@@ -0,0 +1,4 @@
+import { GlobalThemeOverrides } from 'naive-ui';
+export declare function useThemeOverrides(): {
+    themeOverrides: GlobalThemeOverrides;
+};

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

@@ -0,0 +1 @@
+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};

package/es/components/info-header/src/types/index.d.ts

@@ -1,9 +1,15 @@
-import { FieldItem } from '../../../../../es/components/form-render';
+import { Component, CSSProperties } from 'vue';
+import { FieldItem, FormRenderExpose } from '../../../../../es/components/form-render';
 export declare namespace InfoHeaderTypes {
     type InfoItem = Partial<{
-        slot: string | (() => any);
+        slot: string | ((payload: {
+            width: unknown;
+            item: InfoItem;
+        }) => any) | Component;
         tip: string;
-        formField: FieldItem;
+        contentStyle: CSSProperties;
+        formField: Partial<FieldItem>;
+        edit: boolean;
         [K: string]: any;
     }>;
     type PatientTag = Partial<{
@@ -21,9 +27,17 @@ export declare namespace InfoHeaderTypes {
         avatarProps: string;
         avatarPreviewProps: string;
         name: string;
+        nameProps: Partial<FieldItem>;
         sex: string;
+        sexProps: Partial<FieldItem>;
         age: string;
+        ageProps: Partial<FieldItem>;
         ageUnit: string;
+        ageUnitProps: Partial<FieldItem>;
         tagList: PatientTag[];
     }>;
 }
+export declare type InfoHeaderExpose = {
+    update(): void;
+    $formRender: FormRenderExpose | undefined;
+};

package/es/components/info-header/style/index.css

@@ -1 +1 @@
-.c-info-header{align-items:center;background:#fff;box-shadow:0 2px 4px 0 hsla(0,0%,69%,.46);display:flex;gap:18px;justify-content:space-between;padding:8px 16px}@font-face{font-family:iconfont;src:url(iconfont.ttf) format("truetype")}.c-info-header .iconfont{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:iconfont!important;font-size:16px;font-style:normal}.c-info-header .info-header--icon-a-menzhenyishengzhanxitongtubiaojiantouxia:before{content:"\c1003"}.c-info-header .info-header--icon-a-menzhenyishengzhanxitongtubiaojiantoushang:before{content:"\c1004"}.c-info-header .info-header--icon-a-menzhenyishengzhanxitongtubiaoshezhi:before{content:"\c1005"}.c-info-header .info-header--icon-a-menzhenyishengzhanxitongtubiaobianji:before{content:"\c1006"}.c-info-header .info-header--icon-guanbi-yanjing:before{content:"\c1001"}.c-info-header .info-header--icon-faxian-yanjing:before{content:"\c1002"}.c-info-header__divider{align-self:stretch;background:#d5d5d566;width:1px}.c-info-header__patient{align-items:center;display:flex;flex-wrap:nowrap;gap:12px;margin-right:34px}.c-info-header__patientHeader{align-items:center;display:flex;gap:6px}.c-info-header__patientHeader--name{font-size:20px;font-weight:700;margin-right:6px}.c-info-header__patientHeader .n-tag{border-radius:2px;height:20px}.c-info-header__patientHeader .n-tag .n-tag__content{font-size:12px}.c-info-header__info{display:flex;flex:1;flex-wrap:wrap;font-size:14px;justify-content:flex-start;width:100%}.c-info-header__infoWrapper{box-sizing:border-box;height:calc((var(--row-height)*var(--row-num) + 16)*1px);margin:-8px 0;max-height:calc((var(--row-height)*var(--row-num) + 16)*1px)}.c-info-header__info td{text-align:left}.c-info-header__info .n-descriptions-table-content{height:calc(var(--row-height)*1px);max-width:calc(var(--column-width)*1px);padding-bottom:0!important;vertical-align:middle!important}.c-info-header__info .n-descriptions-table-content__label{display:inline-block}.c-info-header__setting{align-self:flex-start;display:flex;gap:8px}.c-info-header__settingIcon{align-items:center;cursor:pointer;display:inline-flex}.c-info-header__setting .iconfont{color:#000;display:inline-block;font-size:20px;transition:all .2s ease-in-out}.c-info-header.is-compact [compact-hidden]{display:none!important}.c-info-header.is-compact .info-header--icon-a-menzhenyishengzhanxitongtubiaojiantouxia{transform:rotate(0deg)}.c-info-header .info-header--icon-a-menzhenyishengzhanxitongtubiaojiantouxia{transform:rotate(180deg)}.c-info-header__hidden{align-items:center;display:inline-flex;font-size:14px;gap:8px;vertical-align:middle}.c-info-header__hidden--icon{color:inherit!important;cursor:pointer;font-size:14px;text-decoration:none!important}
+.c-info-header{align-items:center;background:#fff;box-shadow:0 2px 4px 0 hsla(0,0%,69%,.46);display:flex;gap:18px;height:calc((var(--row-height)*var(--row-num) + var(--padding-tb)*2)*1px);justify-content:space-between;padding:calc(var(--padding-tb)*1px) 16px}@font-face{font-family:iconfont;src:url(iconfont.ttf) format("truetype")}.c-info-header .iconfont{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:iconfont!important;font-size:16px;font-style:normal}.c-info-header .info-header--icon-a-menzhenyishengzhanxitongtubiaojiantouxia:before{content:"\c1003"}.c-info-header .info-header--icon-a-menzhenyishengzhanxitongtubiaojiantoushang:before{content:"\c1004"}.c-info-header .info-header--icon-a-menzhenyishengzhanxitongtubiaoshezhi:before{content:"\c1005"}.c-info-header .info-header--icon-a-menzhenyishengzhanxitongtubiaobianji:before{content:"\c1006"}.c-info-header .info-header--icon-guanbi-yanjing:before{content:"\c1001"}.c-info-header .info-header--icon-faxian-yanjing:before{content:"\c1002"}.c-info-header__divider{align-self:stretch;background:#d5d5d566;width:1px}.c-info-header__patient{align-items:center;display:flex;flex-wrap:nowrap;gap:12px;margin-right:34px}.c-info-header__patientHeader,.c-info-header__patientHeaderWrapper{align-items:center;display:flex;gap:6px}.c-info-header__patientHeaderWrapper{border-bottom:1px solid transparent}.c-info-header__patientHeaderWrapper.in-edit{border-bottom:1px solid rgba(0,0,0,.6)}.c-info-header__patientHeader--name{font-size:20px;font-weight:700;margin-right:6px}.c-info-header__patientHeader .n-tag{border-radius:2px;height:20px}.c-info-header__patientHeader .n-tag .n-tag__content{font-size:12px}.c-info-header__info{display:flex;flex:1;flex-wrap:wrap;font-size:14px;justify-content:flex-start;width:100%}.c-info-header__infoWrapper{box-sizing:border-box;height:calc((var(--row-height)*var(--row-num))*1px);max-height:calc((var(--row-height)*var(--row-num))*1px)}.c-info-header__info td{text-align:left}.c-info-header__info .n-descriptions-table-content{height:calc(var(--row-height)*1px);max-width:calc(var(--column-width)*1px);overflow-y:hidden;padding:0!important;vertical-align:middle!important}.c-info-header__info .n-descriptions-table-content__label{color:rgba(0,0,0,.6);display:inline-block}.c-info-header__setting{align-self:flex-start;display:flex;gap:8px}.c-info-header__settingIcon{align-items:center;cursor:pointer;display:inline-flex}.c-info-header__setting .iconfont{color:#000;display:inline-block;font-size:20px;transition:all .2s ease-in-out}.c-info-header.is-compact [compact-hidden]{display:none!important}.c-info-header.is-compact .info-header--icon-a-menzhenyishengzhanxitongtubiaojiantouxia{transform:rotate(0deg)}.c-info-header .info-header--icon-a-menzhenyishengzhanxitongtubiaojiantouxia{transform:rotate(180deg)}.c-info-header__hidden{align-items:center;display:inline-flex;font-size:14px;gap:8px;vertical-align:middle}.c-info-header__hidden--icon{color:inherit!important;cursor:pointer;font-size:14px;text-decoration:none!important}.c-info-header .n-form-item-blank>.n-input .n-input-wrapper{border-bottom:1px solid var(--n-text-color)}.c-info-header .n-base-selection,.c-info-header .n-base-selection-label,.c-info-header .n-date-picker,.c-info-header .n-input,.c-info-header .n-input-wrapper{max-height:18px;min-height:18px;vertical-align:top}.c-info-header .n-base-selection input,.c-info-header .n-base-selection-label input,.c-info-header .n-date-picker input,.c-info-header .n-input input,.c-info-header .n-input-wrapper input{max-height:18px;min-height:18px}.c-info-header .n-select{line-height:1}

package/es/components/keyboard/index.d.ts

@@ -37,6 +37,7 @@ declare const Keyboard: SFCWithInstall<import("vue").DefineComponent<{
     ENGLISHOTHERKEY: string[];
     ENGLISHKEYS: string[];
     ENGLISHKEYS_: string[];
+    cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
     toSelectInputContent: import("vue").Ref<number>;
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         mode: {
@@ -86,12 +87,13 @@ declare const Keyboard: SFCWithInstall<import("vue").DefineComponent<{
         drag: boolean;
         onChange: (value: number) => void;
     }>;
+    style: import("vue").ComputedRef<string>;
     englishKeys: import("vue").Ref<string[]>;
     popoverRef: import("vue").Ref<null>;
     englishKeyboardRef: import("vue").Ref<HTMLElement | null>;
     keyboardDragRef: import("vue").Ref<HTMLElement | null>;
     currentValue: import("vue").Ref<any>;
-    style: import("vue").ComputedRef<string> | undefined;
+    _style: import("vue").ComputedRef<string> | undefined;
     init: () => import("vue").ComputedRef<string> | undefined;
     keydown: (key: string | number) => void;
     onChange: (value: number) => void;
@@ -330,8 +332,8 @@ declare const Keyboard: SFCWithInstall<import("vue").DefineComponent<{
     onChange?: ((...args: any[]) => any) | undefined;
     onKeydown?: ((...args: any[]) => any) | undefined;
 }, {
-    mode: "number" | "day" | "dose" | "english";
     drag: boolean;
+    mode: "number" | "day" | "dose" | "english";
     positionInitialValue: import("@vueuse/core").Position;
     panel: boolean;
     moveOffset: import("@vueuse/core").Position;

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

@@ -38,6 +38,7 @@ declare const _default: import("vue").DefineComponent<{
     ENGLISHOTHERKEY: string[];
     ENGLISHKEYS: string[];
     ENGLISHKEYS_: string[];
+    cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
     toSelectInputContent: import("vue").Ref<number>;
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         mode: {
@@ -87,12 +88,13 @@ declare const _default: import("vue").DefineComponent<{
         drag: boolean;
         onChange: (value: number) => void;
     }>;
+    style: import("vue").ComputedRef<string>;
     englishKeys: import("vue").Ref<string[]>;
     popoverRef: import("vue").Ref<null>;
     englishKeyboardRef: import("vue").Ref<HTMLElement | null>;
     keyboardDragRef: import("vue").Ref<HTMLElement | null>;
     currentValue: import("vue").Ref<any>;
-    style: import("vue").ComputedRef<string> | undefined;
+    _style: import("vue").ComputedRef<string> | undefined;
     init: () => import("vue").ComputedRef<string> | undefined;
     keydown: (key: string | number) => void;
     onChange: (value: number) => void;
@@ -331,8 +333,8 @@ declare const _default: import("vue").DefineComponent<{
     onChange?: ((...args: any[]) => any) | undefined;
     onKeydown?: ((...args: any[]) => any) | undefined;
 }, {
-    mode: "number" | "day" | "dose" | "english";
     drag: boolean;
+    mode: "number" | "day" | "dose" | "english";
     positionInitialValue: Position;
     panel: boolean;
     moveOffset: Position;

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

@@ -1 +1 @@
-import{defineComponent as e,ref as l,provide as t,computed as n,unref as o,openBlock as a,createBlock as u,withCtx as i,createVNode as r,normalizeProps as s,mergeProps as d,createElementBlock as f,normalizeClass as c,normalizeStyle as p,createElementVNode as v,Fragment as m,renderList as y,createCommentVNode as g,createTextVNode as k,toDisplayString as h}from"vue";import{NPopover as w,NInputNumber as V,NSpace as b,NIcon as _}from"naive-ui";import{Close as x,GitCompareOutline as O,ArrowUndoSharp as C}from"@vicons/ionicons5";import S from"./components/NumberPanel.vue.js";import{useDraggable as I}from"@vueuse/core";import j from"../../../_virtual/plugin-vue_export-helper.js";const D=v("span",null,"键盘",-1),K={class:"keys"},N=["onClick"];var R=j(e({__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(e,{expose:j,emit:R}){const U=e,B="QWERTYUIOPASDFGHJKLZXCVBNM.",E=["Switch"," ","Undo","Enter"],F=B.split("").concat(E),M=B.split(".")[0].split("").sort().concat(["."],E);let P=l(Date.now());t("toSelectInputContent",P);const Q=n((()=>"english"===U.mode)),A=n((()=>({mode:U.mode,defaultValue:U.defaultValue,value:U.value,positionInitialValue:U.positionInitialValue,moveOffset:U.moveOffset,drag:U.drag,onChange:Y}))),G=l(F.slice()),H=l(null),J=l(null),L=l(null),T=l(),W=function(){U.defaultValue&&(T.value=U.defaultValue);if(Q.value&&U.drag){const{x:e,y:l,style:t}=I(J,{initialValue:U.positionInitialValue,preventDefault:!0,handle:L,onMove:(e,l)=>{var t,n,o,a;e.x+=null!=(n=null==(t=U.moveOffset)?void 0:t.x)?n:0,e.y+=null!=(a=null==(o=U.moveOffset)?void 0:o.y)?a:0}});return t}}();function X(e){"Switch"!==e?R("keydown",e):G.value="Q"===G.value[0]?M.slice():F.slice()}function Y(e){var l,t;null==(t=null==(l=H.value)?void 0:l.setShow)||t.call(l,!1),T.value=e,R("change",e)}return j({select:function(){P.value=Date.now()}}),(l,t)=>o(Q)||e.panel?!o(Q)&&e.panel?(a(),u(S,s(d({key:1},o(A))),null,16)):(a(),f("div",{key:2,class:c(["c-keyboard-english",{isFixed:e.drag}]),ref_key:"englishKeyboardRef",ref:J,style:p(o(W))},[r(o(b),{"wrap-item":!1,align:"center",justify:"space-between",ref_key:"keyboardDragRef",ref:L,style:p({cursor:e.drag?"move":"default"})},{default:i((()=>[D,r(o(_),{onClick:t[1]||(t[1]=e=>X("close")),component:o(x)},null,8,["component"])])),_:1},8,["style"]),v("div",K,[(a(!0),f(m,null,y(G.value,((e,l)=>(a(),f("span",{key:e,class:c(["key"+l]),onClick:l=>X(e)},["Switch"===e?(a(),u(o(_),{key:0,component:o(O)},null,8,["component"])):g("v-if",!0),"Undo"===e?(a(),u(o(_),{key:1,component:o(C)},null,8,["component"])):g("v-if",!0),k(" "+h(E.includes(e)&&"Enter"!==e?""===e?"空格":"":e),1)],10,N)))),128))])],6)):(a(),u(o(w),{key:0,ref_key:"popoverRef",ref:H,trigger:"click","show-arrow":!1,placement:"bottom-start",style:{padding:"0"},"display-directive":"show"},{trigger:i((()=>[r(o(V),{value:T.value,"onUpdate:value":t[0]||(t[0]=e=>T.value=e),"show-button":!1},null,8,["value"])])),default:i((()=>[r(S,{mode:e.mode,defaultValue:e.defaultValue,onChange:Y},null,8,["mode","defaultValue"])])),_:1},512))}}),[["__file","Keyboard.vue"]]);export{R as default};
+import{defineComponent as e,ref as l,provide as t,computed as o,unref as n,openBlock as a,createBlock as u,normalizeStyle as i,withCtx as r,createVNode as s,mergeProps as d,createElementBlock as f,normalizeClass as c,createElementVNode as p,Fragment as m,renderList as v,createCommentVNode as y,createTextVNode as g,toDisplayString as h}from"vue";import{NPopover as k,NInputNumber as b,NSpace as w,NIcon as V}from"naive-ui";import{Close as x,GitCompareOutline as _,ArrowUndoSharp as O}from"@vicons/ionicons5";import S from"./components/NumberPanel.vue.js";import{useDraggable as j}from"@vueuse/core";import{useTheme as C}from"../../../shared/mixins/useTheme.js";import{defaultCssVars as I}from"./constants/index.js";import D from"../../../_virtual/plugin-vue_export-helper.js";const K=p("span",null,"键盘",-1),N={class:"keys"},R=["onClick"];var U=D(e({__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(e,{expose:D,emit:U}){const B=e,E="QWERTYUIOPASDFGHJKLZXCVBNM.",F=["Switch"," ","Undo","Enter"],J=E.split("").concat(F),M=E.split(".")[0].split("").sort().concat(["."],F),P=C(I,"Keyboard");let Q=l(Date.now());t("toSelectInputContent",Q);const T=o((()=>"english"===B.mode)),$=o((()=>({mode:B.mode,defaultValue:B.defaultValue,value:B.value,positionInitialValue:B.positionInitialValue,moveOffset:B.moveOffset,drag:B.drag,onChange:q}))),A=o((()=>`${JSON.stringify(P.value).replace(/\{|\}|\"/g,"").replace(/,/g,";")};${(null==Y?void 0:Y.value)||""}`)),G=l(J.slice()),H=l(null),L=l(null),W=l(null),X=l(),Y=function(){B.defaultValue&&(X.value=B.defaultValue);if(T.value&&B.drag){const{x:e,y:l,style:t}=j(L,{initialValue:B.positionInitialValue,preventDefault:!0,handle:W,onMove:(e,l)=>{var t,o,n,a;e.x+=null!=(o=null==(t=B.moveOffset)?void 0:t.x)?o:0,e.y+=null!=(a=null==(n=B.moveOffset)?void 0:n.y)?a:0}});return t}}();function Z(e){"Switch"!==e?U("keydown",e):G.value="Q"===G.value[0]?M.slice():J.slice()}function q(e){var l,t;null==(t=null==(l=H.value)?void 0:l.setShow)||t.call(l,!1),X.value=e,U("change",e)}return D({select:function(){Q.value=Date.now()}}),(l,t)=>n(T)||e.panel?!n(T)&&e.panel?(a(),u(S,d({key:1},n($),{style:n(P)}),null,16,["style"])):(a(),f("div",{key:2,class:c(["c-keyboard-english",{isFixed:e.drag}]),ref_key:"englishKeyboardRef",ref:L,style:i(n(A))},[s(n(w),{"wrap-item":!1,align:"center",justify:"space-between",ref_key:"keyboardDragRef",ref:W,style:i({cursor:e.drag?"move":"default"})},{default:r((()=>[K,s(n(V),{onClick:t[1]||(t[1]=e=>Z("close")),component:n(x)},null,8,["component"])])),_:1},8,["style"]),p("div",N,[(a(!0),f(m,null,v(G.value,((e,l)=>(a(),f("span",{key:e,class:c(["key"+l]),onClick:l=>Z(e)},["Switch"===e?(a(),u(n(V),{key:0,component:n(_)},null,8,["component"])):y("v-if",!0),"Undo"===e?(a(),u(n(V),{key:1,component:n(O)},null,8,["component"])):y("v-if",!0),g(" "+h(F.includes(e)&&"Enter"!==e?""===e?"空格":"":e),1)],10,R)))),128))])],6)):(a(),u(n(k),{key:0,ref_key:"popoverRef",ref:H,trigger:"click","show-arrow":!1,placement:"bottom-start",style:i([{padding:"0"},n(P)]),"display-directive":"show"},{trigger:r((()=>[s(n(b),{value:X.value,"onUpdate:value":t[0]||(t[0]=e=>X.value=e),"show-button":!1},null,8,["value"])])),default:r((()=>[s(S,{mode:e.mode,defaultValue:e.defaultValue,onChange:q},null,8,["mode","defaultValue"])])),_:1},8,["style"]))}}),[["__file","Keyboard.vue"]]);export{U as default};

package/es/components/keyboard/src/constants/index.d.ts

@@ -0,0 +1,2 @@
+import { CSSProperties } from 'vue';
+export declare const defaultCssVars: CSSProperties;

package/es/components/keyboard/src/constants/index.js

@@ -0,0 +1 @@
+const o={"--c-color-hover":"#2474ff33","--c-color-pressed":"#2474ff"};export{o as defaultCssVars};

package/es/components/keyboard/style/index.css

@@ -1 +1 @@
-.c-keyboard span,.c-keyboard-english .keys span{cursor:pointer}.c-keyboard{background:#fff;display:flex;height:160px}.c-keyboard.isFixed{position:fixed;z-index:1}.c-keyboard .btn{align-items:center;background:linear-gradient(180deg,#fff,#f2f2f2);border-radius:2px;box-shadow:0 2px 2px #00000036;box-sizing:border-box;display:inline-flex;font-size:14px;justify-content:center;text-align:center}.c-keyboard .btn:hover{background:#2474ff33;border:1px solid #2474ff}.c-keyboard .btn:active{background:#2474ff;color:#fff}.c-keyboard .btn:hover{box-shadow:none}.c-keyboard .n-space{gap:unset!important}.c-keyboard .margin-offset{margin:-4px 0 0 -4px}.c-keyboard .left{box-sizing:border-box;padding:6px;width:128px}.c-keyboard .left.isDose{width:158px}.c-keyboard .left .n-input{height:28px;width:100%}.c-keyboard .left .n-input .n-input__input-el{height:28px}.c-keyboard .left .keys{display:flex;margin-top:5px}.c-keyboard .left .keys span{align-items:center;background-color:#e8e8e8;border-radius:2px;box-sizing:border-box;display:inline-flex;font-size:14px;height:26px;justify-content:center;margin:4px 0 0 4px;text-align:center;width:26px}.c-keyboard .left .keys span:hover{background:#2474ff33;border:1px solid #2474ff}.c-keyboard .left .keys span:active{background:#2474ff;color:#fff}.c-keyboard .left .keys span.opt{height:56px}.c-keyboard .left .keys span.is-0{width:56px}.c-keyboard .right-days,.c-keyboard .right-dose{border-left:1px solid #d5d5d5}.c-keyboard .right-days{padding:0 12px}.c-keyboard .right-days .btn{height:26px;margin-top:8px;width:56px}.c-keyboard .right-days .btn:first-child{margin-top:0}.c-keyboard .right-dose{padding:5px 12px 5px 5px}.c-keyboard .right-dose .btn{height:32px;width:100px}.c-keyboard .right-dose .btns{display:flex;flex-flow:column nowrap;height:100%;margin-right:8px;overflow-y:scroll;padding-right:6px}.c-keyboard .right-dose .btns .btn{height:20px;margin-top:4px;width:40px}.c-keyboard .right-dose .btns::-webkit-scrollbar{height:1px;width:2px}.c-keyboard .right-dose .btns::-webkit-scrollbar-track{background:#d8d8d8;border-radius:2px;box-shadow:inset 0 0 5px #fff}.c-keyboard .right-dose .btns::-webkit-scrollbar-thumb{background:#535353;border-radius:2px;box-shadow:inset 0 0 5px #fff}.c-keyboard .right-dose .inputs{align-items:center;display:flex;margin-bottom:8px}.c-keyboard .right-dose .inputs .n-input{height:32px;width:46px}.c-keyboard .right-dose .inputs .n-input .n-input__input-el{height:32px}.c-keyboard .right-dose .inputs .inputs-right{margin-left:8px}.c-keyboard .n-input .n-input-wrapper{padding-right:5px}.c-keyboard .n-input .n-input-wrapper .n-input__suffix{line-height:0}.c-keyboard .n-input .n-input-wrapper .n-input__suffix .n-space .n-icon{cursor:pointer}.c-keyboard-english{background:#fff;box-sizing:border-box;padding:10px 6px;width:308px}.c-keyboard-english.isFixed{position:fixed;z-index:1}.c-keyboard-english .n-space span{font-size:12px}.c-keyboard-english .n-space .n-icon{cursor:pointer}.c-keyboard-english .keys{display:flex;flex-flow:row wrap;margin:1px 0 0 -4px}.c-keyboard-english .keys span{align-items:center;background-color:#e8e8e8;border-radius:2px;box-sizing:border-box;display:inline-flex;font-size:14px;height:26px;justify-content:center;margin:4px 0 0 4px;text-align:center;width:26px}.c-keyboard-english .keys span:hover{background:#2474ff33;border:1px solid #2474ff}.c-keyboard-english .keys span:active{background:#2474ff;color:#fff}.c-keyboard-english .keys span.key10,.c-keyboard-english .keys span.key27{margin-left:16px}.c-keyboard-english .keys span.key26{margin-right:25px}.c-keyboard-english .keys span.key19{margin-left:31px}.c-keyboard-english .keys span.key28{width:146px}.c-keyboard-english .keys span.key30{width:56px}
+.c-keyboard span,.c-keyboard-english .keys span{cursor:pointer}.c-keyboard{background:#fff;display:flex;height:160px}.c-keyboard.isFixed{position:fixed;z-index:1}.c-keyboard .btn{align-items:center;background:linear-gradient(180deg,#fff,#f2f2f2);border-radius:2px;box-shadow:0 2px 2px #00000036;box-sizing:border-box;display:inline-flex;font-size:14px;justify-content:center;text-align:center}.c-keyboard .btn:hover{background:var(--c-color-hover);border:1px solid var(--c-color-pressed)}.c-keyboard .btn:active{background:var(--c-color-pressed);color:#fff}.c-keyboard .btn:hover{box-shadow:none}.c-keyboard .n-space{gap:unset!important}.c-keyboard .margin-offset{margin:-4px 0 0 -4px}.c-keyboard .left{box-sizing:border-box;padding:6px;width:128px}.c-keyboard .left.isDose{width:158px}.c-keyboard .left .n-input{height:28px;width:100%}.c-keyboard .left .n-input .n-input__input-el{height:28px}.c-keyboard .left .keys{display:flex;margin-top:5px}.c-keyboard .left .keys span{align-items:center;background-color:#e8e8e8;border-radius:2px;box-sizing:border-box;display:inline-flex;font-size:14px;height:26px;justify-content:center;margin:4px 0 0 4px;text-align:center;width:26px}.c-keyboard .left .keys span:hover{background:var(--c-color-hover);border:1px solid var(--c-color-pressed)}.c-keyboard .left .keys span:active{background:var(--c-color-pressed);color:#fff}.c-keyboard .left .keys span.opt{height:56px}.c-keyboard .left .keys span.is-0{width:56px}.c-keyboard .right-days,.c-keyboard .right-dose{border-left:1px solid #d5d5d5}.c-keyboard .right-days{padding:0 12px}.c-keyboard .right-days .btn{height:26px;margin-top:8px;width:56px}.c-keyboard .right-days .btn:first-child{margin-top:0}.c-keyboard .right-dose{padding:5px 12px 5px 5px}.c-keyboard .right-dose .btn{height:32px;width:100px}.c-keyboard .right-dose .btns{display:flex;flex-flow:column nowrap;height:100%;margin-right:8px;overflow-y:scroll;padding-right:6px}.c-keyboard .right-dose .btns .btn{height:20px;margin-top:4px;width:40px}.c-keyboard .right-dose .btns::-webkit-scrollbar{height:1px;width:2px}.c-keyboard .right-dose .btns::-webkit-scrollbar-track{background:#d8d8d8;border-radius:2px;box-shadow:inset 0 0 5px #fff}.c-keyboard .right-dose .btns::-webkit-scrollbar-thumb{background:#535353;border-radius:2px;box-shadow:inset 0 0 5px #fff}.c-keyboard .right-dose .inputs{align-items:center;display:flex;margin-bottom:8px}.c-keyboard .right-dose .inputs .n-input{height:32px;width:46px}.c-keyboard .right-dose .inputs .n-input .n-input__input-el{height:32px}.c-keyboard .right-dose .inputs .inputs-right{margin-left:8px}.c-keyboard .n-input .n-input-wrapper{padding-right:5px}.c-keyboard .n-input .n-input-wrapper .n-input__suffix{line-height:0}.c-keyboard .n-input .n-input-wrapper .n-input__suffix .n-space .n-icon{cursor:pointer}.c-keyboard-english{background:#fff;box-sizing:border-box;padding:10px 6px;width:308px}.c-keyboard-english.isFixed{position:fixed;z-index:1}.c-keyboard-english .n-space span{font-size:12px}.c-keyboard-english .n-space .n-icon{cursor:pointer}.c-keyboard-english .keys{display:flex;flex-flow:row wrap;margin:1px 0 0 -4px}.c-keyboard-english .keys span{align-items:center;background-color:#e8e8e8;border-radius:2px;box-sizing:border-box;display:inline-flex;font-size:14px;height:26px;justify-content:center;margin:4px 0 0 4px;text-align:center;width:26px}.c-keyboard-english .keys span:hover{background:var(--c-color-hover);border:1px solid var(--c-color-pressed)}.c-keyboard-english .keys span:active{background:var(--c-color-pressed);color:#fff}.c-keyboard-english .keys span.key10,.c-keyboard-english .keys span.key27{margin-left:16px}.c-keyboard-english .keys span.key26{margin-right:25px}.c-keyboard-english .keys span.key19{margin-left:31px}.c-keyboard-english .keys span.key28{width:146px}.c-keyboard-english .keys span.key30{width:56px}