@aplus-frontend/ui 0.0.1-beta.5 → 0.0.1-beta.6

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 (127) hide show
  1. package/es/index.mjs +86 -65
  2. package/es/src/ap-field/checkbox/helper.mjs +5 -0
  3. package/es/src/ap-field/checkbox/index.vue.d.ts +39 -0
  4. package/es/src/ap-field/checkbox/index.vue.mjs +56 -0
  5. package/es/src/ap-field/checkbox/index.vue2.mjs +4 -0
  6. package/es/src/ap-field/date/constant.mjs +50 -0
  7. package/es/src/ap-field/date/helper.d.ts +2 -0
  8. package/es/src/ap-field/date/helper.mjs +10 -0
  9. package/es/src/ap-field/date/index.vue.d.ts +57 -0
  10. package/es/src/ap-field/date/index.vue.mjs +75 -0
  11. package/es/src/ap-field/date/index.vue2.mjs +4 -0
  12. package/es/src/ap-field/date-range/index.vue.d.ts +59 -0
  13. package/es/src/ap-field/date-range/index.vue.mjs +87 -0
  14. package/es/src/ap-field/date-range/index.vue2.mjs +4 -0
  15. package/es/src/ap-field/index.d.ts +9 -3
  16. package/es/src/ap-field/interface.d.ts +64 -5
  17. package/es/src/ap-field/number/helper.d.ts +1 -0
  18. package/es/src/ap-field/number/helper.mjs +14 -0
  19. package/es/src/ap-field/number/index.vue.d.ts +72 -0
  20. package/es/src/ap-field/number/index.vue.mjs +108 -0
  21. package/es/src/ap-field/number/index.vue2.mjs +4 -0
  22. package/es/src/ap-field/number/style.css +6 -0
  23. package/es/src/ap-field/radio/helper.d.ts +4 -0
  24. package/es/src/ap-field/radio/helper.mjs +5 -0
  25. package/es/src/ap-field/radio/index.vue.d.ts +40 -0
  26. package/es/src/ap-field/radio/index.vue.mjs +68 -0
  27. package/es/src/ap-field/radio/index.vue2.mjs +4 -0
  28. package/es/src/ap-field/select/index.vue.d.ts +235 -0
  29. package/es/src/ap-field/select/index.vue.mjs +114 -0
  30. package/es/src/ap-field/select/index.vue2.mjs +4 -0
  31. package/es/src/ap-field/switch/index.vue.d.ts +54 -0
  32. package/es/src/ap-field/switch/index.vue.mjs +93 -0
  33. package/es/src/ap-field/switch/index.vue2.mjs +4 -0
  34. package/es/src/ap-field/text/index.vue.d.ts +63 -0
  35. package/es/src/ap-field/text/index.vue.mjs +132 -0
  36. package/es/src/ap-field/text/index.vue2.mjs +4 -0
  37. package/es/src/ap-field/text-area/index.vue.d.ts +49 -0
  38. package/es/src/ap-field/text-area/index.vue.mjs +86 -0
  39. package/es/src/ap-field/text-area/index.vue2.mjs +4 -0
  40. package/es/src/ap-field/text-area/style.css +5 -0
  41. package/es/src/ap-form/index.d.ts +12 -12
  42. package/es/src/basic/help.vue.d.ts +1 -1
  43. package/es/src/basic/index.d.ts +3 -3
  44. package/es/src/config-provider/config-provider.d.ts +2 -2
  45. package/es/src/config-provider/index.d.ts +6 -6
  46. package/es/src/design-token/index.d.ts +4 -0
  47. package/es/src/design-token/index.mjs +59 -0
  48. package/es/src/index.d.ts +2 -0
  49. package/es/src/index.mjs +104 -83
  50. package/es/src/modal/basic.vue.d.ts +1 -1
  51. package/es/src/modal/components/modal-footer.vue.d.ts +1 -1
  52. package/es/src/modal/components/modal.d.ts +1 -1
  53. package/es/src/modal/index.d.ts +3 -3
  54. package/es/src/pro-form/components/api-transfer.vue.d.ts +1 -1
  55. package/es/src/pro-form/hooks/use-form-events.mjs +22 -22
  56. package/es/src/pro-form/hooks/use-form-values.mjs +12 -12
  57. package/es/src/pro-form/hooks/use-label-width.d.ts +3 -3
  58. package/es/src/pro-form/pro-form.vue.mjs +23 -23
  59. package/es/src/pro-table/hooks/use-columns.mjs +24 -24
  60. package/es/src/theme/ap-field/number.css +6 -0
  61. package/es/src/theme/ap-field/text-area.css +5 -0
  62. package/es/src/type.d.ts +3 -1
  63. package/es/src/utils/index.d.ts +7 -0
  64. package/lib/index.js +1 -1
  65. package/lib/src/ap-field/checkbox/helper.js +1 -0
  66. package/lib/src/ap-field/checkbox/index.vue.d.ts +39 -0
  67. package/lib/src/ap-field/checkbox/index.vue.js +1 -0
  68. package/lib/src/ap-field/checkbox/index.vue2.js +1 -0
  69. package/lib/src/ap-field/date/constant.js +1 -0
  70. package/lib/src/ap-field/date/helper.d.ts +2 -0
  71. package/lib/src/ap-field/date/helper.js +1 -0
  72. package/lib/src/ap-field/date/index.vue.d.ts +57 -0
  73. package/lib/src/ap-field/date/index.vue.js +1 -0
  74. package/lib/src/ap-field/date/index.vue2.js +1 -0
  75. package/lib/src/ap-field/date-range/index.vue.d.ts +59 -0
  76. package/lib/src/ap-field/date-range/index.vue.js +1 -0
  77. package/lib/src/ap-field/date-range/index.vue2.js +1 -0
  78. package/lib/src/ap-field/index.d.ts +9 -3
  79. package/lib/src/ap-field/interface.d.ts +64 -5
  80. package/lib/src/ap-field/number/helper.d.ts +1 -0
  81. package/lib/src/ap-field/number/helper.js +1 -0
  82. package/lib/src/ap-field/number/index.vue.d.ts +72 -0
  83. package/lib/src/ap-field/number/index.vue.js +1 -0
  84. package/lib/src/ap-field/number/index.vue2.js +1 -0
  85. package/lib/src/ap-field/number/style.css +6 -0
  86. package/lib/src/ap-field/radio/helper.d.ts +4 -0
  87. package/lib/src/ap-field/radio/helper.js +1 -0
  88. package/lib/src/ap-field/radio/index.vue.d.ts +40 -0
  89. package/lib/src/ap-field/radio/index.vue.js +1 -0
  90. package/lib/src/ap-field/radio/index.vue2.js +1 -0
  91. package/lib/src/ap-field/select/index.vue.d.ts +235 -0
  92. package/lib/src/ap-field/select/index.vue.js +1 -0
  93. package/lib/src/ap-field/select/index.vue2.js +1 -0
  94. package/lib/src/ap-field/switch/index.vue.d.ts +54 -0
  95. package/lib/src/ap-field/switch/index.vue.js +1 -0
  96. package/lib/src/ap-field/switch/index.vue2.js +1 -0
  97. package/lib/src/ap-field/text/index.vue.d.ts +63 -0
  98. package/lib/src/ap-field/text/index.vue.js +1 -0
  99. package/lib/src/ap-field/text/index.vue2.js +1 -0
  100. package/lib/src/ap-field/text-area/index.vue.d.ts +49 -0
  101. package/lib/src/ap-field/text-area/index.vue.js +1 -0
  102. package/lib/src/ap-field/text-area/index.vue2.js +1 -0
  103. package/lib/src/ap-field/text-area/style.css +5 -0
  104. package/lib/src/ap-form/index.d.ts +12 -12
  105. package/lib/src/basic/help.vue.d.ts +1 -1
  106. package/lib/src/basic/index.d.ts +3 -3
  107. package/lib/src/config-provider/config-provider.d.ts +2 -2
  108. package/lib/src/config-provider/index.d.ts +6 -6
  109. package/lib/src/design-token/index.d.ts +4 -0
  110. package/lib/src/design-token/index.js +1 -0
  111. package/lib/src/index.d.ts +2 -0
  112. package/lib/src/index.js +1 -1
  113. package/lib/src/modal/basic.vue.d.ts +1 -1
  114. package/lib/src/modal/components/modal-footer.vue.d.ts +1 -1
  115. package/lib/src/modal/components/modal.d.ts +1 -1
  116. package/lib/src/modal/index.d.ts +3 -3
  117. package/lib/src/pro-form/components/api-transfer.vue.d.ts +1 -1
  118. package/lib/src/pro-form/hooks/use-form-events.js +1 -1
  119. package/lib/src/pro-form/hooks/use-form-values.js +1 -1
  120. package/lib/src/pro-form/hooks/use-label-width.d.ts +3 -3
  121. package/lib/src/pro-form/pro-form.vue.js +1 -1
  122. package/lib/src/pro-table/hooks/use-columns.js +1 -1
  123. package/lib/src/theme/ap-field/number.css +6 -0
  124. package/lib/src/theme/ap-field/text-area.css +5 -0
  125. package/lib/src/type.d.ts +3 -1
  126. package/lib/src/utils/index.d.ts +7 -0
  127. package/package.json +2 -2
