rx-compo 1.0.59 → 1.0.60

package/es/components/RxFormPlus/index.css

@@ -0,0 +1,4 @@
+.hideUpload[data-v-a696a4ae] [data-v-a696a4ae] .el-upload--picture-card{display:none!important}
+.input-group[data-v-41d6fbc4]{display:flex}.input-group[data-v-41d6fbc4] [data-v-41d6fbc4] .el-input{width:100px}.input-group[data-v-41d6fbc4] [data-v-41d6fbc4] .el-input .el-input__inner[data-v-41d6fbc4]{border-radius:0}.input-group[data-v-41d6fbc4] [data-v-41d6fbc4] .el-input+.el-input[data-v-41d6fbc4] .el-input__inner[data-v-41d6fbc4]{border-left:none}.input-group[data-v-41d6fbc4] [data-v-41d6fbc4] .el-input[data-v-41d6fbc4]:first-child .el-input__inner[data-v-41d6fbc4]{border-bottom-left-radius:var(--el-border-radius-base);border-top-left-radius:var(--el-border-radius-base)}.input-group[data-v-41d6fbc4] [data-v-41d6fbc4] .el-input[data-v-41d6fbc4]:last-child .el-input__inner[data-v-41d6fbc4]{border-bottom-right-radius:var(--el-border-radius-base);border-top-right-radius:var(--el-border-radius-base)}
+.el-input[data-v-05d48b61] [data-v-05d48b61] .el-input-group__prepend{background:none}
+.form-item-flex[data-v-67df00f8] [data-v-67df00f8] .el-form-item__content{display:flex!important;flex-direction:row}.form-item-flex[data-v-67df00f8] [data-v-67df00f8] .el-form-item__content>div[data-v-67df00f8]:first-of-type{flex:1}.inner-flex-row[data-v-67df00f8] [data-v-67df00f8] .el-form-item__content{display:flex!important;flex-direction:row}.form-label-hide[data-v-67df00f8] [data-v-67df00f8] .el-form-item__label{display:none!important}.form-label-hide[data-v-67df00f8] [data-v-67df00f8] .el-form-item__content{margin-left:0!important}

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

@@ -0,0 +1,4 @@
+declare const RxFormPlus: any;
+export { RxFormPlus };
+export default RxFormPlus;
+export type { RxFormPlusProps, RxFormPlusPublicProps, RxFormPlusComponent } from './src/RxFormPlus';

package/es/components/RxFormPlus/index.js

