@aplus-frontend/ui 0.5.18 → 0.5.20

package/lib/src/ap-field/tree-select/index.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@aplus-frontend/antdv");require("../../hooks/index.js");const S=require("lodash-unified"),I=require("./use-request.js"),R=require("../../hooks/useControllableValue.js");function C(r){return typeof r=="function"||Object.prototype.toString.call(r)==="[object Object]"&&!e.isVNode(r)}const F=e.defineComponent({__name:"index",props:{mode:{default:"edit"},class:{},style:{},suffixIcon:{},size:{},bordered:{type:Boolean,default:void 0},treeLine:{},replaceFields:{},placement:{},status:{},popupClassName:{},dropdownClassName:{},"onUpdate:value":{},"onUpdate:treeExpandedKeys":{},"onUpdate:searchValue":{},value:{},children:{},listHeight:{},onMouseenter:{},onMouseleave:{},tabindex:{},onClick:{},onFocus:{},onBlur:{},onChange:{},onKeydown:{},onKeyup:{},onMousedown:{},onSelect:{},open:{type:Boolean,default:void 0},animation:{},direction:{},multiple:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},prefixCls:{},id:{},autofocus:{type:Boolean,default:void 0},getPopupContainer:{},virtual:{type:Boolean,default:!0},dropdownMatchSelectWidth:{default:!0},defaultValue:{},showAction:{},transitionName:{},onDeselect:{},loading:{type:Boolean,default:void 0},placeholder:{},clearIcon:{},allowClear:{type:Boolean,default:void 0},onSearch:{},notFoundContent:{},fieldNames:{},dropdownStyle:{},dropdownRender:{},dropdownAlign:{},switcherIcon:{},filterTreeNode:{},treeData:{},treeCheckable:{type:Boolean,default:void 0},showSearch:{type:Boolean,default:void 0},searchValue:{},onInputKeyDown:{},removeIcon:{},maxTagCount:{},maxTagTextLength:{},maxTagPlaceholder:{},tokenSeparators:{},tagRender:{},choiceTransitionName:{},optionLabelRender:{},onClear:{},defaultOpen:{type:Boolean,default:void 0},onDropdownVisibleChange:{},getRawInputElement:{},showArrow:{type:Boolean,default:void 0},onPopupScroll:{},listItemHeight:{},inputValue:{},autoClearSearchValue:{type:Boolean,default:void 0},labelInValue:{type:Boolean,default:void 0},showCheckedStrategy:{},treeExpandAction:{},treeDefaultExpandAll:{type:Boolean,default:void 0},treeIcon:{},treeLoadedKeys:{},onTreeLoad:{},treeNodeFilterProp:{},treeNodeLabelProp:{},treeCheckStrictly:{type:Boolean,default:void 0},treeDataSimpleMode:{},treeExpandedKeys:{},treeDefaultExpandedKeys:{},onTreeExpand:{},dropdownPopupAlign:{},emptyText:{default:"--"},request:{},lazy:{type:Boolean},params:{},loadData:{type:Boolean}},emits:["update:value"],setup(r,{expose:N,emit:w}){const a=r,V=e.useSlots(),x=w,c=e.ref(),{value:f,updateValue:b}=R.useControllableValue(a,x),{treeData:m,loading:y,request:h}=I.useRequest(a),T=e.computed(()=>{var v,B;let t;const n=e.unref(f),d=S.isArray(n)?n:[n].filter(Boolean);if(!d.length)return e.createVNode(e.Fragment,null,[a.emptyText]);const o=[],p=((v=a.fieldNames)==null?void 0:v.label)||"label",P=((B=a.fieldNames)==null?void 0:B.value)||"value";function g(l){var u;for(const i of l){if(d.find(_=>_===i[P])&&o.push(i[p]),o.length===d.length)return;(u=i.children)!=null&&u.length&&g(i.children)}}return g(e.unref(m)),o.length?o.length===1?e.createVNode("span",null,[o[0]]):e.createVNode(s.Space,{size:4},C(t=o.map((l,u)=>e.createVNode(s.Tag,{style:"margin-right: 0px",key:`${l}-${u}`},C(l)?l:{default:()=>[l]})))?t:{default:()=>[t]}):e.createVNode(e.Fragment,null,[a.emptyText])});function k(){var t,n;(n=(t=c.value)==null?void 0:t.focus)==null||n.call(t)}function D(){var t,n;(n=(t=c.value)==null?void 0:t.blur)==null||n.call(t)}function q(t){return h(t)}return N({request:h,focus:k,blur:D}),(t,n)=>t.mode==="read"?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(T.value),{key:0})):(e.openBlock(),e.createBlock(e.unref(s.TreeSelect),e.mergeProps({key:1},e.unref(S.omit)(a,["onUpdate:value","value","treeData","loadData"]),{ref_key:"treeSelectRef",ref:c,value:e.unref(f),"tree-data":e.unref(m),loading:e.unref(y),"load-data":t.loadData?q:void 0,"onUpdate:value":e.unref(b)}),e.createSlots({_:2},[e.renderList(V,(d,o)=>({name:o,fn:e.withCtx(p=>[e.renderSlot(t.$slots,o,e.normalizeProps(e.guardReactiveProps(p||{})))])})),e.unref(y)?{name:"notFoundContent",fn:e.withCtx(()=>[e.createVNode(e.unref(s.Spin),{size:"small"})]),key:"0"}:void 0]),1040,["value","tree-data","loading","load-data","onUpdate:value"]))}});exports.default=F;