@@ -0,0 +1,39 @@
1
+ import { ApFieldCheckboxProps, FieldMode } from '../interface';
2
+ import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
3
+ import { CheckboxOptionType } from 'ant-design-vue';
4
+
5
+ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldCheckboxProps>, {
6
+ emptyText: string;
7
+ mode: string;
8
+ options: () => never[];
9
+ }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
10
+ "update:value": (...args: any[]) => void;
11
+ }, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldCheckboxProps>, {
12
+ emptyText: string;
13
+ mode: string;
14
+ options: () => never[];
15
+ }>>> & {
16
+ "onUpdate:value"?: ((...args: any[]) => any) | undefined;
17
+ }, {
18
+ mode: FieldMode;
19
+ options: (string | number | CheckboxOptionType)[];
20
+ emptyText: string;
21
+ }, {}>;
22
+ export default _default;
23
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
24
+ type __VLS_TypePropsToRuntimeProps<T> = {
25
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
26
+ type: PropType<__VLS_NonUndefinedable<T[K]>>;
27
+ } : {
28
+ type: PropType<T[K]>;
29
+ required: true;
30
+ };
31
+ };
32
+ type __VLS_WithDefaults<P, D> = {
33
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
34
+ default: D[K];
35
+ }> : P[K];
36
+ };
37
+ type __VLS_Prettify<T> = {
38
+ [K in keyof T]: T[K];
39
+ } & {};
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("lodash-unified"),f=require("ant-design-vue");require("../../hooks/useMessage.js");const m=require("../../hooks/useControllableValue.js"),i=require("./helper.js"),k=e.defineComponent({name:"ApFieldCheckbox",inheritAttrs:!1,__name:"index",props:{mode:{default:"edit"},defaultValue:{},value:{},onChange:{},"onUpdate:value":{},name:{},prefixCls:{},options:{default:()=>[]},disabled:{type:Boolean},id:{},emptyText:{default:"-"},request:{}},emits:["update:value"],setup(s,{emit:p}){const c=p,t=s,n=e.ref(t.options);e.onMounted(()=>{r.isFunction(t.request)&&t.request().then(l=>n.value=l)});const{value:o,updateValue:d}=m.useControllableValue(t,c,{defaultValue:[]});return(l,v)=>{var a;return l.mode==="read"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(r.isNil)(e.unref(o))?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(t.emptyText),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(((a=n.value)==null?void 0:a.filter(u=>e.unref(o).indexOf(e.unref(i.getOptionValue)(u))>-1).map(u=>e.unref(i.getOptionLabel)(u)).join("、"))||t.emptyText),1)],64))],64)):(e.openBlock(),e.createBlock(e.unref(f.CheckboxGroup),e.mergeProps({key:1},t,{options:n.value,value:e.unref(o),"onUpdate:value":e.unref(d)}),null,16,["options","value","onUpdate:value"]))}}});exports.default=k;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.vue.js");exports.default=e.default;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Y=["Y","Y-M","Y-D","Y-h","Y-m","Y-s"],e={Y:"YYYY","Y-M":"YYYY-MM","Y-D":"YYYY-MM-DD","Y-h":"YYYY-MM-DD HH","Y-m":"YYYY-MM-DD HH:mm","Y-s":"YYYY-MM-DD HH:mm:ss"},s={Y:"year","Y-M":"month","Y-D":"date","Y-h":"date","Y-m":"date","Y-s":"date"},M={Y:{showTime:!1},"Y-M":{showTime:!1},"Y-D":{showTime:!1},"Y-h":{showTime:!0,showSecond:!1,showMinute:!1},"Y-m":{showTime:!0,showSecond:!1},"Y-s":{showTime:!0}};exports.ApFieldDatePresetFormats=Y;exports.PRESET_FORMAT_MAP=e;exports.PRESET_FORMAT_PICK_MAP=s;exports.PRESET_FORMAT_TIME_MAP=M;
@@ -1,3 +1,5 @@
1
+ import { EventValue } from 'ant-design-vue/es/vc-picker/interface';
1
2
  import { Dayjs } from 'dayjs';