@@ -0,0 +1 @@
+import{withInstall as e}from"rx-compo/es/utils/with-install";import{unref as o,defineComponent as t,ref as l,computed as n,watch as a,resolveComponent as r,openBlock as s,createBlock as i,mergeProps as u,createSlots as d,withCtx as c,createElementBlock as p,Fragment as m,renderList as f,renderSlot as v,createCommentVNode as h,createTextVNode as b,toDisplayString as g,nextTick as y,toRefs as w,createVNode as x,inject as P,normalizeStyle as C,resolveDynamicComponent as $,normalizeClass as _,onMounted as k,onUnmounted as V,provide as S,withModifiers as L,withDirectives as R,normalizeProps as F,guardReactiveProps as M,vShow as I}from"vue";import{ElRadioGroup as O,ElRadioButton as E,ElRadio as j,formItemContextKey as A,ElInput as B,ElDatePicker as U,ElTimePicker as W,ElTree as G,ElTransfer as N,ElCheckbox as H,ElAutocomplete as z,ElCascader as q,ElCascaderPanel as T,ElSlider as D,ElSwitch as K,ElRate as Q,ElColorPicker as J,ElInputNumber as X,ElTimeSelect as Y,ElSelectV2 as Z,ElTooltip as ee,ElFormItem as oe,ElIcon as te,ElForm as le,ElRow as ne,ElCol as ae,ElButton as re}from"element-plus";import{isUndefined as se,isNull as ie,cloneDeep as ue,isFunction as de,get as ce,find as pe,compact as me,isNumber as fe,isObject as ve,upperFirst as he,debounce as be}from"lodash-es";import ge from"dayjs";import{RxInput as ye}from"rx-compo/es/components/RxInput";import{QuestionFilled as we,ArrowDown as xe,ArrowUp as Pe}from"@element-plus/icons-vue";import{isFunction as Ce}from"lodash";function $e(e,o,t,l){return new(t||(t=Promise))((function(n,a){function r(e){try{i(l.next(e))}catch(e){a(e)}}function s(e){try{i(l.throw(e))}catch(e){a(e)}}function i(e){var o;e.done?n(e.value):(o=e.value,o instanceof t?o:new t((function(e){e(o)}))).then(r,s)}i((l=l.apply(e,o||[])).next())}))}function _e(e){const o={};return e.forEach((e=>{const{defaultValue:t,prop:l}=e;var n;se(n=t)||ie(n)?o[l]=null:o[l]=ue(t)})),o}function ke(e,o,t,l){(function(e,o){return new Promise(((t,l)=>{let n=document.createElement("CANVAS");const a=n.getContext("2d"),r=new Image;r.crossOrigin="",r.onload=function(){if(!n||!a)return l();n.height=r.height,n.width=r.width,a.drawImage(r,0,0);const e=n.toDataURL(o||"image/png");n=null,t(e)},r.src=e}))})(e).then((e=>{!function(e,o,t,l){!function(e,o,t,l){const n=new Blob(void 0!==l?[l,e]:[e],{type:t||"application/octet-stream"}),a=window.URL.createObjectURL(n),r=document.createElement("a");r.style.display="none",r.href=a,r.setAttribute("download",o),void 0===r.download&&r.setAttribute("target","_blank");document.body.appendChild(r),r.click(),document.body.removeChild(r),window.URL.revokeObjectURL(a)}(function(e){const o=e.split(","),t=o[0].match(/:(.*?);/)[1],l=atob(o[1]);let n=l.length;const a=new Uint8Array(n);for(;n--;)a[n]=l.charCodeAt(n);return new Blob([a],{type:t})}(e),o,t,l)}(e,decodeURIComponent(o),t,l)}))}function Ve({url:e,target:o="_blank",fileName:t}){const l=window.navigator.userAgent.toLowerCase().indexOf("chrome")>-1,n=window.navigator.userAgent.toLowerCase().indexOf("safari")>-1;if(/(iP)/g.test(window.navigator.userAgent))return!1;if(l||n){const l=document.createElement("a");if(l.href=e,l.target=o,void 0!==l.download&&(l.download=t||e.substring(e.lastIndexOf("/")+1,e.length)),document.createEvent){const e=document.createEvent("MouseEvents");return e.initEvent("click",!0,!0),l.dispatchEvent(e),!0}}return-1===e.indexOf("?")&&(e+="?download"),function(e,o){const{target:t="__blank",noopener:l=!0,noreferrer:n=!0}=o||{},a=[];l&&a.push("noopener=yes"),n&&a.push("noreferrer=yes"),window.open(e,t,a.join(","))}(e,{target:o}),!0}var Se=t({name:"FormSelect",props:{options:[Array,Object,Function],immediate:Boolean},setup(e){const t=l([]),r=n((()=>de(e.options)||void 0)),s=n((()=>r.value)),i=n((()=>r.value?u:void 0));function u(o){return $e(this,void 0,void 0,(function*(){const l=e.options;if(""!==o&&de(l)){let e=yield l(o);t.value=e}else t.value=[]}))}return a((()=>e.options),(e=>{de(e)?t.value=[]:t.value=o(e)}),{immediate:!0,deep:!0}),e.immediate&&u(),{calcOptions:t,remote:r,filterable:s,remoteMethod:i}}});Se.render=function(e,o,t,l,n,a){const b=r("el-option"),g=r("el-select");return s(),i(g,u({filterable:e.filterable,remote:e.remote,"remote-method":e.remoteMethod},e.$attrs),d({default:c((()=>[(s(!0),p(m,null,f(e.calcOptions,((e,o)=>(s(),i(b,u({key:o},e),null,16)))),128))])),_:2},[e.$slots.prefix?{name:"prefix",fn:c((()=>[e.$slots.prefix?v(e.$slots,"prefix",{key:0}):h("v-if",!0)]))}:void 0]),1040,["filterable","remote","remote-method"])},Se.__file="packages/components/RxFormPlus/src/components/form-select.vue";var Le=t({name:"RadioGroup",components:{ElRadioGroup:O,ElRadioButton:E,ElRadio:j},props:{isButton:{type:Boolean,default:!1},options:{type:Array,default:()=>[]}},setup:()=>({})});Le.render=function(e,o,t,l,n,a){const d=r("el-radio-button"),v=r("el-radio-group"),h=r("el-radio");return e.isButton?(s(),i(v,{key:0},{default:c((()=>[(s(!0),p(m,null,f(e.options,(e=>(s(),i(d,u({key:e.value},e),{default:c((()=>[b(g(e.label),1)])),_:2},1040)))),128))])),_:1})):(s(),i(v,{key:1},{default:c((()=>[(s(!0),p(m,null,f(e.options,(e=>(s(),i(h,u({key:e.value},e),{default:c((()=>[b(g(e.label),1)])),_:2},1040)))),128))])),_:1}))},Le.__file="packages/components/RxFormPlus/src/components/radio-group.vue";const Re=["png","jpg","jpeg","bmp","gif","webp","psd","svg","tiff"];var Fe=t({name:"FormUpload",props:{modelValue:{type:Array,default:()=>[]},downloadWhenPreview:Boolean,previewable:{type:Boolean,default:!0},urlPath:{type:String,default:"url"},exceedHideUpload:{type:Boolean,default:!0}},emits:["update:model-value"],setup(e,{emit:t,attrs:r}){const s=n((()=>{const l=Object.assign(Object.assign({},r),e),n=Object.assign({},l);return n["onUpdate:model-value"]=(...e)=>t("update:model-value",...e),n.onChange=function(e,o){t("update:model-value",o.map((e=>({name:e.name,size:e.size,type:ce(e,"raw.type",e.type),uid:e.uid})))),de(null==l?void 0:l.onChange)&&l.onChange.apply(null,Array.from(arguments))},n.onSuccess=function(n){n&&y((()=>{if(pe(e.modelValue,(e=>e.uid===n.file.uid))){const e=pe(o(u.value),(e=>e.uid===n.file.uid)),l=f(n.result);e&&l&&(e.url=l,t("update:model-value",o(u.value)))}de(null==l?void 0:l.onSuccess)&&l.onSuccess.apply(null,Array.from(arguments))}))},n.onRemove=function(e,o){var t;n.onChange(e,o),null===(t=l.onRemove)||void 0===t||t.call(null,e,o)},(null==l?void 0:l.downloadWhenPreview)?n.onPreview=function(e){var o;if("success"!==e.status)return;const t=ce(e,"raw.type",""),n=t&&t.includes("image")||Re.includes(e.url.split(".").pop());n?ke(e.url,e.url.split("/").pop()):(Ve({url:e.url,fileName:e.url.split(".").pop()}),null===(o=null==l?void 0:l.onPreview)||void 0===o||o.apply(null,arguments))}:n.onPreview=function(...e){var o;m.apply(null,e),null===(o=null==l?void 0:l.onPreview)||void 0===o||o.apply(null,e)},n})),i=l(),u=l([]),d=l([]),c=l(0),p=n((()=>{const{modelValue:t,exceedHideUpload:l}=w(e);return o(l)&&t.value&&r.limit&&t.value.length>=r.limit}));function m(t){var l;const n=t.type||ce(t,"raw.type",""),a=t.url||"";if(e.previewable&&(n&&n.includes("image")||a&&Re.includes(a.split(".").pop()))){const e=me([null===(l=i.value)||void 0===l?void 0:l.uploadFiles,...o(u)]).filter((e=>(e.type||ce(t,"raw.type","")).includes("image")||e.url===t.url));d.value=(null==e?void 0:e.map((e=>e.url)))||[],c.value=(null==e?void 0:e.findIndex((e=>e.uid===t.uid)))||0}}function f(o){if("uploadSuccess"===o.status){const e=ce(o,"res.requestUrls[0]",o.url);return e&&e.replace(/\?uploadId=(.+)$/,"")}return ce(o.response,e.urlPath,o.url)}return a((()=>e.modelValue),(e=>{Array.isArray(e)&&e.every((e=>null==e?void 0:e.url))&&(u.value=e)}),{immediate:!0}),{uploadRef:i,componentProps:s,previewList:d,previewIndex:c,fileList:u,exceed:p}}});Fe.render=function(e,o,t,l,n,a){const b=r("el-upload"),g=r("el-image-viewer");return s(),p(m,null,[x(b,u({ref:"uploadRef"},{...e.$attrs,...e.$props,...e.componentProps},{"file-list":e.fileList,class:{hideUpload:e.exceed}}),d({_:2},[f(e.$slots,((o,t)=>({name:t,fn:c((l=>[v(e.$slots,t,u({fn:o},l))]))})))]),1040,["file-list","class"]),e.previewList.length?(s(),i(g,{key:0,"initial-index":e.previewIndex,onClose:o[0]||(o[0]=o=>e.previewList=[]),"url-list":e.previewList},null,8,["initial-index","url-list"])):h("v-if",!0)],64)},Fe.__scopeId="data-v-a696a4ae",Fe.__file="packages/components/RxFormPlus/src/components/upload.vue";var Me=t({name:"InputGroup",props:{length:{type:Number,required:!0},modelValue:{type:Array,default:()=>[]},placeholder:{type:Array,default:()=>[]}},emits:["update:model-value"],setup:(e,{emit:o})=>({values:n({get:()=>e.modelValue,set(e){o("update:model-value",e)}})})});const Ie={class:"input-group"};Me.render=function(e,o,t,l,n,a){const d=r("el-input");return s(),p("section",Ie,[(s(!0),p(m,null,f(e.length,(o=>(s(),i(d,u({key:o,modelValue:e.values[o-1],"onUpdate:modelValue":t=>e.values[o-1]=t,placeholder:e.placeholder[o-1]},e.$attrs),null,16,["modelValue","onUpdate:modelValue","placeholder"])))),128))])},Me.__scopeId="data-v-41d6fbc4",Me.__file="packages/components/RxFormPlus/src/components/input-group.vue";var Oe=t({name:"SelectInput",props:{modelValue:{required:!0,type:null},options:{type:Array,required:!0},placeholder:String,selectPlaceholder:String,selectWidth:{type:[Number,String],default:100},defaultValue:null,defaultSelectedValue:null},emits:["update:model-value"],setup(e,{emit:o}){var t;const a=P("FORM_PLUS"),r=P(A,void 0),s=l(e.defaultSelectedValue||(null===(t=e.options[0])||void 0===t?void 0:t.value)),i=l(e.defaultValue),u=n((()=>fe(e.selectWidth)?`${e.selectWidth}px`:e.selectWidth)),d=n((()=>e.options.find((e=>s.value===e))));function c(){var t;let l=i.value;l="number"===(null===(t=d.value)||void 0===t?void 0:t.type)?Number(l):l;const n={};e.options.forEach((({value:e})=>{n[e]=e===s.value&&i.value&&l||void 0})),ve(e.modelValue)&&o("update:model-value",Object.assign(Object.assign({},e.modelValue),n)),a&&a.updateFieldsValue(Object.assign(Object.assign({},a.getFieldsValue()),n))}if(i.value&&s.value&&c(),r){const o=r.resetField;r.resetField=()=>{var t;s.value=e.defaultSelectedValue||(null===(t=e.options[0])||void 0===t?void 0:t.value),i.value=e.defaultValue,c(),o()}}return{inputValue:i,selectValue:s,calcSelectWidth:u,onUpdate:c}}});Oe.render=function(e,o,t,l,n,a){const d=r("el-option"),v=r("el-select"),h=r("el-input");return s(),i(h,{modelValue:e.inputValue,"onUpdate:modelValue":o[1]||(o[1]=o=>e.inputValue=o),placeholder:e.placeholder,onChange:e.onUpdate},{prepend:c((()=>[x(v,{modelValue:e.selectValue,"onUpdate:modelValue":o[0]||(o[0]=o=>e.selectValue=o),placeholder:e.selectPlaceholder,style:C({width:e.calcSelectWidth}),onChange:e.onUpdate},{default:c((()=>[(s(!0),p(m,null,f(e.options,(e=>(s(),i(d,u({key:e.value},e),null,16)))),128))])),_:1},8,["modelValue","placeholder","style","onChange"])])),_:1},8,["modelValue","placeholder","onChange"])},Oe.__scopeId="data-v-05d48b61",Oe.__file="packages/components/RxFormPlus/src/components/select-input.vue";const Ee=new Map;function je(e,o){Ee.set(e,o)}je("Input",B),je("RxInput",ye),je("Select",Se),je("DatePicker",U),je("TimePicker",W),je("DateTimePicker",U),je("TreeSelect",G),je("Transfer",N),je("RadioGroup",Le),je("Checkbox",H),je("AutoComplete",z),je("Cascader",q),je("CascaderPanel",T),je("Slider",D),je("RangePicker",D),je("Switch",K),je("Upload",Fe),je("Rate",Q),je("ColorPicker",J),je("InputNumber",X),je("InputGroup",Me),je("SelectInput",Oe),je("TimeSelect",Y),je("SelectV2",Z);var Ae={add:je,del:function(e){Ee.delete(e)},get:function(e){return e&&Ee.get(e)||e}},Be=t({name:"FormComponent",props:{modelValue:null,schema:{type:Object,required:!0},label:String},emits:["update:model-value"],setup:(e,{emit:t})=>({component:Ae.get(e.schema.component),propsSlots:n((()=>e.schema.slots||{})),componentProps:n((()=>{const l=e.schema.componentProps,n=Object.assign({},l);for(const e in n)if(Object.prototype.hasOwnProperty.call(n,e)){const t=n[e];n[e]=o(t)}return n[`on${he("update:model-value")}`]=(...e)=>t("update:model-value",...e),n}))})});Be.render=function(e,o,t,l,n,a){return s(),p(m,null,[e.schema.slotBefor?(s(),i($(e.schema.slotBefor),{key:0})):h("v-if",!0),e.schema.prop?(s(),i($(e.component),u({key:1,placeholder:!1!==e.schema.autoSetPlaceHolder?e.label:void 0},{...e.$attrs,...e.componentProps},{"model-value":e.modelValue}),d({_:2},[f(e.propsSlots,((e,o)=>({name:o,fn:c((o=>[(s(),i($(e.call(null,o))))]))})))]),1040,["placeholder","model-value"])):h("v-if",!0),e.schema.slotAfter?(s(),i($(e.schema.slotAfter),{key:2})):h("v-if",!0)],64)},Be.__file="packages/components/RxFormPlus/src/components/form-component.vue";var Ue=t({name:"FormItem",components:{FormComponent:Be,QuestionFilled:we,ElTooltip:ee,ElFormItem:oe,ElIcon:te},props:{modelValue:null,schema:{type:Object,required:!0},hideLabel:Boolean,model:Object},setup(e){const o=n((()=>function({label:o}){return function(e,...o){return de(e)?e(...o):e}(o,e.model)}(e.schema))),t=n((()=>void 0===e.schema.showMessage||e.schema.showMessage)),l=n((()=>e.schema.formItemSlots||{}));return{label:o,showMessage:t,tooltip:n((()=>e.schema.tooltip?de(e.schema.tooltip)?e.schema.tooltip(e.model):e.schema.tooltip||"":"")),formItemSlots:l}}});Ue.render=function(e,o,t,l,n,a){const p=r("form-component"),m=r("question-filled"),b=r("el-icon"),g=r("el-tooltip"),y=r("el-form-item");return s(),i(y,{label:e.hideLabel?void 0:e.label,prop:e.schema.prop,showMessage:e.showMessage,rules:e.schema.rules,class:_({"form-item-flex":e.schema.tooltip,"inner-flex-row":e.schema.innerFlexRow,"form-label-hide":e.schema.labelHide})},d({default:c((()=>[v(e.$slots,`${e.schema.prop}-inner-befor`),v(e.$slots,"default",{},(()=>[x(p,u({"model-value":e.modelValue,schema:e.schema,label:e.label},e.$attrs),null,16,["model-value","schema","label"]),e.tooltip?(s(),i(g,{key:0,content:e.tooltip,placement:"top"},{default:c((()=>[x(b,{class:"ml-2"},{default:c((()=>[x(m)])),_:1})])),_:1},8,["content"])):h("v-if",!0)])),v(e.$slots,`${e.schema.prop}-inner-after`)])),_:2},[f(e.formItemSlots,((e,o)=>({name:o,fn:c((o=>[(s(),i($(e.call(null,o))))]))})))]),1032,["label","prop","showMessage","rules","class"])},Ue.__scopeId="data-v-67df00f8",Ue.__file="packages/components/RxFormPlus/src/components/form-item.vue";const We={xs:768,sm:768,md:992,lg:1200,xl:1920};var Ge=t({name:"RxFormPlusCompo",components:{ElForm:le,ElIcon:te,FormItem:Ue,ArrowDown:xe,ArrowUp:Pe,ElRow:ne,ElCol:ae,ElButton:re,ElFormItem:oe},props:{fields:{type:Array,default:()=>[]},rules:{type:Object,default:null},gutter:{type:Number,default:10},baseColProps:{type:Object,default:()=>({xl:4,lg:6,md:8,sm:12,xs:24})},actionColProps:Object,actionColStyle:{type:String,default:""},actionAlign:{type:String,default:"left"},actionLabelWidth:[Number,String],justify:{type:String,default:"start"},hideLabel:Boolean,advanceLines:{type:Number,default:1},submitLoading:Boolean,resetLoading:Boolean,submitLabel:{type:String,default:"查询"},resetLabel:{type:String,default:"重置"},showSubmitButton:{type:Boolean,default:!0},showResetButton:{type:Boolean,default:!1},size:String,extraData:Object,noGrid:Boolean},emits:["submit","reset","beforeSubmit","onValidateError"],setup(e,{emit:t,expose:r}){const s=l(),i=l(_e(e.fields)),u=l(!1),{getCol:d}=(()=>{const e=l("xl"),o=["xl","lg","md","sm","xs"],t=be((function(){const{innerWidth:t}=window;for(const l of o){const o=We[l];if("xs"===l){if(t<o){e.value=l;break}}else if(t>=o){e.value=l;break}}}),500);return k((()=>{t(),window.addEventListener("resize",t)})),V((()=>{window.removeEventListener("resize",t)})),{activeScreen:e,getCol:function(t){const{offset:l,pull:n,push:a}=t,r=[l,n,a].reduce(((e,o)=>e+(o||0)),0);let s=e.value;for(let e=0;e<o.length;e++){const l=o[e],n=t[l];if(l===s){if(fe(n))return n+r;s=o[e+1]}}return(t.span||24)+r}}})(),c=n((()=>{const{fields:o,advanceLines:t,baseColProps:l}=e;if(u.value||!t)return 1/0;const n=[l].concat(o.filter((e=>!e.hide)).map((e=>e.colProps||l)));let a=0;const r=24*t,s=o.length;for(let e=0;e<n.length;e++){const o=n[e];if(a+=d(o),a>=r&&e!==s)return e-1}return 0}));function p(){var e;return null===(e=o(s))||void 0===e?void 0:e.validate()}function m(){return Object.assign(Object.assign({},e.extraData),function(e,t){const l=Object.assign({},o(e));return t.forEach((e=>{const{prop:t,splitToFields:n}=e;if(n&&t){const[[...e],a]=n;let r=o(l[t]);if(!e.length||!r)return;Array.isArray(r)||(r=[r]),delete l[t],r.forEach(((o,t)=>{const n=e[t];l[n]=a?de(a)?a(r,t,n):ge(o).format(a):o}))}})),l}(i,e.fields))}a((()=>e.fields),(e=>i.value=_e(e)));const f={getFieldValueByKey:function(e){return m()[e]},getFieldsValue:m,updateFieldValueByKey:function(e,o){i.value[e]=o},updateFieldsValue:function(e){i.value=Object.assign(Object.assign({},i.value),e)},formModel:i,formRef:s,validate:p};return r(f),S("FORM_PLUS",f),{formRef:s,submit:function(){return $e(this,void 0,void 0,(function*(){try{t("beforeSubmit"),yield p(),t("submit",m())}catch(e){t("onValidateError",e)}}))},reset:function(){var e;return $e(this,void 0,void 0,(function*(){null===(e=o(s))||void 0===e||e.resetFields(),t("reset",m())}))},formModel:i,isExpand:u,advanceIndex:c,isHide:function({hide:e}){return Ce(e)?e(i.value):e},isColHide:function({colHide:e}){return Ce(e)?e(i.value):e}}}});Ge.render=function(e,o,t,l,n,a){const y=r("form-item"),w=r("el-col"),P=r("el-button"),C=r("arrow-up"),$=r("arrow-down"),k=r("el-icon"),V=r("el-form-item"),S=r("el-row"),O=r("el-form");return s(),i(O,{class:_(["rx-form-plus",{"no-grid":e.noGrid}]),ref:"formRef",model:e.formModel,rules:e.rules,size:e.size,onSubmit:L(e.submit,["prevent"])},{default:c((()=>[v(e.$slots,"before",{model:e.formModel,colProps:e.baseColProps}),x(S,{gutter:e.gutter,type:"flex",class:_(`justify-${e.justify}`)},{default:c((()=>[v(e.$slots,"prepend",{model:e.formModel,colProps:e.baseColProps}),(s(!0),p(m,null,f(e.fields,((o,t)=>(s(),p(m,null,[!e.isHide(o)&&(!e.advanceIndex||t<=e.advanceIndex||e.noGrid)?R((s(),i(w,u({key:0,style:`${o.colStyle||""}`,class:`${o.colClass||""}`,key:o.prop},o.colProps||e.baseColProps),{default:c((()=>[e.$slots[`${o.prop}-out-befor`]?v(e.$slots,`${o.prop}-out-befor`,F(u({key:0},{field:o,formModel:e.formModel,fields:e.fields}))):h("v-if",!0),o.prop?(s(),i(y,{key:1,schema:o,modelValue:e.formModel[o.prop],"onUpdate:modelValue":t=>e.formModel[o.prop]=t,"hide-label":e.hideLabel,model:e.formModel,"label-width":o.labelWidth||e.$attrs.labelWidth||e.$attrs["label-width"]||"auto"},d({default:c((()=>[e.$slots[o.prop]?v(e.$slots,o.prop,F(u({key:0},{field:o,formModel:e.formModel,fields:e.fields}))):h("v-if",!0)])),_:2},[e.$slots[`${o.prop}-inner-befor`]?{name:`${o.prop}-inner-befor`,fn:c((()=>[v(e.$slots,`${o.prop}-inner-befor`,F(M({field:o,formModel:e.formModel,fields:e.fields})))]))}:void 0,e.$slots[`${o.prop}-inner-after`]?{name:`${o.prop}-inner-after`,fn:c((()=>[v(e.$slots,`${o.prop}-inner-after`,F(M({field:o,formModel:e.formModel,fields:e.fields})))]))}:void 0]),1032,["schema","modelValue","onUpdate:modelValue","hide-label","model","label-width"])):h("v-if",!0),e.$slots[`${o.prop}-out-after`]?v(e.$slots,`${o.prop}-out-after`,F(u({key:2},{field:o,formModel:e.formModel,fields:e.fields}))):h("v-if",!0)])),_:2},1040,["style","class"])),[[I,!e.isColHide(o)&&(!e.advanceIndex||t<=e.advanceIndex||e.noGrid)]]):h("v-if",!0)],64)))),256)),v(e.$slots,"append",{model:e.formModel,colProps:e.baseColProps}),v(e.$slots,"button",{model:e.formModel,colProps:e.actionColProps||e.baseColProps,actionAlign:e.actionAlign,reset:e.reset,resetLabel:e.resetLabel,resetLoading:e.resetLoading,submit:e.submit,submitLabel:e.submitLabel,submitLoading:e.submitLoading},(()=>[x(w,u(e.actionColProps||e.baseColProps,{class:`text-${e.actionAlign}`,style:e.actionColStyle}),{default:c((()=>[x(V,{"label-width":e.actionLabelWidth},{default:c((()=>[e.showResetButton?(s(),i(P,{key:0,onClick:e.reset,loading:e.resetLoading},{default:c((()=>[b(g(e.resetLabel),1)])),_:1},8,["onClick","loading"])):h("v-if",!0),e.showSubmitButton?(s(),i(P,{key:1,type:"primary",loading:e.submitLoading,onClick:e.submit},{default:c((()=>[b(g(e.submitLabel),1)])),_:1},8,["loading","onClick"])):h("v-if",!0),v(e.$slots,"befor-button",{model:e.formModel,colProps:e.baseColProps}),e.advanceLines&&e.advanceIndex&&!e.noGrid?(s(),i(P,{key:2,type:"text",onClick:o[0]||(o[0]=o=>e.isExpand=!e.isExpand)},{default:c((()=>[x(k,null,{default:c((()=>[e.isExpand?(s(),i(C,{key:0})):(s(),i($,{key:1}))])),_:1}),b(" "+g(e.isExpand?"收起":"展开"),1)])),_:1})):h("v-if",!0),v(e.$slots,"append-button",{model:e.formModel,colProps:e.baseColProps})])),_:3},8,["label-width"])])),_:3},16,["class","style"])])),v(e.$slots,"append-button-col",{model:e.formModel,colProps:e.baseColProps})])),_:3},8,["gutter","class"]),v(e.$slots,"after",{model:e.formModel,colProps:e.baseColProps})])),_:3},8,["model","rules","size","class","onSubmit"])},Ge.__file="packages/components/RxFormPlus/src/RxFormPlus.vue";const Ne=e(Ge);export{Ne as RxFormPlus,Ne as default};

