@aplus-frontend/ui 0.5.19 → 0.5.21

package/lib/src/ap-field/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./text/index.js");require("./checkbox/index.vue2.js");require("./date/index.vue2.js");require("./number/index.vue2.js");require("./radio/index.vue2.js");require("./switch/index.vue2.js");require("./text-area/index.vue2.js");require("./date-range/index.vue2.js");require("./select/index.vue2.js");require("./slider/index.vue2.js");require("./segmented/index.vue2.js");require("./rate/index.vue2.js");require("./interface.js");const t=require("./rate/index.vue.js"),u=require("./segmented/index.vue.js"),r=require("./slider/index.vue.js"),_=require("./switch/index.vue.js"),i=require("./select/index.vue.js"),d=require("./checkbox/index.vue.js"),l=require("./radio/index.vue.js"),p=require("./date-range/index.vue.js"),a=require("./date/index.vue.js"),n=require("./number/index.vue.js"),s=require("./text-area/index.vue.js"),c={Text:e.ApFieldText,TextArea:s.default,Number:n.default,Date:a.default,DateRange:p.default,Radio:l.default,Checkbox:d.default,Select:i.default,Switch:_.default,Slider:r.default,Segmented:u.default,Rate:t.default};exports.ApFieldText=e.ApFieldText;exports.ApFieldRate=t.default;exports.ApFieldSegmented=u.default;exports.ApFieldSlider=r.default;exports.ApFieldSwitch=_.default;exports.ApFieldSelect=i.default;exports.ApFieldCheckbox=d.default;exports.ApFieldRadio=l.default;exports.ApFieldDateRange=p.default;exports.ApFieldDate=a.default;exports.ApFieldNumber=n.default;exports.ApFieldTextArea=s.default;exports.ApField=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./text/index.js");require("./checkbox/index.vue2.js");require("./date/index.vue2.js");require("./number/index.vue2.js");require("./radio/index.vue2.js");require("./switch/index.vue2.js");require("./text-area/index.vue2.js");require("./date-range/index.vue2.js");require("./select/index.vue2.js");require("./slider/index.vue2.js");require("./segmented/index.vue2.js");require("./rate/index.vue2.js");require("./tree-select/index.vue2.js");require("./interface.js");const t=require("./tree-select/index.vue.js"),u=require("./rate/index.vue.js"),r=require("./segmented/index.vue.js"),_=require("./slider/index.vue.js"),i=require("./switch/index.vue.js"),d=require("./select/index.vue.js"),l=require("./checkbox/index.vue.js"),p=require("./radio/index.vue.js"),a=require("./date-range/index.vue.js"),n=require("./date/index.vue.js"),s=require("./number/index.vue.js"),c=require("./text-area/index.vue.js"),q={Text:e.ApFieldText,TextArea:c.default,Number:s.default,Date:n.default,DateRange:a.default,Radio:p.default,Checkbox:l.default,Select:d.default,Switch:i.default,Slider:_.default,Segmented:r.default,Rate:u.default,TreeSelect:t.default};exports.ApFieldText=e.ApFieldText;exports.ApFieldTreeSelect=t.default;exports.ApFieldRate=u.default;exports.ApFieldSegmented=r.default;exports.ApFieldSlider=_.default;exports.ApFieldSwitch=i.default;exports.ApFieldSelect=d.default;exports.ApFieldCheckbox=l.default;exports.ApFieldRadio=p.default;exports.ApFieldDateRange=a.default;exports.ApFieldDate=n.default;exports.ApFieldNumber=s.default;exports.ApFieldTextArea=c.default;exports.ApField=q;

package/lib/src/ap-field/interface.d.ts

@@ -1,4 +1,4 @@
-import { InputProps, CheckboxGroupProps, DatePickerProps, InputNumberProps, RadioGroupProps, SwitchProps, TextAreaProps, SelectProps, PopconfirmProps, SliderProps, SegmentedProps, RateProps } from '@aplus-frontend/antdv';
+import { InputProps, CheckboxGroupProps, DatePickerProps, InputNumberProps, RadioGroupProps, SwitchProps, TextAreaProps, SelectProps, PopconfirmProps, SliderProps, SegmentedProps, RateProps, TreeSelectProps } from '@aplus-frontend/antdv';
 import { InputFocusOptions } from '@aplus-frontend/antdv/es/vc-input/utils/commonUtils';
 import { ApFormatPresetType } from './date/interface';
 import { RangeValue } from '@aplus-frontend/antdv/es/vc-picker/interface';