2
3
 
3
4
  export declare const formatDay: (d: Dayjs, f: string, begin?: boolean) => number | null;
5
+ export declare const formatValue: (v: EventValue<Dayjs>) => number | null;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=(e,f,o=!0)=>{if(!e)return null;let t=e.clone();return t=t.millisecond(0),f.indexOf("ss")===-1&&(t=t.second(o?0:59)),f.indexOf("mm")===-1&&(t=t.minute(o?0:59)),f.indexOf("HH")===-1&&(t=t.hour(o?0:23)),f.indexOf("DD")===-1&&(t=t.date(o?1:0),o||(t=t.month(t.month()+1))),f.indexOf("MM")===-1&&(t=t.month(o?0:12)),t.valueOf()},r=e=>e&&e.valueOf();exports.formatDay=n;exports.formatValue=r;
@@ -0,0 +1,57 @@
1
+ import { ApFieldDateProps, FieldMode } from '../interface';
2
+ import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
3
+ import { DatePickerProps } from 'ant-design-vue';
4
+
5
+ type ApFieldDataSlots = {
6
+ dateRender: any;
7
+ suffixIcon?: any;
8
+ prevIcon?: any;
9
+ nextIcon?: any;
10
+ superPrevIcon?: any;
11
+ superNextIcon?: any;
12
+ renderExtraFooter?: any;
13
+ monthCellRender?: any;
14
+ monthCellContentRender?: any;
15
+ clearIcon?: any;
16
+ default?: any;
17
+ };
18
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldDateProps>, {
19
+ format: string;
20
+ mode: string;
21
+ fieldProps: () => {};
22
+ }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
23
+ "update:value": (...args: any[]) => void;
24
+ }, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldDateProps>, {
25
+ format: string;
26
+ mode: string;
27
+ fieldProps: () => {};
28
+ }>>> & {
29
+ "onUpdate:value"?: ((...args: any[]) => any) | undefined;
30
+ }, {
31
+ mode: FieldMode;
32
+ format: string;
33
+ fieldProps: Omit< DatePickerProps, "value" | "defaultValue" | "onChange" | "mode" | "format" | "onOk">;
34
+ }, {}>, Readonly<ApFieldDataSlots> & ApFieldDataSlots>;
35
+ export default _default;
36
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
37
+ type __VLS_TypePropsToRuntimeProps<T> = {
38
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
39
+ type: PropType<__VLS_NonUndefinedable<T[K]>>;
40
+ } : {
41
+ type: PropType<T[K]>;
42
+ required: true;
43
+ };
44
+ };
45
+ type __VLS_WithDefaults<P, D> = {
46
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
47
+ default: D[K];
48
+ }> : P[K];
49
+ };
50
+ type __VLS_Prettify<T> = {
51
+ [K in keyof T]: T[K];
52
+ } & {};
53
+ type __VLS_WithTemplateSlots<T, S> = T & {
54
+ new (): {
55
+ $slots: S;
56
+ };
57
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("dayjs"),A=require("ant-design-vue"),c=require("./constant.js");require("../../hooks/useMessage.js");const C=require("../../hooks/useControllableValue.js"),p=require("lodash-unified"),m=require("./helper.js"),D=e.defineComponent({name:"ApFieldDate",inheritAttrs:!1,__name:"index",props:{mode:{default:"edit"},fieldProps:{default:()=>({})},emptyText:{},value:{},defaultValue:{},onChange:{},onOk:{},format:{default:"Y-D"}},emits:["update:value"],setup(P,{emit:v}){const t=P,k=v,{value:i,updateValue:d}=C.useControllableValue(t,k),a=e.computed(()=>c.ApFieldDatePresetFormats.indexOf(t.format)>-1),u=e.computed(()=>a.value?c.PRESET_FORMAT_MAP[t.format]:t.format),_=e.computed(()=>p.isNil(e.unref(i))?void 0:s(e.unref(i))),g=e.computed(()=>e.unref(a)?t.fieldProps.picker??c.PRESET_FORMAT_PICK_MAP[t.format]:t.fieldProps.picker),y=e.computed(()=>{const r=e.unref(a)?c.PRESET_FORMAT_TIME_MAP[t.format]:{};return{...t.fieldProps,...r}});function h(r){if(p.isNil(r)){d(null);return}const n=s(r);e.unref(a)?d(m.formatDay(n,e.unref(u))):d(n.valueOf())}function O(r,n){var f;const l=s(r),o=e.unref(a)?m.formatDay(l,e.unref(u)):r?l.valueOf():null;(f=t.onChange)==null||f.call(t,o,n)}function T(r){var o;const n=s(r),l=e.unref(a)?m.formatDay(n,e.unref(u)):r?n.valueOf():null;(o=t.onOk)==null||o.call(t,l)}return(r,n)=>r.mode==="read"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(e.unref(i)?e.unref(s)(e.unref(i)).format(u.value):r.emptyText),1)],64)):(e.openBlock(),e.createBlock(e.unref(A.DatePicker),e.mergeProps({key:1},y.value,{value:_.value,format:u.value,"onUpdate:value":h,onChange:O,onOk:T,picker:g.value}),e.createSlots({_:2},[e.renderList(r.$slots,(l,o)=>({name:o,fn:e.withCtx(f=>[e.renderSlot(r.$slots,o,e.normalizeProps(e.guardReactiveProps(f||{})))])}))]),1040,["value","format","picker"]))}});exports.default=D;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.vue.js");exports.default=e.default;
@@ -0,0 +1,59 @@
1
+ import { ApFieldDateRangeProps, FieldMode } from '../interface';
2
+ import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
3
+ import { RangePickerProps } from 'ant-design-vue/es/date-picker';
4
+
5
+ type ApFieldDateRangeSlots = {
6
+ suffixIcon?: any;
7
+ prevIcon?: any;
8
+ nextIcon?: any;
9
+ superPrevIcon?: any;
10
+ superNextIcon?: any;
11
+ dateRender?: any;
12
+ renderExtraFooter?: any;
13
+ default?: any;
14
+ separator?: any;
15
+ clearIcon?: any;
16
+ };
17
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldDateRangeProps>, {
18
+ emptyText: string;
19
+ mode: string;
20
+ format: string;
21
+ fieldProps: () => {};
22
+ }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
23
+ "update:value": (...args: any[]) => void;
24
+ }, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldDateRangeProps>, {
25
+ emptyText: string;
26
+ mode: string;
27
+ format: string;
28
+ fieldProps: () => {};
29
+ }>>> & {
30
+ "onUpdate:value"?: ((...args: any[]) => any) | undefined;
31
+ }, {
32
+ mode: FieldMode;
33
+ format: string;
34
+ emptyText: string;
35
+ fieldProps: Omit< RangePickerProps, "value" | "defaultValue" | "onChange" | "renderExtraFooter" | "onPanelChange" | "onOk">;
36
+ }, {}>, Readonly<ApFieldDateRangeSlots> & ApFieldDateRangeSlots>;
37
+ export default _default;
38
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
39
+ type __VLS_TypePropsToRuntimeProps<T> = {
40
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
41
+ type: PropType<__VLS_NonUndefinedable<T[K]>>;
42
+ } : {
43
+ type: PropType<T[K]>;
44
+ required: true;
45
+ };
46
+ };
47
+ type __VLS_WithDefaults<P, D> = {
48
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
49
+ default: D[K];
50
+ }> : P[K];
51
+ };
52
+ type __VLS_Prettify<T> = {
53
+ [K in keyof T]: T[K];
54
+ } & {};
55
+ type __VLS_WithTemplateSlots<T, S> = T & {
56
+ new (): {
57
+ $slots: S;
58
+ };
59
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("../date/constant.js");require("../../hooks/useMessage.js");const V=require("../../hooks/useControllableValue.js"),c=require("lodash-unified"),l=require("dayjs"),E=require("ant-design-vue"),s=require("../date/helper.js"),R=require("@ant-design/icons-vue"),q=e.defineComponent({__name:"index",props:{mode:{default:"edit"},fieldProps:{default:()=>({})},emptyText:{default:"-"},value:{},defaultValue:{},onChange:{},onOk:{},format:{default:"Y-D"}},emits:["update:value"],setup(P,{emit:g}){const r=P,_=g,u=e.computed(()=>p.ApFieldDatePresetFormats.indexOf(r.format)>-1),a=e.computed(()=>u.value?p.PRESET_FORMAT_MAP[r.format]:r.format),{value:d,updateValue:k}=V.useControllableValue(r,_),f=e.computed(()=>{var t,n;if(!c.isNil(e.unref(d)))return[l((t=e.unref(d))==null?void 0:t[0]),l((n=e.unref(d))==null?void 0:n[1])]}),y=e.computed(()=>e.unref(u)?r.fieldProps.picker??p.PRESET_FORMAT_PICK_MAP[r.format]:r.fieldProps.picker),D=e.computed(()=>{const t=e.unref(u)?p.PRESET_FORMAT_TIME_MAP[r.format]:{};return{...r.fieldProps,...t}});function S(t){t||k(null);const n=c.isString(t[0])?l(t[0]):t[0],o=c.isString(t[1])?l(t[1]):t[1];e.unref(u)?k([s.formatDay(n,e.unref(a)),s.formatDay(o,e.unref(a),!1)]):k([s.formatValue(n),s.formatValue(o)])}function T(t){var i;const n=c.isString(t[0])?l(t[0]):t[0],o=c.isString(t[1])?l(t[1]):t[1],m=t[0]?e.unref(u)?s.formatDay(n,e.unref(a)):n.valueOf():null,v=t[1]?e.unref(u)?s.formatDay(o,e.unref(a),!1):o.valueOf():null;(i=r.onOk)==null||i.call(r,[m,v])}return(t,n)=>{var o,m;return t.mode==="read"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[f.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString((o=f.value[0])==null?void 0:o.format(a.value))+" ",1),e.createVNode(e.unref(R.SwapRightOutlined)),e.createTextVNode(" "+e.toDisplayString((m=f.value[1])==null?void 0:m.format(a.value)),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(t.emptyText),1)],64))],64)):(e.openBlock(),e.createBlock(e.unref(E.DatePicker).RangePicker,e.mergeProps({key:1},D.value,{value:f.value,"onUpdate:value":S,picker:y.value,format:a.value,onOk:T}),e.createSlots({_:2},[e.renderList(t.$slots,(v,i)=>({name:i,fn:e.withCtx(O=>[e.renderSlot(t.$slots,i,e.normalizeProps(e.guardReactiveProps(O||{})))])}))]),1040,["value","picker","format"]))}}});exports.default=q;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.vue.js");exports.default=e.default;
@@ -1,6 +1,12 @@
1
1
  import { default as ApFieldText } from './text/index.vue';