package/es/components/RxFormPlus/src/RxFormPlus.d.ts

@@ -0,0 +1,66 @@
+import { ExtractInnerPropTypes, ExtractPublicPropTypes } from 'rx-compo/es/utils';
+import { DefineComponent, PropType } from 'vue';
+import { ColProps, FormItemSchema } from './types';
+declare type ElComponentSize = 'large' | 'default' | 'small';
+export declare const RxFormPlusProps: {
+    fields: {
+        type: PropType<FormItemSchema<any>[]>;
+        default: () => any[];
+    };
+    rules: {
+        type: ObjectConstructor;
+        default: any;
+    };
+    gutter: {
+        type: NumberConstructor;
+        default: number;
+    };
+    baseColProps: {
+        type: PropType<ColProps>;
+        default: () => ColProps;
+    };
+    actionColProps: PropType<ColProps>;
+    actionColStyle: {
+        type: StringConstructor;
+        default: string;
+    };
+    actionAlign: {
+        type: StringConstructor;
+        default: string;
+    };
+    actionLabelWidth: (StringConstructor | NumberConstructor)[];
+    justify: {
+        type: StringConstructor;
+        default: string;
+    };
+    hideLabel: BooleanConstructor;
+    advanceLines: {
+        type: NumberConstructor;
+        default: number;
+    };
+    submitLoading: BooleanConstructor;
+    resetLoading: BooleanConstructor;
+    submitLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    resetLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    showSubmitButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showResetButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: PropType<ElComponentSize>;
+    extraData: ObjectConstructor;
+    noGrid: BooleanConstructor;
+};
+export declare type RxFormPlusProps = ExtractInnerPropTypes<typeof RxFormPlusProps>;
+export declare type RxFormPlusPublicProps = ExtractPublicPropTypes<typeof RxFormPlusProps>;
+export declare type RxFormPlusComponent = DefineComponent<keyof RxFormPlusPublicProps> & RxFormPlusPublicProps;
+export {};