package/lib/src/ap-field/tree-select/index.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.vue.js");exports.default=e.default;

package/lib/src/ap-field/tree-select/style/css.cjs

@@ -0,0 +1 @@
+export {};

package/lib/src/ap-field/tree-select/style/css.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/ap-field/tree-select/style/index.cjs

@@ -0,0 +1 @@
+export {};

package/lib/src/ap-field/tree-select/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/ap-field/tree-select/use-request.d.ts

@@ -0,0 +1,41 @@
+import { ApFieldTreeSelectProps } from '../interface';
+import { LegacyDataNode, Key } from '@aplus-frontend/antdv/es/vc-tree-select/interface';
+import { Ref } from 'vue';
+import { RawValueType, BaseOptionType, DefaultOptionType } from '@aplus-frontend/antdv/es/vc-tree-select/TreeSelect';
+export declare const useRequest: (props: ApFieldTreeSelectProps) => {
+    treeData: Ref<({
+        [x: string]: any;
+        disabled?: boolean | undefined;
+        checkable?: boolean | undefined;
+        disableCheckbox?: boolean | undefined;
+        children?: /*elided*/ any[] | undefined;
+    } | {
+        [x: string]: any;
+        value?: RawValueType | undefined;
+        title?: any;
+        label?: any;
+        key?: Key | undefined;
+        children?: /*elided*/ any[] | undefined;
+        disabled?: boolean | undefined;
+        checkable?: boolean | undefined;
+        disableCheckbox?: boolean | undefined;
+    })[] | undefined, ( BaseOptionType | DefaultOptionType)[] | ({
+        [x: string]: any;
+        disabled?: boolean | undefined;
+        checkable?: boolean | undefined;
+        disableCheckbox?: boolean | undefined;
+        children?: /*elided*/ any[] | undefined;
+    } | {
+        [x: string]: any;
+        value?: RawValueType | undefined;
+        title?: any;
+        label?: any;
+        key?: Key | undefined;
+        children?: /*elided*/ any[] | undefined;
+        disabled?: boolean | undefined;
+        checkable?: boolean | undefined;
+        disableCheckbox?: boolean | undefined;
+    })[] | undefined>;
+    request: (targetNode?: LegacyDataNode, clear?: boolean) => Promise<void>;
+    loading: Ref<boolean, boolean>;
+};

package/lib/src/ap-field/tree-select/use-request.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),v=require("lodash-unified"),h=t=>{let s=0;const n=l.ref(t.treeData||[]),f=l.ref(!1);l.watch(()=>t.treeData,e=>{n.value=e},{deep:!0});function d(e,a){var u,r;if(!(e!=null&&e.length))return;const i=((u=t.fieldNames)==null?void 0:u.value)||"value";for(const c of e){if(c[i]===a[i])return c;if((r=c.children)!=null&&r.length)return d(c.children,a)}}async function o(e,a=!1){if(!v.isFunction(t.request))return;f.value=!0,s+=1;const i=s;try{a&&(n.value=[]);const u=await t.request(e,t.params);if(i!==s)return;if(e){const r=d(n.value,e);r&&(r.children=u)}else n.value=u}finally{f.value=!1}}return l.onMounted(()=>{t.lazy||o()}),l.watch(()=>t.params,()=>{o()},{deep:!0}),{treeData:n,request:o,loading:f}};exports.useRequest=h;