2
- import { default as ApFiledCheckbox } from './checkbox/index.vue';
3
- import { default as ApFiledDate } from './date/index.vue';
2
+ import { default as ApFieldCheckbox } from './checkbox/index.vue';
3
+ import { default as ApFieldDate } from './date/index.vue';
4
+ import { default as ApFieldNumber } from './number/index.vue';
5
+ import { default as ApFieldRadio } from './radio/index.vue';
6
+ import { default as ApFieldSwitch } from './switch/index.vue';
7
+ import { default as ApFieldTextArea } from './text-area/index.vue';
8
+ import { default as ApFieldDateRange } from './date-range/index.vue';
9
+ import { default as ApFieldSelect } from './select/index.vue';
4
10
 
5
11
  export * from './interface';
6
- export { ApFieldText, ApFiledCheckbox, ApFiledDate };
12
+ export { ApFieldText, ApFieldCheckbox, ApFieldDate, ApFieldNumber, ApFieldRadio, ApFieldSwitch, ApFieldTextArea, ApFieldDateRange, ApFieldSelect };
@@ -1,18 +1,24 @@
1
- import { InputProps, CheckboxGroupProps, DatePickerProps } from 'ant-design-vue';
1
+ import { InputProps, CheckboxGroupProps, DatePickerProps, InputNumberProps, RadioGroupProps, SwitchProps, TextAreaProps, SelectProps } from 'ant-design-vue';
2
2
  import { InputFocusOptions } from 'ant-design-vue/es/vc-input/utils/commonUtils';