@@ -6,6 +6,7 @@ import { RangePickerProps } from '@aplus-frontend/antdv/es/date-picker/dayjs';
 import { LiteralUnion, Recordable } from '../type';
 import { InputPasswordProps } from './text/input-password-props';
 import { ZoneAlias } from '@aplus-frontend/utils';
+import { LegacyDataNode } from '@aplus-frontend/antdv/es/vc-tree-select/interface';
 export type FieldMode = 'read' | 'edit';
 export type BasicApFieldProps<FieldPropsType = any> = {
     mode?: FieldMode;
@@ -14,6 +15,12 @@ export type BasicApFieldProps<FieldPropsType = any> = {
 } & FieldPropsType;
 export type ApFieldTextProps = BasicApFieldProps<InputProps> & {
     emptyText?: string;
+    /**
+     * 输入生效前的事件，受控输入拦截
+     * @param nextVal
+     * @returns
+     */
+    beforeInput?: (nextVal: string) => string;
 };
 export type ApFieldTextPasswordProps = BasicApFieldProps<InputPasswordProps> & {
     emptyText?: string;
@@ -151,11 +158,42 @@ export type ApFieldSelectProps = BasicApFieldProps<Omit<SelectProps, 'mode' | 'v
      */
     searchDelay?: number;
 };
+export type ApFieldTreeSelectProps = BasicApFieldProps<Omit<TreeSelectProps, 'loadData'>> & {
+    emptyText?: string;
+    /**
+     * 用于请求treeNode
+     * @param currentNode 异步加载时表示当前节点，非异步请求时为undefined
+     * @param extraParams 额外的响应式参数
+     * @returns
+     */
+    request?: (currentNode?: LegacyDataNode, extraParams?: Recordable) => Promise<TreeSelectProps['treeData']>;
+    /**
+     * 是否跳过首次加载数据
+     */
+    lazy?: boolean;
+    /**
+     * 发起request额外的请求，变更后会自动重新发器请求
+     */
+    params?: Recordable;
+    /**
+     * 是否懒加载子树
+     */
+    loadData?: boolean;
+};
 export type ApFieldSelectExpose = {
     focus: () => void;
     blur: () => void;
     request: (clear?: boolean) => Promise<void>;
 };
+export type ApFieldTreeSelectExpose = Omit<ApFieldSelectExpose, 'request'> & {
+    /**
+     * 手动请求treeData
+     * @param currentNode 当前树节点（用于请求子树，如果不需要请求子树传入undefined）
+     * @param clear 请求数据前是否清空treeData
+     * @returns
+     */
+    request: (currentNode?: LegacyDataNode, clear?: boolean) => Promise<void>;
+};
 export type ApFieldSliderProps = BasicApFieldProps<SliderProps> & {
     emptyText?: string;
     defaultValue?: number | [number, number];

package/lib/src/ap-field/text/index.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),v=require("@aplus-frontend/antdv");require("../../hooks/index.js");const x=require("lodash-unified"),B=require("../hooks/use-default-placeholder.js"),b=require("../../hooks/useControllableValue.js");function h(a){return typeof a=="function"||Object.prototype.toString.call(a)==="[object Object]"&&!t.isVNode(a)}const g=t.defineComponent({name:"ApFieldText",__name:"index",props:{mode:{default:"edit"},class:{},style:{},id:{},placeholder:{},autocomplete:{},type:{default:"text"},name:{},size:{},autofocus:{type:Boolean},lazy:{type:Boolean,default:!0},maxlength:{},loading:{type:Boolean},bordered:{type:Boolean,default:!0},showCount:{type:[Boolean,Object]},htmlSize:{},onPressEnter:{},onKeydown:{},onKeyup:{},onMousedown:{},onMouseUp:{},onFocus:{},onBlur:{},onChange:{},onInput:{},onRawInput:{},"onUpdate:value":{},onCompositionstart:{},onCompositionend:{},valueModifiers:{},hidden:{type:Boolean},status:{},value:{},defaultValue:{},inputElement:{},prefixCls:{},disabled:{type:Boolean,default:void 0},focused:{type:Boolean},triggerFocus:{},readonly:{type:Boolean},handleReset:{},addonBefore:{},addonAfter:{},prefix:{},suffix:{},clearIcon:{},allowClear:{type:Boolean,default:!0},emptyText:{default:"--"}},emits:["update:value"],setup(a,{expose:c,emit:i}){const l=t.ref(),o=t.useSlots();c({focus:e=>{var n;(n=l.value)==null||n.focus(e)},blur:()=>{var e;(e=l.value)==null||e.blur()},setSelectionRange:(e,n,y)=>{var d;(d=l.value)==null||d.setSelectionRange(e,n,y)},select:()=>{var e;(e=l.value)==null||e.select()},input:t.computed(()=>{var e;return(e=l.value)==null?void 0:e.input})});const s=i,u=a,{value:r,updateValue:p}=b.useControllableValue(u,s),f=B.useDefaultPlaceholder("Text",u);function m(){var e,n;return u.mode==="edit"?t.createVNode(v.Input,t.mergeProps(x.omit(u,["mode","emptyText","value","onUpdate:value"]),{placeholder:t.unref(f),value:t.unref(r),"onUpdate:value":p,ref:l}),h(o)?o:{default:()=>[o]}):t.createVNode("span",null,[u.prefix||((e=o==null?void 0:o.prefix)==null?void 0:e.call(o)),t.unref(r)||u.emptyText,u.suffix||((n=o==null?void 0:o.suffix)==null?void 0:n.call(o))])}return(e,n)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(m())))}});exports.default=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),B=require("@aplus-frontend/antdv");require("../../hooks/index.js");const g=require("lodash-unified"),C=require("../hooks/use-default-placeholder.js"),I=require("../../hooks/useControllableValue.js");function S(a){return typeof a=="function"||Object.prototype.toString.call(a)==="[object Object]"&&!t.isVNode(a)}const _=t.defineComponent({name:"ApFieldText",__name:"index",props:{mode:{default:"edit"},class:{},style:{},id:{},placeholder:{},autocomplete:{},type:{default:"text"},name:{},size:{},autofocus:{type:Boolean},lazy:{type:Boolean,default:!0},maxlength:{},loading:{type:Boolean},bordered:{type:Boolean,default:!0},showCount:{type:[Boolean,Object]},htmlSize:{},onPressEnter:{},onKeydown:{},onKeyup:{},onMousedown:{},onMouseUp:{},onFocus:{},onBlur:{},onChange:{},onInput:{},onRawInput:{},"onUpdate:value":{},onCompositionstart:{},onCompositionend:{},valueModifiers:{},hidden:{type:Boolean},status:{},value:{},defaultValue:{},inputElement:{},prefixCls:{},disabled:{type:Boolean,default:void 0},focused:{type:Boolean},triggerFocus:{},readonly:{type:Boolean},handleReset:{},addonBefore:{},addonAfter:{},prefix:{},suffix:{},clearIcon:{},allowClear:{type:Boolean,default:!0},emptyText:{default:"--"},beforeInput:{}},emits:["update:value"],setup(a,{expose:f,emit:m}){const l=t.ref(),o=t.useSlots();f({focus:e=>{var u;(u=l.value)==null||u.focus(e)},blur:()=>{var e;(e=l.value)==null||e.blur()},setSelectionRange:(e,u,c)=>{var r;(r=l.value)==null||r.setSelectionRange(e,u,c)},select:()=>{var e;(e=l.value)==null||e.select()},input:t.computed(()=>{var e;return(e=l.value)==null?void 0:e.input})});const y=m,n=a,{value:i,updateValue:v}=I.useControllableValue(n,y),x=C.useDefaultPlaceholder("Text",n);function b(e){var d,p,s;const u=e.target.value||"",c=n.beforeInput?(d=n.beforeInput)==null?void 0:d.call(n,u):u,r=(s=(p=l.value)==null?void 0:p.$el)==null?void 0:s.querySelector("input");r&&(r.value=c),v(c)}function h(){var e,u;return n.mode==="edit"?t.createVNode(B.Input,t.mergeProps(g.omit(n,["mode","emptyText","value","onUpdate:value"]),{placeholder:t.unref(x),value:t.unref(i),onInput:b,ref:l}),S(o)?o:{default:()=>[o]}):t.createVNode("span",null,[n.prefix||((e=o==null?void 0:o.prefix)==null?void 0:e.call(o)),t.unref(i)||n.emptyText,n.suffix||((u=o==null?void 0:o.suffix)==null?void 0:u.call(o))])}return(e,u)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(h())))}});exports.default=_;