package/lib/src/ap-form/ap-form.vue.d.ts

@@ -1,5 +1,5 @@
 import { ApFormProps, WatchFunc, ApFormInternalInstance } from './interface';
-import { InternalNamePath, NamePath, ValidateOptions, FormLabelAlign, RuleObject, ValidateMessages, FieldData, ValidateErrorEntity } from '@aplus-frontend/antdv/es/form/interface';
+import { InternalNamePath, NamePath, ValidateOptions, FormLabelAlign, ValidateMessages, FieldData, ValidateErrorEntity } from '@aplus-frontend/antdv/es/form/interface';
 import { Recordable } from '../type';
 import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, HTMLAttributes, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DefineComponent } from 'vue';
 import { VueTypeDef, VueTypeValidableDef } from '../../node_modules/vue-types';
@@ -7,7 +7,6 @@ import { ColSize } from '@aplus-frontend/antdv/es/grid';
 import { RequiredMark } from '@aplus-frontend/antdv/es/form/Form';
 import { RuleObject } from '@aplus-frontend/antdv/es/form';
 import { Options } from '../../node_modules/scroll-into-view-if-needed';
-import { SizeType } from '@aplus-frontend/antdv/es/config-provider';
 import { SizeType } from '@aplus-frontend/antdv/es/button';
 import { VueNode } from '@aplus-frontend/antdv/es/_util/type';
 declare function __VLS_template(): {

package/lib/src/ap-form/drawer-form/index.vue.d.ts

@@ -1,6 +1,6 @@
 import { ApFormDrawerFormProps, CustomizeResizeType } from '../interface';
 import { VNode, ComponentInternalInstance, ExtractPropTypes, PropType, HTMLAttributes, VNodeProps, AllowedComponentProps, ComponentCustomProps, CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, Slot, ComponentPublicInstance, ComponentOptionsBase, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent, CSSProperties } from 'vue';
-import { InternalNamePath, NamePath, ValidateOptions, ValidateMessages, FormLabelAlign, FieldData, ValidateErrorEntity, RuleObject } from '@aplus-frontend/antdv/es/form/interface';
+import { InternalNamePath, NamePath, ValidateOptions, ValidateMessages, FormLabelAlign, FieldData, ValidateErrorEntity } from '@aplus-frontend/antdv/es/form/interface';
 import { ButtonSize, SizeType } from '@aplus-frontend/antdv/es/button';
 import { RequiredMark } from '@aplus-frontend/antdv/es/form/Form';
 import { ColSize } from '@aplus-frontend/antdv/es/grid';
@@ -8,7 +8,6 @@ import { RuleObject } from '@aplus-frontend/antdv/es/form';
 import { Options } from '../../../node_modules/scroll-into-view-if-needed';
 import { Recordable } from '../../type';
 import { VueTypeDef, VueTypeValidableDef } from '../../../node_modules/vue-types';
-import { SizeType } from '@aplus-frontend/antdv/es/config-provider';
 import { VueNode } from '@aplus-frontend/antdv/es/_util/type';
 import { ApFormProps, ApFormInternalInstance, WatchFunc, ApFormSubmitterConfig } from '..';
 import { OnCleanup } from '@vue/reactivity';
@@ -118,7 +117,7 @@ declare function __VLS_template(): {
                 readonly onValidate?: ((name: string | number | string[] | number[], status: boolean, errors: string[]) => void) | undefined;
                 readonly initialValues?: Recordable | undefined;
                 readonly onValuesChange?: ((changedValues: Recordable, allValues: Recordable, fieldName: NamePath) => void) | undefined;
-                readonly syncToUrl?: (boolean | ((values: Recordable, type: "get" | "set") => Recordable)) | undefined;
+                readonly syncToUrl?: boolean | ((values: Recordable, type: "get" | "set") => Recordable) | undefined;
                 readonly syncToUrlPriority?: boolean | undefined;
             } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
             $attrs: {
@@ -1060,7 +1059,7 @@ declare const __VLS_component: DefineComponent<ApFormDrawerFormProps, {
             readonly onValidate?: ((name: string | number | string[] | number[], status: boolean, errors: string[]) => void) | undefined;
             readonly initialValues?: Recordable | undefined;
             readonly onValuesChange?: ((changedValues: Recordable, allValues: Recordable, fieldName: NamePath) => void) | undefined;
-            readonly syncToUrl?: (boolean | ((values: Recordable, type: "get" | "set") => Recordable)) | undefined;
+            readonly syncToUrl?: boolean | ((values: Recordable, type: "get" | "set") => Recordable) | undefined;
             readonly syncToUrlPriority?: boolean | undefined;
         } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
         $attrs: {

package/lib/src/ap-form/item-tree-select/style/css.cjs

@@ -0,0 +1 @@
+export {};

package/lib/src/ap-form/item-tree-select/style/css.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/ap-form/item-tree-select/style/index.cjs

@@ -0,0 +1 @@
+export {};

package/lib/src/ap-form/item-tree-select/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/ap-form/items/index.d.ts

@@ -7,4 +7,5 @@ import { default as ApFormItemRadio } from './radio/index.vue';
 import { default as ApFormItemSelect } from './select/index.vue';
 import { default as ApFormItemSwitch } from './switch/index.vue';
 import { default as ApFormItemCheckbox } from './checkbox/index.vue';
-export { ApFormItemText, ApFormItemTextArea, ApFormItemNumber, ApFormItemDate, ApFormItemDateRange, ApFormItemRadio, ApFormItemSelect, ApFormItemSwitch, ApFormItemCheckbox, ApFormItemTextPassword };
+import { default as ApFormItemTreeSelect } from './tree-select/index.vue';
+export { ApFormItemText, ApFormItemTextArea, ApFormItemNumber, ApFormItemDate, ApFormItemDateRange, ApFormItemRadio, ApFormItemSelect, ApFormItemSwitch, ApFormItemCheckbox, ApFormItemTextPassword, ApFormItemTreeSelect };

package/lib/src/ap-form/items/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./text/index.js");require("./text-area/index.vue2.js");require("./number/index.vue2.js");require("./date/index.vue2.js");require("./date-range/index.vue2.js");require("./radio/index.vue2.js");require("./select/index.vue2.js");require("./switch/index.vue2.js");require("./checkbox/index.vue2.js");exports.ApFormItemText=e.ApFormItemText;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./text/index.js");require("./text-area/index.vue2.js");require("./number/index.vue2.js");require("./date/index.vue2.js");require("./date-range/index.vue2.js");require("./radio/index.vue2.js");require("./select/index.vue2.js");require("./switch/index.vue2.js");require("./checkbox/index.vue2.js");require("./tree-select/index.vue2.js");exports.ApFormItemText=e.ApFormItemText;

package/lib/src/ap-form/items/interface.d.ts

@@ -1,5 +1,5 @@
 import { SizeType } from '@aplus-frontend/antdv/es/config-provider';
-import { ApFieldCheckboxProps, ApFieldDateProps, ApFieldDateRangeProps, ApFieldNumberProps, ApFieldRadioProps, ApFieldSelectProps, ApFieldSwitchProps, ApFieldTextAreaProps, ApFieldTextPasswordProps, ApFieldTextProps } from '../../ap-field';
+import { ApFieldCheckboxProps, ApFieldDateProps, ApFieldDateRangeProps, ApFieldNumberProps, ApFieldRadioProps, ApFieldSelectProps, ApFieldSwitchProps, ApFieldTextAreaProps, ApFieldTextPasswordProps, ApFieldTextProps, ApFieldTreeSelectProps } from '../../ap-field';
 import { ApFormItemProps } from '../interface';
 export type ApFormItemTextProps = ApFormItemProps & {
     field?: Omit<ApFieldTextProps, 'value' | 'onUpdate:value'>;
@@ -48,6 +48,11 @@ export type ApFormItemCheckboxProps = Omit<ApFormItemProps, 'bordered'> & {
     field?: Omit<ApFieldCheckboxProps, 'value' | 'onUpdate:value'>;
     disabled?: boolean;
 };
+export type ApFormItemTreeSelectProps = ApFormItemProps & {
+    field?: Omit<ApFieldTreeSelectProps, 'value' | 'onUpdate:value'>;
+    placeholder?: string;
+    disabled?: boolean;
+};
 export type ApFormItemTextGroupProps = {
     /**
      * ApFormItem 控件所有支持的