3
3
  import { ApFormatPresetType } from './date/interface';
4
- import { PanelMode } from 'ant-design-vue/es/vc-picker/interface';
4
+ import { RangeValue } from 'ant-design-vue/es/vc-picker/interface';
5
+ import { RangePickerProps } from 'ant-design-vue/es/date-picker/dayjs';
5
6
 
6
7
  export type FieldMode = 'read' | 'edit';
7
8
  export type BasicApFieldProps<FieldPropsType = any> = {
8
9
  mode?: FieldMode;
9
10
  } & FieldPropsType;
11
+ export type ApFieldComposedProps<FieldPropsType = any> = {
12
+ mode?: FieldMode;
13
+ fieldProps?: FieldPropsType;
14
+ };
10
15
  export type ApFieldTextProps = BasicApFieldProps<InputProps> & {
11
16
  emptyText?: string;
12
17
  };
13
18
  export type ApFieldTextExpose = {
14
19
  focus: (options?: InputFocusOptions) => void;
15
20
  blur: () => void;
21
+ input: any;
16
22
  setSelectionRange: (start: number, end: number, direction?: 'forward' | 'backward' | 'none') => void;
17
23
  select: () => void;
18
24
  };
@@ -20,12 +26,65 @@ export type ApFieldCheckboxProps = BasicApFieldProps<CheckboxGroupProps> & {
20
26
  emptyText?: string;
21
27
  request?: () => Promise<CheckboxGroupProps['options']>;
22
28
  };
