cnhis-design-vue 3.1.41-beta.32 → 3.1.41-beta.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (68) hide show
  1. package/es/components/big-table/index.d.ts +1 -0
  2. package/es/components/big-table/src/BigTable.vue.d.ts +1 -0
  3. package/es/components/big-table/src/BigTable.vue2.js +1 -1
  4. package/es/components/big-table/style/index.css +1 -1
  5. package/es/components/config-provider/index.d.ts +14 -0
  6. package/es/components/config-provider/index.js +1 -0
  7. package/es/components/config-provider/src/ConfigProvider.d.ts +14 -0
  8. package/es/components/config-provider/src/ConfigProvider.js +1 -0
  9. package/es/components/config-provider/src/interface.d.ts +18 -0
  10. package/es/components/config-provider/src/interface.js +1 -0
  11. package/es/components/config-provider/src/utils/index.d.ts +2 -0
  12. package/es/components/config-provider/src/utils/index.js +1 -0
  13. package/es/components/fabric-chart/src/hooks/useBirthProcess.js +1 -1
  14. package/es/components/form-config/index.d.ts +27 -27
  15. package/es/components/form-config/src/FormConfig.vue.d.ts +27 -27
  16. package/es/components/form-config/src/components/FormConfigCreator.vue.d.ts +11 -11
  17. package/es/components/form-config/src/components/FormConfigEdit.vue.d.ts +14 -14
  18. package/es/components/form-render/index.d.ts +11 -11
  19. package/es/components/form-render/src/FormRender.vue.d.ts +11 -11
  20. package/es/components/form-render/src/FormRenderWrapper.vue.d.ts +11 -11
  21. package/es/components/form-render/src/FormRenderWrapper.vue.js +1 -1
  22. package/es/components/form-render/src/components/renderer/radio&checkbox.d.ts +2 -2
  23. package/es/components/form-render/src/components/renderer/radio_checkbox.js +1 -1
  24. package/es/components/form-render/src/components/renderer/select.js +1 -1
  25. package/es/components/form-render/src/hooks/useFieldListAdaptor.d.ts +1 -1
  26. package/es/components/form-render/src/hooks/useFieldListAdaptor.js +1 -1
  27. package/es/components/form-render/src/hooks/useFormRenderOptions.d.ts +4 -2
  28. package/es/components/form-render/src/hooks/useFormRenderOptions.js +1 -1
  29. package/es/components/index.css +1 -1
  30. package/es/components/index.d.ts +3 -1
  31. package/es/components/index.js +1 -1
  32. package/es/components/info-header/index.d.ts +421 -141
  33. package/es/components/info-header/src/InfoHeader.vue.d.ts +422 -141
  34. package/es/components/info-header/src/InfoHeader.vue.js +1 -1
  35. package/es/components/info-header/src/components/infoDescription/DescriptionItem.vue.d.ts +320 -0
  36. package/es/components/info-header/src/components/infoDescription/DescriptionItem.vue.js +1 -0
  37. package/es/components/info-header/src/components/infoDescription/DescriptionList.vue.d.ts +447 -0
  38. package/es/components/info-header/src/components/infoDescription/DescriptionList.vue.js +1 -0
  39. package/es/components/info-header/src/components/infoDescription/HiddenContent.vue.d.ts +2 -2
  40. package/es/components/info-header/src/components/infoDescription/InfoEllipsis.vue.d.ts +1 -1
  41. package/es/components/info-header/src/components/infoDescription/index.vue.d.ts +412 -139
  42. package/es/components/info-header/src/components/infoDescription/index.vue.js +1 -1
  43. package/es/components/info-header/src/constants/index.d.ts +4 -0
  44. package/es/components/info-header/src/constants/index.js +1 -0
  45. package/es/components/info-header/src/hooks/useThemeOverrides.d.ts +4 -0
  46. package/es/components/info-header/src/hooks/useThemeOverrides.js +1 -0
  47. package/es/components/info-header/src/types/index.d.ts +12 -3
  48. package/es/components/info-header/style/index.css +1 -1
  49. package/es/components/keyboard/index.d.ts +3 -1
  50. package/es/components/keyboard/src/Keyboard.vue.d.ts +3 -1
  51. package/es/components/keyboard/src/Keyboard.vue.js +1 -1
  52. package/es/components/keyboard/src/constants/index.d.ts +2 -0
  53. package/es/components/keyboard/src/constants/index.js +1 -0
  54. package/es/components/keyboard/style/index.css +1 -1
  55. package/es/components/scale-view/src/components/formitem/sign-com.d.ts +1 -1
  56. package/es/components/shortcut-setter/index.d.ts +12 -12
  57. package/es/components/shortcut-setter/src/ShortcutSetter.vue.d.ts +12 -12
  58. package/es/components/steps-wheel/index.d.ts +1 -0
  59. package/es/components/steps-wheel/src/StepsWheel.vue.d.ts +1 -0
  60. package/es/components/steps-wheel/src/StepsWheel.vue.js +1 -1
  61. package/es/components/steps-wheel/src/constants/index.d.ts +2 -0
  62. package/es/components/steps-wheel/src/constants/index.js +1 -0
  63. package/es/components/steps-wheel/style/index.css +1 -1
  64. package/es/shared/mixins/index.d.ts +1 -0
  65. package/es/shared/mixins/index.js +1 -0
  66. package/es/shared/mixins/useTheme.d.ts +3 -0
  67. package/es/shared/mixins/useTheme.js +1 -0
  68. package/package.json +2 -2