package/es/components/RxFormPlus/src/RxFormPlus.vue.d.ts

@@ -0,0 +1,364 @@
+import { FormItemSchema } from './types';
+declare const _default: import("vue").DefineComponent<{
+    fields: {
+        type: import("vue").PropType<FormItemSchema<any>[]>;
+        default: () => any[];
+    };
+    rules: {
+        type: ObjectConstructor;
+        default: any;
+    };
+    gutter: {
+        type: NumberConstructor;
+        default: number;
+    };
+    baseColProps: {
+        type: import("vue").PropType<import("./types").ColProps>;
+        default: () => import("./types").ColProps;
+    };
+    actionColProps: import("vue").PropType<import("./types").ColProps>;
+    actionColStyle: {
+        type: StringConstructor;
+        default: string;
+    };
+    actionAlign: {
+        type: StringConstructor;
+        default: string;
+    };
+    actionLabelWidth: (StringConstructor | NumberConstructor)[];
+    justify: {
+        type: StringConstructor;
+        default: string;
+    };
+    hideLabel: BooleanConstructor;
+    advanceLines: {
+        type: NumberConstructor;
+        default: number;
+    };
+    submitLoading: BooleanConstructor;
+    resetLoading: BooleanConstructor;
+    submitLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    resetLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    showSubmitButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showResetButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: import("vue").PropType<"default" | "small" | "large">;
+    extraData: ObjectConstructor;
+    noGrid: BooleanConstructor;
+}, {
+    formRef: import("vue").Ref<{
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            size: import("element-plus/es/utils").BuildPropType<StringConstructor, "" | "default" | "small" | "large", unknown>;
+            disabled: boolean;
+            rules: Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>;
+            labelWidth: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            labelSuffix: string;
+            showMessage: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+            validateOnRuleChange: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+            hideRequiredAsterisk: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+            inline: boolean;
+            inlineMessage: boolean;
+            statusIcon: boolean;
+            scrollToError: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            readonly model: ObjectConstructor;
+            readonly rules: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>>, unknown, unknown, unknown, unknown>;
+            readonly labelPosition: StringConstructor;
+            readonly labelWidth: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+            readonly labelSuffix: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+            readonly inline: BooleanConstructor;
+            readonly inlineMessage: BooleanConstructor;
+            readonly statusIcon: BooleanConstructor;
+            readonly showMessage: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+            readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, "" | "default" | "small" | "large", unknown>;
+            readonly disabled: BooleanConstructor;
+            readonly validateOnRuleChange: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+            readonly hideRequiredAsterisk: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+            readonly scrollToError: BooleanConstructor;
+        }>> & {
+            onValidate?: (prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "disabled" | "rules" | "labelWidth" | "labelSuffix" | "inline" | "inlineMessage" | "statusIcon" | "showMessage" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $emit: (event: "validate", prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            readonly model: ObjectConstructor;
+            readonly rules: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>>, unknown, unknown, unknown, unknown>;
+            readonly labelPosition: StringConstructor;
+            readonly labelWidth: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+            readonly labelSuffix: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+            readonly inline: BooleanConstructor;
+            readonly inlineMessage: BooleanConstructor;
+            readonly statusIcon: BooleanConstructor;
+            readonly showMessage: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+            readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, "" | "default" | "small" | "large", unknown>;
+            readonly disabled: BooleanConstructor;
+            readonly validateOnRuleChange: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+            readonly hideRequiredAsterisk: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+            readonly scrollToError: BooleanConstructor;
+        }>> & {
+            onValidate?: (prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => any;
+        }, {
+            COMPONENT_NAME: string;
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                readonly model: ObjectConstructor;
+                readonly rules: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>>, unknown, unknown, unknown, unknown>;
+                readonly labelPosition: StringConstructor;
+                readonly labelWidth: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+                readonly labelSuffix: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+                readonly inline: BooleanConstructor;
+                readonly inlineMessage: BooleanConstructor;
+                readonly statusIcon: BooleanConstructor;
+                readonly showMessage: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, "" | "default" | "small" | "large", unknown>;
+                readonly disabled: BooleanConstructor;
+                readonly validateOnRuleChange: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                readonly hideRequiredAsterisk: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+                readonly scrollToError: BooleanConstructor;
+            }>> & {
+                onValidate?: (prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => any;
+            }>>;
+            emit: (event: "validate", prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => void;
+            fields: import("element-plus").FormItemContext[];
+            formSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
+            ns: {
+                namespace: import("vue").ComputedRef<string>;
+                b: (blockSuffix?: string) => string;
+                e: (element?: string) => string;
+                m: (modifier?: string) => string;
+                be: (blockSuffix?: string, element?: string) => string;
+                em: (element?: string, modifier?: string) => string;
+                bm: (blockSuffix?: string, modifier?: string) => string;
+                bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+                is: {
+                    (name: string, state: boolean): string;
+                    (name: string): string;
+                };
+            };
+            formClasses: import("vue").ComputedRef<(string | {
+                [x: string]: string | boolean;
+            })[]>;
+            addField: (field: import("element-plus").FormItemContext) => void;
+            removeField: (field: import("element-plus").FormItemContext) => void;
+            resetFields: (props?: import("element-plus/es/utils").Arrayable<import("element-plus").FormItemProp>) => void;
+            clearValidate: (props?: import("element-plus/es/utils").Arrayable<import("element-plus").FormItemProp>) => void;
+            isValidatable: import("vue").ComputedRef<boolean>;
+            obtainValidateFields: (props: import("element-plus/es/utils").Arrayable<import("element-plus").FormItemProp>) => import("element-plus").FormItemContext[];
+            validate: (callback?: import("element-plus").FormValidateCallback) => import("element-plus").FormValidationResult;
+            doValidateField: (props?: import("element-plus/es/utils").Arrayable<import("element-plus").FormItemProp>) => Promise<boolean>;
+            validateField: (props?: import("element-plus/es/utils").Arrayable<import("element-plus").FormItemProp>, callback?: import("element-plus").FormValidateCallback) => import("element-plus").FormValidationResult;
+            scrollToField: (prop: import("element-plus").FormItemProp) => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            validate: (prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => boolean;
+        }, string, {
+            size: import("element-plus/es/utils").BuildPropType<StringConstructor, "" | "default" | "small" | "large", unknown>;
+            disabled: boolean;
+            rules: Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>;
+            labelWidth: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            labelSuffix: string;
+            showMessage: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+            validateOnRuleChange: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+            hideRequiredAsterisk: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+            inline: boolean;
+            inlineMessage: boolean;
+            statusIcon: boolean;
+            scrollToError: boolean;
+        }> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        readonly model: ObjectConstructor;
+        readonly rules: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>>, unknown, unknown, unknown, unknown>;
+        readonly labelPosition: StringConstructor;
+        readonly labelWidth: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+        readonly labelSuffix: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly inline: BooleanConstructor;
+        readonly inlineMessage: BooleanConstructor;
+        readonly statusIcon: BooleanConstructor;
+        readonly showMessage: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+        readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, "" | "default" | "small" | "large", unknown>;
+        readonly disabled: BooleanConstructor;
+        readonly validateOnRuleChange: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+        readonly hideRequiredAsterisk: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly scrollToError: BooleanConstructor;
+    }>> & {
+        onValidate?: (prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => any;
+    } & import("vue").ShallowUnwrapRef<{
+        COMPONENT_NAME: string;
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            readonly model: ObjectConstructor;
+            readonly rules: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>>, unknown, unknown, unknown, unknown>;
+            readonly labelPosition: StringConstructor;
+            readonly labelWidth: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+            readonly labelSuffix: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+            readonly inline: BooleanConstructor;
+            readonly inlineMessage: BooleanConstructor;
+            readonly statusIcon: BooleanConstructor;
+            readonly showMessage: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+            readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, "" | "default" | "small" | "large", unknown>;
+            readonly disabled: BooleanConstructor;
+            readonly validateOnRuleChange: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+            readonly hideRequiredAsterisk: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+            readonly scrollToError: BooleanConstructor;
+        }>> & {
+            onValidate?: (prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => any;
+        }>>;
+        emit: (event: "validate", prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => void;
+        fields: import("element-plus").FormItemContext[];
+        formSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
+        ns: {
+            namespace: import("vue").ComputedRef<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string) => string;
+            m: (modifier?: string) => string;
+            be: (blockSuffix?: string, element?: string) => string;
+            em: (element?: string, modifier?: string) => string;
+            bm: (blockSuffix?: string, modifier?: string) => string;
+            bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+            is: {
+                (name: string, state: boolean): string;
+                (name: string): string;
+            };
+        };
+        formClasses: import("vue").ComputedRef<(string | {
+            [x: string]: string | boolean;
+        })[]>;
+        addField: (field: import("element-plus").FormItemContext) => void;
+        removeField: (field: import("element-plus").FormItemContext) => void;
+        resetFields: (props?: import("element-plus/es/utils").Arrayable<import("element-plus").FormItemProp>) => void;
+        clearValidate: (props?: import("element-plus/es/utils").Arrayable<import("element-plus").FormItemProp>) => void;
+        isValidatable: import("vue").ComputedRef<boolean>;
+        obtainValidateFields: (props: import("element-plus/es/utils").Arrayable<import("element-plus").FormItemProp>) => import("element-plus").FormItemContext[];
+        validate: (callback?: import("element-plus").FormValidateCallback) => import("element-plus").FormValidationResult;
+        doValidateField: (props?: import("element-plus/es/utils").Arrayable<import("element-plus").FormItemProp>) => Promise<boolean>;
+        validateField: (props?: import("element-plus/es/utils").Arrayable<import("element-plus").FormItemProp>, callback?: import("element-plus").FormValidateCallback) => import("element-plus").FormValidationResult;
+        scrollToField: (prop: import("element-plus").FormItemProp) => void;
+    }> & {} & import("vue").ComponentCustomProperties>;
+    submit: () => Promise<void>;
+    reset: () => Promise<void>;
+    formModel: import("vue").Ref<import("./types").Recordable<any>>;
+    isExpand: import("vue").Ref<boolean>;
+    advanceIndex: import("vue").ComputedRef<number>;
+    isHide: ({ hide }: FormItemSchema) => any;
+    isColHide: ({ colHide }: FormItemSchema) => any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "reset" | "beforeSubmit" | "onValidateError")[], "submit" | "reset" | "beforeSubmit" | "onValidateError", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    fields: {
+        type: import("vue").PropType<FormItemSchema<any>[]>;
+        default: () => any[];
+    };
+    rules: {
+        type: ObjectConstructor;
+        default: any;
+    };
+    gutter: {
+        type: NumberConstructor;
+        default: number;
+    };
+    baseColProps: {
+        type: import("vue").PropType<import("./types").ColProps>;
+        default: () => import("./types").ColProps;
+    };
+    actionColProps: import("vue").PropType<import("./types").ColProps>;
+    actionColStyle: {
+        type: StringConstructor;
+        default: string;
+    };
+    actionAlign: {
+        type: StringConstructor;
+        default: string;
+    };
+    actionLabelWidth: (StringConstructor | NumberConstructor)[];
+    justify: {
+        type: StringConstructor;
+        default: string;
+    };
+    hideLabel: BooleanConstructor;
+    advanceLines: {
+        type: NumberConstructor;
+        default: number;
+    };
+    submitLoading: BooleanConstructor;
+    resetLoading: BooleanConstructor;
+    submitLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    resetLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    showSubmitButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showResetButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: import("vue").PropType<"default" | "small" | "large">;
+    extraData: ObjectConstructor;
+    noGrid: BooleanConstructor;
+}>> & {
+    onSubmit?: (...args: any[]) => any;
+    onReset?: (...args: any[]) => any;
+    onBeforeSubmit?: (...args: any[]) => any;
+    onOnValidateError?: (...args: any[]) => any;
+}, {
+    rules: Record<string, any>;
+    hideLabel: boolean;
+    gutter: number;
+    justify: string;
+    fields: FormItemSchema<any>[];
+    baseColProps: import("./types").ColProps;
+    actionColStyle: string;
+    actionAlign: string;
+    advanceLines: number;
+    submitLoading: boolean;
+    resetLoading: boolean;
+    submitLabel: string;
+    resetLabel: string;
+    showSubmitButton: boolean;
+    showResetButton: boolean;
+    noGrid: boolean;
+}>;
+export default _default;

package/es/components/RxFormPlus/src/componentMap.d.ts

@@ -0,0 +1,12 @@
+import { Component } from 'vue';
+import { ComponentType } from './types';
+export declare const componentMap: Map<ComponentType, Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
+export declare function add(compName: ComponentType, component: Component): void;
+export declare function del(compName: ComponentType): void;
+declare function get(compName?: ComponentType): Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | ComponentType;
+declare const _default: {
+    add: typeof add;
+    del: typeof del;
+    get: typeof get;
+};
+export default _default;

package/es/components/RxFormPlus/src/components/checkbox-group.vue.d.ts

@@ -0,0 +1,25 @@
+import { PropType } from 'vue';
+import { SelectOption } from '../types';
+declare const _default: import("vue").DefineComponent<{
+    options: {
+        type: PropType<SelectOption<unknown>[]>;
+        default: () => any[];
+    };
+    isButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: PropType<SelectOption<unknown>[]>;
+        default: () => any[];
+    };
+    isButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    options: SelectOption<unknown>[];
+    isButton: boolean;
+}>;
+export default _default;

package/es/components/RxFormPlus/src/components/form-component.vue.d.ts

@@ -0,0 +1,29 @@
+import { PropType } from 'vue';
+import { FormItemSchema, Recordable } from '../types';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: any;
+    schema: {
+        type: PropType<FormItemSchema<any>>;
+        required: true;
+    };
+    label: StringConstructor;
+}, {
+    component: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | import("../types").ComponentType;
+    propsSlots: import("vue").ComputedRef<Recordable<Function>>;
+    componentProps: import("vue").ComputedRef<{
+        [x: string]: any;
+        [x: number]: any;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:model-value"[], "update:model-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: any;
+    schema: {
+        type: PropType<FormItemSchema<any>>;
+        required: true;
+    };
+    label: StringConstructor;
+}>> & {
+    "onUpdate:model-value"?: (...args: any[]) => any;
+}, {
+    modelValue: any;
+}>;
+export default _default;

package/es/components/RxFormPlus/src/components/form-item.vue.d.ts

@@ -0,0 +1,28 @@
+import { ComputedRef, PropType } from 'vue';
+import { FormItemSchema, Recordable } from '../types';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: any;
+    schema: {
+        type: PropType<FormItemSchema<any>>;
+        required: true;
+    };
+    hideLabel: BooleanConstructor;
+    model: PropType<Recordable<any>>;
+}, {
+    label: ComputedRef<string>;
+    showMessage: ComputedRef<boolean>;
+    tooltip: ComputedRef<string>;
+    formItemSlots: ComputedRef<Recordable<Function>>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: any;
+    schema: {
+        type: PropType<FormItemSchema<any>>;
+        required: true;
+    };
+    hideLabel: BooleanConstructor;
+    model: PropType<Recordable<any>>;
+}>>, {
+    modelValue: any;
+    hideLabel: boolean;
+}>;
+export default _default;

package/es/components/RxFormPlus/src/components/form-select.vue.d.ts

@@ -0,0 +1,20 @@
+declare const _default: import("vue").DefineComponent<{
+    options: (ObjectConstructor | ArrayConstructor | FunctionConstructor)[];
+    immediate: BooleanConstructor;
+}, {
+    calcOptions: import("vue").Ref<{
+        value: any;
+        label: string;
+        disabled?: boolean;
+        children?: any[];
+    }[]>;
+    remote: import("vue").ComputedRef<true>;
+    filterable: import("vue").ComputedRef<true>;
+    remoteMethod: import("vue").ComputedRef<(value?: string) => Promise<void>>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    options: (ObjectConstructor | ArrayConstructor | FunctionConstructor)[];
+    immediate: BooleanConstructor;
+}>>, {
+    immediate: boolean;
+}>;
+export default _default;