23
- export type ApFieldDateProps = BasicApFieldProps<Omit<DatePickerProps, 'mode' | 'value' | 'defaultValue'>> & {
29
+ export type ApFieldDateProps = ApFieldComposedProps<Omit<DatePickerProps, 'mode' | 'value' | 'defaultValue' | 'onChange' | 'onOk' | 'format'>> & {
24
30
  emptyText?: string;
25
31
  value?: number | null;
26
32
  defaultValue?: number;
27
33
  onChange?: (ts: number | null, dayStr: string) => void;
28
34
  onOk?: (ts: number | null) => void;
29
- format?: ApFormatPresetType;
30
- pickerMode?: PanelMode | undefined;
35
+ format?: ApFormatPresetType | string;
36
+ };
37
+ export type ApFieldNumberProps = BasicApFieldProps<InputNumberProps> & {
38
+ emptyText?: string;
39
+ /**
40
+ * 是否展示千分位,只读模式可用
41
+ */
42
+ thousands?: boolean;
43
+ /**
44
+ * 强制保留指定的小数位,只读模式可用,只有在设置了`precision`才生效
45
+ */
46
+ limitDecimalsRetain?: boolean;
47
+ };
48
+ export type ApiFieldNumberExpose = {
49
+ focus: () => void;
50
+ blur: () => void;
51
+ };
52
+ export type ApFieldRadioProps = BasicApFieldProps<RadioGroupProps> & {
53
+ emptyText?: string;
54
+ request?: () => Promise<RadioGroupProps['options']>;
55
+ };
56
+ export type ApiFieldRadioExpose = {
57
+ focus: () => void;
58
+ blur: () => void;
59
+ };
60
+ export type ApFieldSwitchProps = BasicApFieldProps<Omit<SwitchProps, 'onClick'>> & {
61
+ emptyText?: string;
62
+ onAction?: (checked: string | boolean | number, e: Event) => boolean | Promise<boolean>;
63
+ };
64
+ export type ApFieldTextAreaProps = BasicApFieldProps<TextAreaProps> & {
65
+ emptyText?: string;
66
+ };
67
+ export type ApFieldTextAreaExpose = {
68
+ focus: (options?: InputFocusOptions) => void;
69
+ blur: () => void;
70
+ resizableTextArea: any;
71
+ };
72
+ export type ApFieldDateRangeProps = ApFieldComposedProps<Omit<RangePickerProps, 'value' | 'onChange' | 'onPanelChange' | 'defaultValue' | 'onOk' | 'renderExtraFooter'>> & {
73
+ emptyText?: string;
74
+ value?: RangeValue<number>;
75
+ defaultValue?: RangeValue<number>;
76
+ onChange?: (ts: RangeValue<number>, dayStr: string) => void;
77
+ onOk?: (ts: RangeValue<number>) => void;
78
+ format?: ApFormatPresetType | string;
79
+ };
80
+ export type ApFieldSelectProps = ApFieldComposedProps<Omit<SelectProps, 'mode' | 'value' | 'onUpdate:value' | 'onSearch'>> & {
81
+ emptyText?: string;
82
+ request?: (value?: string) => Promise<SelectProps['options']>;
83
+ multiple?: boolean;
84
+ value?: SelectProps['value'];
85
+ 'onUpdate:value'?: SelectProps['onUpdate:value'];
86
+ };
87
+ export type ApFieldSelectSlots = {
88
+ focus: () => void;
89
+ blur: () => void;
31
90
  };
@@ -0,0 +1 @@
1
+ export declare function addZeroToDecimalPlaces(numStr: string, precision?: number): string;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("lodash-unified");function a(t,l){if(o.isNil(l))return t;let[i,e]=t.split(".");if(!e||e.length>=l)return t;for(let r=e.length;r<l;r++)e+="0";return i+"."+e}exports.addZeroToDecimalPlaces=a;
@@ -0,0 +1,72 @@
1
+ import { ApFieldNumberProps } from '../interface';
2
+ import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
3
+ import { ValueType } from 'ant-design-vue/es/input-number/src/utils/MiniDecimal';
4
+
5
+ type ApFieldNumberSlots = {
6
+ addonBefore?: any;
7
+ addonAfter?: any;
8
+ prefix?: any;
9
+ default?: any;
10
+ upIcon?: any;
11
+ downIcon?: any;
12
+ };
13
+ declare function focus(): void;
14
+ declare function blur(): void;
15
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldNumberProps>, {
16
+ emptyText: string;
17
+ thousands: boolean;
18
+ bordered: boolean;
19
+ controls: boolean;
20
+ keyboard: boolean;
21
+ max: number;
22
+ min: number;
23
+ step: number;
24
+ }>, {
25
+ focus: typeof focus;
26
+ blur: typeof blur;
27
+ }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
28
+ "update:value": (...args: any[]) => void;
29
+ }, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldNumberProps>, {
30
+ emptyText: string;
31
+ thousands: boolean;
32
+ bordered: boolean;
33
+ controls: boolean;
34
+ keyboard: boolean;
35
+ max: number;
36
+ min: number;
37
+ step: number;
38
+ }>>> & {
39
+ "onUpdate:value"?: ((...args: any[]) => any) | undefined;
40
+ }, {
41
+ bordered: boolean;
42
+ min: ValueType;
43
+ max: ValueType;
44
+ step: ValueType;
45
+ controls: boolean;
46
+ keyboard: boolean;
47
+ emptyText: string;
48
+ thousands: boolean;
49
+ }, {}>, Readonly<ApFieldNumberSlots> & ApFieldNumberSlots>;
50
+ export default _default;
51
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
52
+ type __VLS_TypePropsToRuntimeProps<T> = {
53
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
54
+ type: PropType<__VLS_NonUndefinedable<T[K]>>;
55
+ } : {
56
+ type: PropType<T[K]>;
57
+ required: true;
58
+ };
59
+ };
60
+ type __VLS_WithDefaults<P, D> = {
61
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
62
+ default: D[K];
63
+ }> : P[K];
64
+ };
65
+ type __VLS_Prettify<T> = {
66
+ [K in keyof T]: T[K];
67
+ } & {};
68
+ type __VLS_WithTemplateSlots<T, S> = T & {
69
+ new (): {
70
+ $slots: S;
71
+ };
72
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),b=require("ant-design-vue");require("../../hooks/useMessage.js");const k=require("../../hooks/useControllableValue.js"),u=require("lodash-unified"),g=require("@fruits-chain/utils"),S=require("./helper.js");require("../../config-provider/index.js");require("./style.css");const q=require("../../config-provider/hooks/use-namespace.js"),C=e.defineComponent({name:"ApFieldNumber",inheritAttrs:!1,__name:"index",props:{mode:{},size:{},bordered:{type:Boolean,default:!0},placeholder:{},name:{},id:{},type:{},addonBefore:{},addonAfter:{},prefix:{},"onUpdate:value":{},valueModifiers:{},status:{},stringMode:{type:Boolean},defaultValue:{},value:{},prefixCls:{},min:{default:-1/0},max:{default:1/0},step:{default:1},tabindex:{},controls:{type:Boolean,default:!0},readonly:{type:Boolean},disabled:{type:Boolean},autofocus:{type:Boolean},keyboard:{type:Boolean,default:!0},parser:{},formatter:{},precision:{},decimalSeparator:{},onInput:{},onChange:{},onPressEnter:{},onStep:{},onBlur:{},onFocus:{},emptyText:{default:"-"},thousands:{type:Boolean,default:!1},limitDecimalsRetain:{type:Boolean}},emits:["update:value"],setup(i,{expose:p,emit:d}){const c=d,{b:a}=q.useNamespace("field-number"),o=i,n=e.ref(),{value:l,updateValue:f}=k.useControllableValue(o,c),m=e.computed(()=>{let t=e.unref(l);if(u.isNil(t))return o.emptyText;let r=g.toDecimalMark(t,o.precision);return o.precision&&o.limitDecimalsRetain&&(r=S.addZeroToDecimalPlaces(r,o.precision)),r});function y(){var t;(t=n.value)==null||t.focus()}function v(){var t;(t=n.value)==null||t.blur()}return p({focus:y,blur:v}),(t,r)=>t.mode==="read"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.$slots.prefix?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(a)("label-left"))},[e.renderSlot(t.$slots,"prefix")],2)):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(m.value),1),t.$slots.addonAfter?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(a)("label-right"))},[e.renderSlot(t.$slots,"addonAfter")],2)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createBlock(e.unref(b.InputNumber),e.mergeProps({key:1},e.unref(u.omit)(o,["precision","value","update:value"]),{value:e.unref(l),"onUpdate:value":e.unref(f),precision:t.precision,ref_key:"inputRef",ref:n}),e.createSlots({_:2},[e.renderList(t.$slots,(h,s)=>({name:s,fn:e.withCtx(B=>[e.renderSlot(t.$slots,s,e.normalizeProps(e.guardReactiveProps(B||{})))])}))]),1040,["value","onUpdate:value","precision"]))}});exports.default=C;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.vue.js");exports.default=e.default;
@@ -0,0 +1,6 @@
1
+ .aplus-field-number-label-left {
2
+ padding-right: 4px;
3
+ }
4
+ .aplus-field-number-label-right {
5
+ padding-left: 4px;
6
+ }
@@ -0,0 +1,4 @@
1
+ import { RadioGroupChildOption } from 'ant-design-vue/es/radio/Group';
2
+
3
+ export declare const getOptionValue: (v: RadioGroupChildOption | string | number) => any;
4
+ export declare const getOptionLabel: (v: RadioGroupChildOption | string | number) => any;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=e=>typeof e=="object"?e.value:e,o=e=>typeof e=="object"?e.label:e;exports.getOptionLabel=o;exports.getOptionValue=t;
@@ -0,0 +1,40 @@
1
+ import { ApFieldRadioProps, FieldMode } from '../interface';
2
+ import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
3
+
4
+ declare function focus(): void;
5
+ declare function blur(): void;
6
+ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldRadioProps>, {
7
+ emptyText: string;
8
+ mode: string;
9
+ }>, {
10
+ focus: typeof focus;
11
+ blur: typeof blur;
12
+ }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
13
+ "update:value": (...args: any[]) => void;
14
+ }, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldRadioProps>, {
15
+ emptyText: string;
16
+ mode: string;
17
+ }>>> & {
18
+ "onUpdate:value"?: ((...args: any[]) => any) | undefined;
19
+ }, {
20
+ mode: FieldMode;
21
+ emptyText: string;
22
+ }, {}>;
23
+ export default _default;
24
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
25
+ type __VLS_TypePropsToRuntimeProps<T> = {
26
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
27
+ type: PropType<__VLS_NonUndefinedable<T[K]>>;
28
+ } : {
29
+ type: PropType<T[K]>;
30
+ required: true;
31
+ };
32
+ };
33
+ type __VLS_WithDefaults<P, D> = {
34
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
35
+ default: D[K];
36
+ }> : P[K];
37
+ };
38
+ type __VLS_Prettify<T> = {
39
+ [K in keyof T]: T[K];
40
+ } & {};
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),q=require("ant-design-vue");require("../../hooks/useMessage.js");const x=require("../../hooks/useControllableValue.js"),i=require("lodash-unified"),s=require("./helper.js"),_=e.defineComponent({name:"ApFieldRadio",inheritAttrs:!1,__name:"index",props:{mode:{default:"edit"},prefixCls:{},value:{},size:{},options:{},disabled:{type:Boolean},name:{},buttonStyle:{},id:{},optionType:{},onChange:{},"onUpdate:value":{},emptyText:{default:"-"},request:{}},emits:["update:value"],setup(d,{expose:c,emit:p}){const o=d,f=p,u=e.ref(),a=e.ref((o==null?void 0:o.options)||[]),{value:l,updateValue:v}=x.useControllableValue(o,f);e.onMounted(()=>{var t;(t=o.request)==null||t.call(o).then(n=>a.value=n)});const m=e.computed(()=>{var r;const t=e.unref(l);if(i.isNil(t))return o.emptyText;const n=(r=a.value)==null?void 0:r.find(b=>t===s.getOptionValue(b));return s.getOptionLabel(n)||o.emptyText});function g(){var t;(t=u.value)==null||t.focus()}function y(){var t;(t=u.value)==null||t.blur()}return c({focus:g,blur:y}),(t,n)=>t.mode==="read"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(m.value),1)],64)):(e.openBlock(),e.createBlock(e.unref(q.RadioGroup),e.mergeProps({key:1},e.unref(i.omit)(o,["value","update:value","options"]),{value:e.unref(l),"onUpdate:value":e.unref(v),options:a.value,ref_key:"radioGroupRef",ref:u}),null,16,["value","onUpdate:value","options"]))}});exports.default=_;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.vue.js");exports.default=e.default;