@@ -0,0 +1,4 @@
1
+ import { InjectionKey, Ref } from 'vue';
2
+ import { FormRenderExpose } from '../../../../../es/components/form-render';
3
+ export declare const InjectionInfoHeaderFormRef: InjectionKey<Ref<undefined | FormRenderExpose>>;
4
+ export declare const InjectionInfoHeaderEmit: InjectionKey<(eventName: string, ...payload: any[]) => void>;
@@ -0,0 +1 @@
1
+ const o=Symbol("InjectionInfoHeaderFormRef"),e=Symbol("InjectionInfoHeaderEmit");export{e as InjectionInfoHeaderEmit,o as InjectionInfoHeaderFormRef};
@@ -0,0 +1,4 @@
1
+ import { GlobalThemeOverrides } from 'naive-ui';
2
+ export declare function useThemeOverrides(): {
3
+ themeOverrides: GlobalThemeOverrides;
4
+ };
@@ -0,0 +1 @@
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};
@@ -1,9 +1,14 @@
1
- import { FieldItem } from '../../../../../es/components/form-render';
1
+ import { Component } from 'vue';
2
+ import { FieldItem, FormRenderExpose } from '../../../../../es/components/form-render';
2
3
  export declare namespace InfoHeaderTypes {
3
4
  type InfoItem = Partial<{
4
- slot: string | (() => any);
5
+ slot: string | ((payload: {
6
+ width: unknown;
7
+ item: InfoItem;
8
+ }) => any) | Component;
5
9
  tip: string;
6
- formField: FieldItem;
10
+ formField: Partial<FieldItem>;
11
+ edit: boolean;
7
12
  [K: string]: any;
8
13
  }>;
9
14
  type PatientTag = Partial<{
@@ -27,3 +32,7 @@ export declare namespace InfoHeaderTypes {
27
32
  tagList: PatientTag[];
28
33
  }>;
29
34
  }
35
+ export declare type InfoHeaderExpose = {
36
+ update(): void;
37
+ $formRender: FormRenderExpose | undefined;
38
+ };
@@ -1 +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}
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);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 .n-form-item-blank>.n-input .n-input-wrapper{border-bottom:1px solid var(--n-text-color)}
@@ -37,6 +37,7 @@ declare const Keyboard: SFCWithInstall<import("vue").DefineComponent<{
37
37
  ENGLISHOTHERKEY: string[];
38
38
  ENGLISHKEYS: string[];
39
39
  ENGLISHKEYS_: string[];
40
+ cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
40
41
  toSelectInputContent: import("vue").Ref<number>;
41
42
  props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
42
43
  mode: {
@@ -86,12 +87,13 @@ declare const Keyboard: SFCWithInstall<import("vue").DefineComponent<{
86
87
  drag: boolean;
87
88
  onChange: (value: number) => void;
88
89
  }>;
90
+ style: import("vue").ComputedRef<string>;
89
91
  englishKeys: import("vue").Ref<string[]>;
90
92
  popoverRef: import("vue").Ref<null>;
91
93
  englishKeyboardRef: import("vue").Ref<HTMLElement | null>;
92
94
  keyboardDragRef: import("vue").Ref<HTMLElement | null>;
93
95
  currentValue: import("vue").Ref<any>;
94
- style: import("vue").ComputedRef<string> | undefined;
96
+ _style: import("vue").ComputedRef<string> | undefined;
95
97
  init: () => import("vue").ComputedRef<string> | undefined;
96
98
  keydown: (key: string | number) => void;
97
99
  onChange: (value: number) => void;
@@ -38,6 +38,7 @@ declare const _default: import("vue").DefineComponent<{
38
38
  ENGLISHOTHERKEY: string[];
39
39
  ENGLISHKEYS: string[];
40
40
  ENGLISHKEYS_: string[];
41
+ cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
41
42
  toSelectInputContent: import("vue").Ref<number>;
42
43
  props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
43
44
  mode: {
@@ -87,12 +88,13 @@ declare const _default: import("vue").DefineComponent<{
87
88
  drag: boolean;
88
89
  onChange: (value: number) => void;
89
90
  }>;
91
+ style: import("vue").ComputedRef<string>;
90
92
  englishKeys: import("vue").Ref<string[]>;
91
93
  popoverRef: import("vue").Ref<null>;
92
94
  englishKeyboardRef: import("vue").Ref<HTMLElement | null>;
93
95
  keyboardDragRef: import("vue").Ref<HTMLElement | null>;
94
96
  currentValue: import("vue").Ref<any>;
95
- style: import("vue").ComputedRef<string> | undefined;
97
+ _style: import("vue").ComputedRef<string> | undefined;
96
98
  init: () => import("vue").ComputedRef<string> | undefined;
97
99
  keydown: (key: string | number) => void;
98
100
  onChange: (value: number) => void;
@@ -1 +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};
1
+ 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 s,createVNode as r,mergeProps as d,createElementBlock as c,normalizeClass as f,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:Z})));o((()=>`${JSON.stringify(P.value).replace(/\{|\}|\"/g,"").replace(/,/g,";")};${(null==X?void 0:X.value)||""}`));const A=l(J.slice()),G=l(null),H=l(null),L=l(null),W=l(),X=function(){B.defaultValue&&(W.value=B.defaultValue);if(T.value&&B.drag){const{x:e,y:l,style:t}=j(H,{initialValue:B.positionInitialValue,preventDefault:!0,handle:L,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 Y(e){"Switch"!==e?U("keydown",e):A.value="Q"===A.value[0]?M.slice():J.slice()}function Z(e){var l,t;null==(t=null==(l=G.value)?void 0:l.setShow)||t.call(l,!1),W.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(),c("div",{key:2,class:f(["c-keyboard-english",{isFixed:e.drag}]),ref_key:"englishKeyboardRef",ref:H,style:i(n(P))},[r(n(w),{"wrap-item":!1,align:"center",justify:"space-between",ref_key:"keyboardDragRef",ref:L,style:i({cursor:e.drag?"move":"default"})},{default:s((()=>[K,r(n(V),{onClick:t[1]||(t[1]=e=>Y("close")),component:n(x)},null,8,["component"])])),_:1},8,["style"]),p("div",N,[(a(!0),c(m,null,v(A.value,((e,l)=>(a(),c("span",{key:e,class:f(["key"+l]),onClick:l=>Y(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:G,trigger:"click","show-arrow":!1,placement:"bottom-start",style:i([{padding:"0"},n(P)]),"display-directive":"show"},{trigger:s((()=>[r(n(b),{value:W.value,"onUpdate:value":t[0]||(t[0]=e=>W.value=e),"show-button":!1},null,8,["value"])])),default:s((()=>[r(S,{mode:e.mode,defaultValue:e.defaultValue,onChange:Z},null,8,["mode","defaultValue"])])),_:1},8,["style"]))}}),[["__file","Keyboard.vue"]]);export{U as default};
@@ -0,0 +1,2 @@
1
+ import { CSSProperties } from 'vue';
2
+ export declare const defaultCssVars: CSSProperties;
@@ -0,0 +1 @@
1
+ const o={"--c-color-hover":"#2474ff33","--c-color-pressed":"#2474ff"};export{o as defaultCssVars};
@@ -1 +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}
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: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}
@@ -55,8 +55,8 @@ declare const _default: import("vue").DefineComponent<{
55
55
  }>> & {}, {
56
56
  height: number;
57
57
  width: number;
58
- lineWidth: number;
59
58
  lineColor: string;
59
+ lineWidth: number;
60
60
  bgColor: string;
61
61
  isCrop: boolean;
62
62
  }>;
@@ -38,7 +38,7 @@ declare const ShortcutSetter: SFCWithInstall<import("vue").DefineComponent<{
38
38
  fieldList: import("vue").Ref<{
39
39
  [x: string]: any;
40
40
  val_key: string;
41
- html_type: "LINEBAR" | "SELECT" | "DATE" | ({} & string) | "COMBINATION" | "INPUT" | "LINE_BREAKS" | "INPUT_NUMBER" | "REMOTE_SEARCH" | "LEVEL_SEARCH_CASCADER" | "SEARCH_CASCADER" | "RADIO" | "CHECKBOX" | "SWITCH" | "SLIDER" | "COMPLEX" | "SEARCH" | "PHONE_TYPE" | "IDCARD_TYPE" | "SEARCH_MORE" | "DIGITAL" | "CHECKBOX_BLOCK" | "RADIO_BLOCK" | "DATE-INPUT" | "DATETIME-INPUT" | "SWITCH_COMPONENT" | "SLIDER_COMPONENT" | "LEVEL_SEARCH_CASCADE" | "SEARCH_CASCADE";
41
+ html_type: "LINEBAR" | ({} & string) | "SELECT" | "DATE" | "COMBINATION" | "INPUT" | "LINE_BREAKS" | "INPUT_NUMBER" | "REMOTE_SEARCH" | "LEVEL_SEARCH_CASCADER" | "SEARCH_CASCADER" | "RADIO" | "CHECKBOX" | "SWITCH" | "SLIDER" | "COMPLEX" | "SEARCH" | "PHONE_TYPE" | "IDCARD_TYPE" | "SEARCH_MORE" | "DIGITAL" | "CHECKBOX_BLOCK" | "RADIO_BLOCK" | "DATE-INPUT" | "DATETIME-INPUT" | "SWITCH_COMPONENT" | "SLIDER_COMPONENT" | "LEVEL_SEARCH_CASCADE" | "SEARCH_CASCADE";
42
42
  annotation?: boolean | undefined;
43
43
  val_key_unit?: string | undefined;
44
44
  is_edit?: import("..").FormCommonState | undefined;
@@ -1984,7 +1984,7 @@ declare const ShortcutSetter: SFCWithInstall<import("vue").DefineComponent<{
1984
1984
  onScroll?: ((...args: any[]) => any) | undefined;
1985
1985
  onAnnotationChange?: ((...args: any[]) => any) | undefined;
1986
1986
  }>>;
1987
- emit: (event: "scroll" | "formChange" | "annotationChange", ...args: any[]) => void;
1987
+ emit: (event: "formChange" | "scroll" | "annotationChange", ...args: any[]) => void;
1988
1988
  nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
1989
1989
  formRenderRef: import("vue").Ref<HTMLElement | undefined>;
1990
1990
  formHeight: import("vue").ComputedRef<string>;
@@ -2154,28 +2154,24 @@ declare const ShortcutSetter: SFCWithInstall<import("vue").DefineComponent<{
2154
2154
  title: string;
2155
2155
  form: import("@formily/core").Form<any>;
2156
2156
  content: any;
2157
- hidden: boolean;
2158
- active: boolean;
2159
- dataSource: import("@formily/core").FieldDataSource;
2160
- description: string;
2161
- display: import("@formily/core").FieldDisplayTypes;
2162
- mounted: boolean;
2163
- readonly destroyed: boolean;
2164
- unmounted: boolean;
2165
2157
  componentProps: Record<string, any>;
2166
2158
  decoratorProps: Record<string, any>;
2159
+ display: import("@formily/core").FieldDisplayTypes;
2160
+ description: string;
2167
2161
  readOnly: boolean;
2168
2162
  editable: boolean;
2163
+ hidden: boolean;
2169
2164
  component: import("@formily/core").FieldComponent<any, any>;
2170
2165
  decorator: import("@formily/core").FieldDecorator<any, any>;
2171
- readPretty: boolean;
2172
2166
  validating: boolean;
2173
2167
  submitting: boolean;
2168
+ active: boolean;
2174
2169
  visited: boolean;
2175
2170
  selfModified: boolean;
2176
2171
  modified: boolean;
2177
2172
  inputValue: string;
2178
2173
  inputValues: any[];
2174
+ dataSource: import("@formily/core").FieldDataSource;
2179
2175
  feedbacks: import("@formily/core").IFieldFeedback[];
2180
2176
  caches: import("@formily/core").IFieldCaches;
2181
2177
  selfErrors: import("@formily/core").FeedbackMessage;
@@ -2206,11 +2202,15 @@ declare const ShortcutSetter: SFCWithInstall<import("vue").DefineComponent<{
2206
2202
  queryFeedbacks: (search?: import("@formily/core").ISearchFeedback | undefined) => import("@formily/core").IFieldFeedback[];
2207
2203
  modify: () => void;
2208
2204
  initialized: boolean;
2205
+ mounted: boolean;
2206
+ unmounted: boolean;
2209
2207
  decoratorType: any;
2210
2208
  componentType: any;
2211
2209
  designable: boolean;
2212
2210
  locate: (address: import("@formily/path").Pattern) => void;
2213
2211
  readonly parent: import("@formily/core").GeneralField;
2212
+ readPretty: boolean;
2213
+ readonly destroyed: boolean;
2214
2214
  setTitle: (title?: string | undefined) => void;
2215
2215
  setDescription: (description?: string | undefined) => void;
2216
2216
  setDisplay: (type?: import("@formily/core").FieldDisplayTypes | undefined) => void;
@@ -2294,7 +2294,7 @@ declare const ShortcutSetter: SFCWithInstall<import("vue").DefineComponent<{
2294
2294
  readonly displayDirective: "if" | "show" | "show:lazy";
2295
2295
  }>;
2296
2296
  NTabs: any;
2297
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange")[], "scroll" | "formChange" | "annotationChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
2297
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("formChange" | "scroll" | "annotationChange")[], "scroll" | "formChange" | "annotationChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
2298
2298
  fieldList: {
2299
2299
  type: import("vue").PropType<import("..").FieldItem[]>;
2300
2300
  };
@@ -40,7 +40,7 @@ declare const _default: import("vue").DefineComponent<{
40
40
  fieldList: import("vue").Ref<{
41
41
  [x: string]: any;
42
42
  val_key: string;
43
- html_type: "LINEBAR" | "SELECT" | "DATE" | ({} & string) | "COMBINATION" | "INPUT" | "LINE_BREAKS" | "INPUT_NUMBER" | "REMOTE_SEARCH" | "LEVEL_SEARCH_CASCADER" | "SEARCH_CASCADER" | "RADIO" | "CHECKBOX" | "SWITCH" | "SLIDER" | "COMPLEX" | "SEARCH" | "PHONE_TYPE" | "IDCARD_TYPE" | "SEARCH_MORE" | "DIGITAL" | "CHECKBOX_BLOCK" | "RADIO_BLOCK" | "DATE-INPUT" | "DATETIME-INPUT" | "SWITCH_COMPONENT" | "SLIDER_COMPONENT" | "LEVEL_SEARCH_CASCADE" | "SEARCH_CASCADE";
43
+ html_type: "LINEBAR" | ({} & string) | "SELECT" | "DATE" | "COMBINATION" | "INPUT" | "LINE_BREAKS" | "INPUT_NUMBER" | "REMOTE_SEARCH" | "LEVEL_SEARCH_CASCADER" | "SEARCH_CASCADER" | "RADIO" | "CHECKBOX" | "SWITCH" | "SLIDER" | "COMPLEX" | "SEARCH" | "PHONE_TYPE" | "IDCARD_TYPE" | "SEARCH_MORE" | "DIGITAL" | "CHECKBOX_BLOCK" | "RADIO_BLOCK" | "DATE-INPUT" | "DATETIME-INPUT" | "SWITCH_COMPONENT" | "SLIDER_COMPONENT" | "LEVEL_SEARCH_CASCADE" | "SEARCH_CASCADE";
44
44
  annotation?: boolean | undefined;
45
45
  val_key_unit?: string | undefined;
46
46
  is_edit?: import("../../../../es/components/form-render").FormCommonState | undefined;
@@ -1986,7 +1986,7 @@ declare const _default: import("vue").DefineComponent<{
1986
1986
  onScroll?: ((...args: any[]) => any) | undefined;
1987
1987
  onAnnotationChange?: ((...args: any[]) => any) | undefined;
1988
1988
  }>>;
1989
- emit: (event: "scroll" | "formChange" | "annotationChange", ...args: any[]) => void;
1989
+ emit: (event: "formChange" | "scroll" | "annotationChange", ...args: any[]) => void;
1990
1990
  nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
1991
1991
  formRenderRef: import("vue").Ref<HTMLElement | undefined>;
1992
1992
  formHeight: import("vue").ComputedRef<string>;
@@ -2156,28 +2156,24 @@ declare const _default: import("vue").DefineComponent<{
2156
2156
  title: string;
2157
2157
  form: import("../../../../es/components/form-render").Form<any>;
2158
2158
  content: any;
2159
- hidden: boolean;
2160
- active: boolean;
2161
- dataSource: import("../../../../es/components/form-render").FieldDataSource;
2162
- description: string;
2163
- display: import("../../../../es/components/form-render").FieldDisplayTypes;
2164
- mounted: boolean;
2165
- readonly destroyed: boolean;
2166
- unmounted: boolean;
2167
2159
  componentProps: Record<string, any>;
2168
2160
  decoratorProps: Record<string, any>;
2161
+ display: import("../../../../es/components/form-render").FieldDisplayTypes;
2162
+ description: string;
2169
2163
  readOnly: boolean;
2170
2164
  editable: boolean;
2165
+ hidden: boolean;
2171
2166
  component: import("../../../../es/components/form-render").FieldComponent<any, any>;
2172
2167
  decorator: import("../../../../es/components/form-render").FieldDecorator<any, any>;
2173
- readPretty: boolean;
2174
2168
  validating: boolean;
2175
2169
  submitting: boolean;
2170
+ active: boolean;
2176
2171
  visited: boolean;
2177
2172
  selfModified: boolean;
2178
2173
  modified: boolean;
2179
2174
  inputValue: string;
2180
2175
  inputValues: any[];
2176
+ dataSource: import("../../../../es/components/form-render").FieldDataSource;
2181
2177
  feedbacks: import("../../../../es/components/form-render").IFieldFeedback[];
2182
2178
  caches: import("../../../../es/components/form-render").IFieldCaches;
2183
2179
  selfErrors: import("../../../../es/components/form-render").FeedbackMessage;
@@ -2208,11 +2204,15 @@ declare const _default: import("vue").DefineComponent<{
2208
2204
  queryFeedbacks: (search?: import("../../../../es/components/form-render").ISearchFeedback | undefined) => import("../../../../es/components/form-render").IFieldFeedback[];
2209
2205
  modify: () => void;
2210
2206
  initialized: boolean;
2207
+ mounted: boolean;
2208
+ unmounted: boolean;
2211
2209
  decoratorType: any;
2212
2210
  componentType: any;
2213
2211
  designable: boolean;
2214
2212
  locate: (address: import("@formily/path").Pattern) => void;
2215
2213
  readonly parent: import("../../../../es/components/form-render").GeneralField;
2214
+ readPretty: boolean;
2215
+ readonly destroyed: boolean;
2216
2216
  setTitle: (title?: string | undefined) => void;
2217
2217
  setDescription: (description?: string | undefined) => void;
2218
2218
  setDisplay: (type?: import("../../../../es/components/form-render").FieldDisplayTypes | undefined) => void;
@@ -2296,7 +2296,7 @@ declare const _default: import("vue").DefineComponent<{
2296
2296
  readonly displayDirective: "if" | "show" | "show:lazy";
2297
2297
  }>;
2298
2298
  NTabs: any;
2299
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange")[], "scroll" | "formChange" | "annotationChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
2299
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("formChange" | "scroll" | "annotationChange")[], "scroll" | "formChange" | "annotationChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
2300
2300
  fieldList: {
2301
2301
  type: import("vue").PropType<FieldItem[]>;
2302
2302
  };
@@ -57,6 +57,7 @@ declare const StepsWheel: SFCWithInstall<import("vue").DefineComponent<{
57
57
  default: string;
58
58
  };
59
59
  }>> & {}>>;
60
+ cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
60
61
  nodeRowCount: import("vue").ComputedRef<number>;
61
62
  lastNodeRenderShow: import("vue").ComputedRef<boolean>;
62
63
  noDataMsg: import("vue").Ref<string>;
@@ -56,6 +56,7 @@ declare const _default: import("vue").DefineComponent<{
56
56
  default: string;
57
57
  };
58
58
  }>> & {}>>;
59
+ cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
59
60
  nodeRowCount: import("vue").ComputedRef<number>;
60
61
  lastNodeRenderShow: import("vue").ComputedRef<boolean>;
61
62
  noDataMsg: import("vue").Ref<string>;
@@ -1 +1 @@
1
- import{defineComponent as e,computed as t,toRefs as l,ref as n,watch as s,openBlock as o,createElementBlock as i,normalizeStyle as p,unref as a,normalizeClass as r,createElementVNode as d,Fragment as u,renderList as c,createCommentVNode as m,withDirectives as f,renderSlot as h,toDisplayString as v,vShow as g,createBlock as I,withCtx as x,createVNode as y,createTextVNode as B}from"vue";import{NTooltip as w,NEmpty as T}from"naive-ui";import S from"../../../_virtual/plugin-vue_export-helper.js";const _={class:"stepBox"},b=["title"],k=d("ul",{class:"nodeTipContent"},[d("li",null,[d("p",null,[d("span",{style:{"margin-right":"10px"}},"(1)"),B(" 2022-07-30 14:15:12 ")]),d("p",null,"周老师"),d("p",null,"步骤条提示"),d("p",null,"咱这是测试案例,请使用插槽:#nodeTipBox 自定义")]),d("li",null,[d("p",null,[d("span",{style:{"margin-right":"10px"}},"(2)"),B(" 2022-07-30 14:15:12 ")]),d("p",null,"周老师"),d("p",null,"步骤条提示"),d("p",null,"咱这是个测试案例,请使用插槽:#nodeTipBox 自定义")])],-1),C=["title"],$=["title"],L=["title"],R={key:0,style:{height:"48px"}},M={key:1},N={key:1};var D=S(e({__name:"StepsWheel",props:{stepInfo:{type:Object,default:()=>({list:[],cols:6})},currentStep:{type:Number,default:1},toolTipShow:{type:Boolean,default:!0},lastNodeRender:{type:Boolean,default:!1},noDataMsg:{type:String,default:"暂无节点数据"},placement:{type:String,default:"center"}},setup(e){const B=e,S=t((()=>Math.ceil(O.value.length/B.stepInfo.cols))),D=t((()=>B.lastNodeRender)),{noDataMsg:j}=l(B),A=n(null),E=t((()=>{var e;let t=72;if(null==(e=null==A?void 0:A.value)?void 0:e.length){let e=A.value[0],l=window.getComputedStyle?window.getComputedStyle(e):e.currentStyle;t=isNaN(parseInt(l["min-width"]))?72:parseInt(l["min-width"])}return`${20+B.stepInfo.cols*t}px`})),O=n([]),W=n([]),F=e=>{if(W.value.length){if(e.rowIndex===W.value.length)return!0;if(e.rowIndex<W.value.length)return W.value[e.rowIndex].some((e=>null==e?void 0:e.title))}return!1},P=e=>{const{list:t=[]}=B.stepInfo;return e.rowIndex%2==0&&"frist"==e.nodeType&&e.nodeIndex!==t.length},q=e=>{const{list:t=[]}=B.stepInfo;return e.rowIndex%2!=0&&"last"==e.nodeType&&e.nodeIndex!==t.length},z=(e,t)=>e.rowIndex%2==0?B.currentStep>=t+(B.stepInfo.cols-2*e.sort):B.currentStep>=t+2,G=(e,t)=>{let l=e.length,n=l%t==0?l/t:Math.floor(l/t+1),s=[];for(let l=0;l<n;l++){let n=e.slice(l*t,l*t+t);s.push(n)}return s},H=e=>{const{cols:t}=B.stepInfo;let l=G(O.value,t),n=l[l.length-1].filter((e=>e));return S.value%2==0?e!=n[n.length-1].nodeIndex-(t-2*n[n.length-1].sort):e!=n[n.length-1].nodeIndex-1},J=e=>{const{cols:t}=B.stepInfo;let l=G(O.value,t),n=l[l.length-1].filter((e=>e));return S.value%2==0?D.value&&e==n[0].nodeIndex-(t-2*n[0].sort):D.value&&e==n[n.length-1].nodeIndex-1},K=(e,t)=>{const{cols:l}=B.stepInfo;let n=G(O.value,l),s=n[n.length-1].filter((e=>e));return S.value%2==0?"circle"===t?D.value&&e==s[0].nodeIndex-(l-2*s[0].sort)-l:D.value&&e==s[0].nodeIndex-(l-2*s[0].sort):"circle"===t?D.value&&e==s[s.length-1].nodeIndex-1-l:D.value&&e==s[s.length-1].nodeIndex-2};return s((()=>B.stepInfo),(e=>{var t;(null==(t=null==e?void 0:e.list)?void 0:t.length)&&((e,t)=>{let l=e.length+1,n=Math.ceil(e.length/t),s=!0,o=[];for(var i=0;i<n;i++)o[i]=new Array(t),o[i].fill(null);let p=0,a=0;for(let n=1;n<l;n++)o[p][a]=Object.assign(e[n-1],{nodeIndex:n,rowIndex:p+1}),s?n%t!=0?a++:(s=!s,p++):n%t!=0?a--:(s=!s,p++);let r=[];o.map((e=>{e.map(((e,t)=>e&&(e.sort=t))),e[0]&&(e[0].nodeType="frist"),e[e.length-1]&&(e[e.length-1].nodeType="last"),r=[...r,...e]})),O.value=r,W.value=o})(e.list,e.cols)}),{immediate:!0,deep:!0}),(t,l)=>(o(),i("div",{class:"step-wheel-box",style:p({minWidth:a(E)})},[O.value.length?(o(),i("div",{key:0,class:r(["stepOut",{placementLeft:"left"===e.placement,placementRight:"right"===e.placement}])},[d("ul",_,[(o(!0),i(u,null,c(O.value,((l,n)=>(o(),i("li",{ref_for:!0,ref_key:"stepItemRef",ref:A,key:(null==l?void 0:l.stepId)||n,class:r(["stepItem",{[`stepItem_${n+1}`]:!0,[`${null==l?void 0:l.stepId}`]:!!(null==l?void 0:l.stepId)}])},[l?(o(),i(u,{key:0},[m(" 步骤头部信息 "),f(d("div",{class:r(["stepTopBox",{finished:J(n),stepTopBox_right:"right"===e.placement,stepTopBox_left:"left"===e.placement}])},[h(t.$slots,"stepTopBox",{stepItem:l},(()=>[d("span",{title:l.title},v(l.title),9,b)]))],2),[[g,l.title]]),m(" 步骤条的节点,此处为圆圈 "),e.toolTipShow?(o(),I(a(w),{key:0,placement:"top","show-arrow":!0,trigger:"hover",style:p({opacity:"0.88"})},{trigger:x((()=>[d("div",{class:r(["icon",{active:e.currentStep>=l.nodeIndex,finished:J(n)}])},null,2)])),default:x((()=>[h(t.$slots,"nodeTipBox",{stepItem:l,stepId:l.stepId},(()=>[k]))])),_:2},1032,["style"])):(o(),i("div",{key:1,class:r(["icon",{active:e.currentStep>=l.nodeIndex,finished:J(n)}])},null,2)),m(" 步骤条连接线,动态显示 "),"last"!==l.nodeType?f((o(),i("div",{key:2,class:r(["line",{lineActive:z(l,n),finished:K(n)}])},null,2)),[[g,H(n)]]):m("v-if",!0),m(" 步骤条弯曲连线,动态渲染 "),P(l)||q(l)?(o(),i("div",{key:3,class:r({lineCircleActive:e.currentStep>l.nodeIndex,lineCircleFinished:K(n,"circle"),lineCircleRight:q(l),lineCircleLeft:P(l),lineCirclePlacementRight:q(l)&&"right"===e.placement,lineCirclePlacementLeft:P(l)&&"left"===e.placement})},null,2)):m("v-if",!0),m(" 步骤底部信息 "),d("div",{class:r(["stepBottomBox",{stepBottomBox_right:"right"===e.placement,stepBottomBox_left:"left"===e.placement}])},[h(t.$slots,"stepBottomBox",{stepItem:l},(()=>[m(" 步骤名称 "),f(d("p",{class:r(["stepLabel",{labelFinsh:J(n),stepLabel_right:"right"===e.placement,stepLabel_left:"left"===e.placement}]),title:l.label},v(l.label),11,C),[[g,l.label]]),d("div",{class:r({stepBottomCustomBox:!0,alignItemsEnd:"left"===e.placement,alignItemsStart:"right"===e.placement})},[h(t.$slots,"stepBottomCustomBox",{stepItem:l},(()=>[d("div",{class:r({stepBottomDefaultBox:!0,alignItemsEnd:"left"===e.placement,alignItemsStart:"right"===e.placement}),style:{width:"100%",display:"flex",flexDirection:"column"}},[f(d("p",{class:"stepExtra",title:l.person},v(l.person),9,$),[[g,l.person]]),m(" 步骤时间 "),f(d("p",{class:"statusTime",title:l.statusTime},v(l.statusTime),9,L),[[g,l.statusTime]])],2)]))],2)])),F(l)?(o(),i("div",R)):m("v-if",!0)],2)],64)):(o(),i("div",M,[m("null元素占位")]))],2)))),128))])],2)):(o(),i("div",N,[y(a(T),{description:a(j)},null,8,["description"])]))],4))}}),[["__file","StepsWheel.vue"]]);export{D as default};
1
+ import{defineComponent as e,computed as t,toRefs as l,ref as n,watch as s,openBlock as o,createElementBlock as i,normalizeStyle as p,unref as r,normalizeClass as a,createElementVNode as d,Fragment as u,renderList as c,createCommentVNode as m,withDirectives as f,renderSlot as h,toDisplayString as v,vShow as g,createBlock as I,withCtx as x,createVNode as y,createTextVNode as B}from"vue";import{NTooltip as w,NEmpty as T}from"naive-ui";import{useTheme as S}from"../../../shared/mixins/useTheme.js";import{defaultCssVars as _}from"./constants/index.js";import b from"../../../_virtual/plugin-vue_export-helper.js";const k={class:"stepBox"},C=["title"],$=d("ul",{class:"nodeTipContent"},[d("li",null,[d("p",null,[d("span",{style:{"margin-right":"10px"}},"(1)"),B(" 2022-07-30 14:15:12 ")]),d("p",null,"周老师"),d("p",null,"步骤条提示"),d("p",null,"咱这是测试案例,请使用插槽:#nodeTipBox 自定义")]),d("li",null,[d("p",null,[d("span",{style:{"margin-right":"10px"}},"(2)"),B(" 2022-07-30 14:15:12 ")]),d("p",null,"周老师"),d("p",null,"步骤条提示"),d("p",null,"咱这是个测试案例,请使用插槽:#nodeTipBox 自定义")])],-1),L=["title"],R=["title"],j=["title"],M={key:0,style:{height:"48px"}},N={key:1},D={key:1};var W=b(e({__name:"StepsWheel",props:{stepInfo:{type:Object,default:()=>({list:[],cols:6})},currentStep:{type:Number,default:1},toolTipShow:{type:Boolean,default:!0},lastNodeRender:{type:Boolean,default:!1},noDataMsg:{type:String,default:"暂无节点数据"},placement:{type:String,default:"center"}},setup(e){const B=e,b=S(_,"StepsWheel"),W=t((()=>Math.ceil(P.value.length/B.stepInfo.cols))),A=t((()=>B.lastNodeRender)),{noDataMsg:E}=l(B),O=n(null),F=t((()=>{var e;let t=72;if(null==(e=null==O?void 0:O.value)?void 0:e.length){let e=O.value[0],l=window.getComputedStyle?window.getComputedStyle(e):e.currentStyle;t=isNaN(parseInt(l["min-width"]))?72:parseInt(l["min-width"])}return`${20+B.stepInfo.cols*t}px`})),P=n([]),q=n([]),z=e=>{if(q.value.length){if(e.rowIndex===q.value.length)return!0;if(e.rowIndex<q.value.length)return q.value[e.rowIndex].some((e=>null==e?void 0:e.title))}return!1},G=e=>{const{list:t=[]}=B.stepInfo;return e.rowIndex%2==0&&"frist"==e.nodeType&&e.nodeIndex!==t.length},H=e=>{const{list:t=[]}=B.stepInfo;return e.rowIndex%2!=0&&"last"==e.nodeType&&e.nodeIndex!==t.length},J=(e,t)=>e.rowIndex%2==0?B.currentStep>=t+(B.stepInfo.cols-2*e.sort):B.currentStep>=t+2,K=(e,t)=>{let l=e.length,n=l%t==0?l/t:Math.floor(l/t+1),s=[];for(let l=0;l<n;l++){let n=e.slice(l*t,l*t+t);s.push(n)}return s},Q=e=>{const{cols:t}=B.stepInfo;let l=K(P.value,t),n=l[l.length-1].filter((e=>e));return W.value%2==0?e!=n[n.length-1].nodeIndex-(t-2*n[n.length-1].sort):e!=n[n.length-1].nodeIndex-1},U=e=>{const{cols:t}=B.stepInfo;let l=K(P.value,t),n=l[l.length-1].filter((e=>e));return W.value%2==0?A.value&&e==n[0].nodeIndex-(t-2*n[0].sort):A.value&&e==n[n.length-1].nodeIndex-1},V=(e,t)=>{const{cols:l}=B.stepInfo;let n=K(P.value,l),s=n[n.length-1].filter((e=>e));return W.value%2==0?"circle"===t?A.value&&e==s[0].nodeIndex-(l-2*s[0].sort)-l:A.value&&e==s[0].nodeIndex-(l-2*s[0].sort):"circle"===t?A.value&&e==s[s.length-1].nodeIndex-1-l:A.value&&e==s[s.length-1].nodeIndex-2};return s((()=>B.stepInfo),(e=>{var t;(null==(t=null==e?void 0:e.list)?void 0:t.length)&&((e,t)=>{let l=e.length+1,n=Math.ceil(e.length/t),s=!0,o=[];for(var i=0;i<n;i++)o[i]=new Array(t),o[i].fill(null);let p=0,r=0;for(let n=1;n<l;n++)o[p][r]=Object.assign(e[n-1],{nodeIndex:n,rowIndex:p+1}),s?n%t!=0?r++:(s=!s,p++):n%t!=0?r--:(s=!s,p++);let a=[];o.map((e=>{e.map(((e,t)=>e&&(e.sort=t))),e[0]&&(e[0].nodeType="frist"),e[e.length-1]&&(e[e.length-1].nodeType="last"),a=[...a,...e]})),P.value=a,q.value=o})(e.list,e.cols)}),{immediate:!0,deep:!0}),(t,l)=>(o(),i("div",{class:"step-wheel-box",style:p({minWidth:r(F),...r(b)})},[P.value.length?(o(),i("div",{key:0,class:a(["stepOut",{placementLeft:"left"===e.placement,placementRight:"right"===e.placement}])},[d("ul",k,[(o(!0),i(u,null,c(P.value,((l,n)=>(o(),i("li",{ref_for:!0,ref_key:"stepItemRef",ref:O,key:(null==l?void 0:l.stepId)||n,class:a(["stepItem",{[`stepItem_${n+1}`]:!0,[`${null==l?void 0:l.stepId}`]:!!(null==l?void 0:l.stepId)}])},[l?(o(),i(u,{key:0},[m(" 步骤头部信息 "),f(d("div",{class:a(["stepTopBox",{finished:U(n),stepTopBox_right:"right"===e.placement,stepTopBox_left:"left"===e.placement}])},[h(t.$slots,"stepTopBox",{stepItem:l},(()=>[d("span",{title:l.title},v(l.title),9,C)]))],2),[[g,l.title]]),m(" 步骤条的节点,此处为圆圈 "),e.toolTipShow?(o(),I(r(w),{key:0,placement:"top","show-arrow":!0,trigger:"hover",style:p({opacity:"0.88"})},{trigger:x((()=>[d("div",{class:a(["icon",{active:e.currentStep>=l.nodeIndex,finished:U(n)}])},null,2)])),default:x((()=>[h(t.$slots,"nodeTipBox",{stepItem:l,stepId:l.stepId},(()=>[$]))])),_:2},1032,["style"])):(o(),i("div",{key:1,class:a(["icon",{active:e.currentStep>=l.nodeIndex,finished:U(n)}])},null,2)),m(" 步骤条连接线,动态显示 "),"last"!==l.nodeType?f((o(),i("div",{key:2,class:a(["line",{lineActive:J(l,n),finished:V(n)}])},null,2)),[[g,Q(n)]]):m("v-if",!0),m(" 步骤条弯曲连线,动态渲染 "),G(l)||H(l)?(o(),i("div",{key:3,class:a({lineCircleActive:e.currentStep>l.nodeIndex,lineCircleFinished:V(n,"circle"),lineCircleRight:H(l),lineCircleLeft:G(l),lineCirclePlacementRight:H(l)&&"right"===e.placement,lineCirclePlacementLeft:G(l)&&"left"===e.placement})},null,2)):m("v-if",!0),m(" 步骤底部信息 "),d("div",{class:a(["stepBottomBox",{stepBottomBox_right:"right"===e.placement,stepBottomBox_left:"left"===e.placement}])},[h(t.$slots,"stepBottomBox",{stepItem:l},(()=>[m(" 步骤名称 "),f(d("p",{class:a(["stepLabel",{labelFinsh:U(n),stepLabel_right:"right"===e.placement,stepLabel_left:"left"===e.placement}]),title:l.label},v(l.label),11,L),[[g,l.label]]),d("div",{class:a({stepBottomCustomBox:!0,alignItemsEnd:"left"===e.placement,alignItemsStart:"right"===e.placement})},[h(t.$slots,"stepBottomCustomBox",{stepItem:l},(()=>[d("div",{class:a({stepBottomDefaultBox:!0,alignItemsEnd:"left"===e.placement,alignItemsStart:"right"===e.placement}),style:{width:"100%",display:"flex",flexDirection:"column"}},[f(d("p",{class:"stepExtra",title:l.person},v(l.person),9,R),[[g,l.person]]),m(" 步骤时间 "),f(d("p",{class:"statusTime",title:l.statusTime},v(l.statusTime),9,j),[[g,l.statusTime]])],2)]))],2)])),z(l)?(o(),i("div",M)):m("v-if",!0)],2)],64)):(o(),i("div",N,[m("null元素占位")]))],2)))),128))])],2)):(o(),i("div",D,[y(r(T),{description:r(E)},null,8,["description"])]))],4))}}),[["__file","StepsWheel.vue"]]);export{W as default};
@@ -0,0 +1,2 @@
1
+ import { CSSProperties } from 'vue';
2
+ export declare const defaultCssVars: CSSProperties;
@@ -0,0 +1 @@
1
+ const c={"--c-color-primary":"#2563f4","--c-color-finish":"#5dc055"};export{c as defaultCssVars};
@@ -1 +1 @@
1
- .step-wheel-box{font-family:PingFangSC-Medium,PingFang SC;font-size:16px;font-weight:500;height:100%;overflow:hidden;width:100%}.step-wheel-box .stepOut{display:flex;justify-content:center}.step-wheel-box .stepOut .stepBox{display:flex;flex-wrap:wrap;list-style:none;width:100%}.step-wheel-box .stepOut .stepItem{font-family:SimSun;font-size:16px;min-width:73px;position:relative;text-align:center;top:48px;width:15%}.step-wheel-box .stepOut .stepItem .lineCircleRight{border-color:#fff;border-bottom:1px dashed rgba(3,2,2,.4);border-left:0 dashed rgba(3,2,2,.4)!important;border-radius:0 25px 25px 0;border-right:1px dashed rgba(3,2,2,.4);border-top:1px dashed rgba(3,2,2,.4);display:block;height:100%;left:55%;position:absolute;top:6px;width:30%}.step-wheel-box .stepOut .stepItem .lineCirclePlacementRight{width:100%}.step-wheel-box .stepOut .stepItem .lineCircleLeft{border-color:#fff;border-bottom:1px dashed rgba(3,2,2,.4);border-left:1px dashed rgba(3,2,2,.4);border-radius:25px 0 0 25px;border-right:0 dashed rgba(3,2,2,.4)!important;border-top:1px dashed rgba(3,2,2,.4);display:block;height:100%;left:15%;position:absolute;top:6px;width:30%}.step-wheel-box .stepOut .stepItem .lineCirclePlacementLeft{left:-55%;width:100%}.step-wheel-box .stepOut .stepItem .lineCircleActive{border:1px solid #2563f4}.step-wheel-box .stepOut .stepItem .lineCircleFinished{border:1px solid #5dc055}.step-wheel-box .stepOut .stepItem .icon{background:#969696;border-radius:50%;height:13px;margin:0 auto;position:relative;width:13px;z-index:888}.step-wheel-box .stepOut .stepItem .active{background-color:#2563f4}.step-wheel-box .stepOut .stepItem .finished{background-color:#5dc055!important;border-color:#5dc055!important;color:#fff!important}.step-wheel-box .stepOut .stepItem .labelFinsh{color:#5dc055!important}.step-wheel-box .stepOut .stepItem .line{border-bottom:1px dashed rgba(3,2,2,.4);left:55%;position:absolute;top:6px;width:90%;z-index:111}.step-wheel-box .stepOut .stepItem .lineActive{border-bottom:1px solid #2563f4}.step-wheel-box .stepOut .stepItem .stepTopBox{background:rgba(110,153,255,.11);border-radius:4px;color:#2563f4;cursor:pointer;height:40px;left:50%;line-height:40px;max-width:70%;min-width:73px;overflow:hidden;padding:0 5px;position:absolute;text-overflow:ellipsis;top:-48px;transform:translateX(-50%);white-space:nowrap}.step-wheel-box .stepOut .stepItem .stepTopBox_right{transform:translateX(-10%)}.step-wheel-box .stepOut .stepItem .stepTopBox_left{transform:translateX(-90%)}.step-wheel-box .stepOut .stepItem .stepBottomBox{align-items:center;cursor:pointer;display:flex;flex-direction:column;min-width:73px;overflow:hidden;padding:8px 0;width:100%}.step-wheel-box .stepOut .stepItem .stepBottomBox .stepBottomCustomBox{align-items:center;display:flex;flex-direction:column;height:calc(100% - 27px);width:100%}.step-wheel-box .stepOut .stepItem .stepBottomBox .stepBottomCustomBox .stepBottomDefaultBox{align-items:center}.step-wheel-box .stepOut .stepItem .stepBottomBox .stepBottomCustomBox .alignItemsEnd{align-items:flex-end;text-align:right}.step-wheel-box .stepOut .stepItem .stepBottomBox .stepBottomCustomBox .alignItemsStart{align-items:flex-start;text-align:left}.step-wheel-box .stepOut .stepItem .stepBottomBox .alignItemsEnd{align-items:flex-end;text-align:right}.step-wheel-box .stepOut .stepItem .stepBottomBox .alignItemsStart{align-items:flex-start;text-align:left}.step-wheel-box .stepOut .stepItem .stepBottomBox_right{align-items:flex-start;left:45%;position:relative}.step-wheel-box .stepOut .stepItem .stepBottomBox_left{align-items:flex-end;left:-45%;position:relative}.step-wheel-box .stepOut .stepItem .stepLabel{color:#212121;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.step-wheel-box .stepOut .stepItem .stepLabel_right{text-align:left}.step-wheel-box .stepOut .stepItem .stepLabel_left{text-align:right}.step-wheel-box .stepOut .stepItem .stepExtra{border:1px solid #cacaca;border-radius:4px;display:inline-block;margin:0;max-width:90%;overflow:hidden;padding:0 4px;text-overflow:ellipsis;white-space:nowrap;width:auto}.step-wheel-box .stepOut .stepItem .statusTime{color:rgba(0,0,0,.6);font-size:14px;font-weight:400;margin:0;max-width:90%}.placementRight{left:-1%;position:relative}.placementLeft{left:10%;position:relative}.nodeTipContent{margin:0;max-height:200px;max-width:400px;overflow:auto;padding:0;text-align:center}.nodeTipContent li{list-style:none;margin-bottom:5px}.nodeTipContent li p{margin:0}
1
+ .step-wheel-box{font-family:PingFangSC-Medium,PingFang SC;font-size:16px;font-weight:500;height:100%;overflow:hidden;width:100%}.step-wheel-box .stepOut{display:flex;justify-content:center}.step-wheel-box .stepOut .stepBox{display:flex;flex-wrap:wrap;list-style:none;width:100%}.step-wheel-box .stepOut .stepItem{font-family:SimSun;font-size:16px;min-width:73px;position:relative;text-align:center;top:48px;width:15%}.step-wheel-box .stepOut .stepItem .lineCircleRight{border-color:#fff;border-bottom:1px dashed rgba(3,2,2,.4);border-left:0 dashed rgba(3,2,2,.4)!important;border-radius:0 25px 25px 0;border-right:1px dashed rgba(3,2,2,.4);border-top:1px dashed rgba(3,2,2,.4);display:block;height:100%;left:55%;position:absolute;top:6px;width:30%}.step-wheel-box .stepOut .stepItem .lineCirclePlacementRight{width:100%}.step-wheel-box .stepOut .stepItem .lineCircleLeft{border-color:#fff;border-bottom:1px dashed rgba(3,2,2,.4);border-left:1px dashed rgba(3,2,2,.4);border-radius:25px 0 0 25px;border-right:0 dashed rgba(3,2,2,.4)!important;border-top:1px dashed rgba(3,2,2,.4);display:block;height:100%;left:15%;position:absolute;top:6px;width:30%}.step-wheel-box .stepOut .stepItem .lineCirclePlacementLeft{left:-55%;width:100%}.step-wheel-box .stepOut .stepItem .lineCircleActive{border-top:1px solid var(--c-color-primary)}.step-wheel-box .stepOut .stepItem .lineCircleFinished{border-top:1px solid var(--c-color-finish)}.step-wheel-box .stepOut .stepItem .icon{background:#969696;border-radius:50%;height:13px;margin:0 auto;position:relative;width:13px;z-index:888}.step-wheel-box .stepOut .stepItem .active{background-color:var(--c-color-primary)}.step-wheel-box .stepOut .stepItem .finished{background-color:var(--c-color-finish)!important;border-color:var(--c-color-finish)!important;color:#fff!important}.step-wheel-box .stepOut .stepItem .labelFinsh{color:var(--c-color-finish)!important}.step-wheel-box .stepOut .stepItem .line{border-bottom:1px dashed rgba(3,2,2,.4);left:55%;position:absolute;top:6px;width:90%;z-index:111}.step-wheel-box .stepOut .stepItem .lineActive{border-bottom:1px solid var(--c-color-primary)}.step-wheel-box .stepOut .stepItem .stepTopBox{background:rgba(110,153,255,.11);border-radius:4px;color:var(--c-color-primary);cursor:pointer;height:40px;left:50%;line-height:40px;max-width:70%;min-width:73px;overflow:hidden;padding:0 5px;position:absolute;text-overflow:ellipsis;top:-48px;transform:translateX(-50%);white-space:nowrap}.step-wheel-box .stepOut .stepItem .stepTopBox_right{transform:translateX(-10%)}.step-wheel-box .stepOut .stepItem .stepTopBox_left{transform:translateX(-90%)}.step-wheel-box .stepOut .stepItem .stepBottomBox{align-items:center;cursor:pointer;display:flex;flex-direction:column;min-width:73px;overflow:hidden;padding:8px 0;width:100%}.step-wheel-box .stepOut .stepItem .stepBottomBox .stepBottomCustomBox{align-items:center;display:flex;flex-direction:column;height:calc(100% - 27px);width:100%}.step-wheel-box .stepOut .stepItem .stepBottomBox .stepBottomCustomBox .stepBottomDefaultBox{align-items:center}.step-wheel-box .stepOut .stepItem .stepBottomBox .stepBottomCustomBox .alignItemsEnd{align-items:flex-end;text-align:right}.step-wheel-box .stepOut .stepItem .stepBottomBox .stepBottomCustomBox .alignItemsStart{align-items:flex-start;text-align:left}.step-wheel-box .stepOut .stepItem .stepBottomBox .alignItemsEnd{align-items:flex-end;text-align:right}.step-wheel-box .stepOut .stepItem .stepBottomBox .alignItemsStart{align-items:flex-start;text-align:left}.step-wheel-box .stepOut .stepItem .stepBottomBox_right{align-items:flex-start;left:45%;position:relative}.step-wheel-box .stepOut .stepItem .stepBottomBox_left{align-items:flex-end;left:-45%;position:relative}.step-wheel-box .stepOut .stepItem .stepLabel{color:#212121;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.step-wheel-box .stepOut .stepItem .stepLabel_right{text-align:left}.step-wheel-box .stepOut .stepItem .stepLabel_left{text-align:right}.step-wheel-box .stepOut .stepItem .stepExtra{border:1px solid #cacaca;border-radius:4px;display:inline-block;margin:0;max-width:90%;overflow:hidden;padding:0 4px;text-overflow:ellipsis;white-space:nowrap;width:auto}.step-wheel-box .stepOut .stepItem .statusTime{color:rgba(0,0,0,.6);font-size:14px;font-weight:400;margin:0;max-width:90%}.placementRight{left:-1%;position:relative}.placementLeft{left:10%;position:relative}.nodeTipContent{margin:0;max-height:200px;max-width:400px;overflow:auto;padding:0;text-align:center}.nodeTipContent li{list-style:none;margin-bottom:5px}.nodeTipContent li p{margin:0}
@@ -0,0 +1 @@
1
+ export * from './useTheme';
@@ -0,0 +1 @@
1
+ export{useTheme}from"./useTheme.js";
@@ -0,0 +1,3 @@
1
+ import { CSSProperties, ComputedRef } from 'vue';
2
+ import { CGlobalThemeOverrides } from '../../components/config-provider/src/interface';
3
+ export declare function useTheme(defaultCssVars: CSSProperties, componentKey: keyof CGlobalThemeOverrides): ComputedRef<CSSProperties>;
@@ -0,0 +1 @@
1
+ import{inject as e,computed as n}from"vue";function r(r,t){const o=e("themeOverridesInjectRef",null);return n((()=>{var e;const n=(null==(e=null==o?void 0:o.value)?void 0:e[t])||{};return{...r,...n}}))}export{r as useTheme};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "cnhis-design-vue",
3
- "version": "3.1.41-beta.32",
3
+ "version": "3.1.41-beta.34",
4
4
  "license": "ISC",
5
5
  "module": "./es/components/index.js",
6
6
  "main": "./es/components/index.js",
@@ -61,5 +61,5 @@
61
61
  "iOS 7",
62
62
  "last 3 iOS versions"
63
63
  ],
64
- "gitHead": "e0048054e14aea26d625bc81055304943d04c84b"
64
+ "gitHead": "eb2b5e81bb5fa408d758b3dbecac3ebfb95b1c8b"
65
65
  }