@robot-admin/naive-ui-components 0.22.0 → 0.22.1
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.
- package/CHANGELOG.md +8 -0
- package/README.md +3 -1
- package/README_EN.md +3 -1
- package/dist/C_Captcha.d.ts +2 -0
- package/dist/C_Form.base.css +58 -58
- package/dist/C_Form.cjs +1 -1
- package/dist/C_Form.css +58 -58
- package/dist/C_Form.d.cts +3 -1
- package/dist/C_Form.d.ts +3 -2
- package/dist/C_Form.js +1 -1
- package/dist/C_FormModal.css +10 -10
- package/dist/C_FormModal.d.ts +1 -0
- package/dist/C_FormModal2.cjs +1 -1
- package/dist/C_FormModal2.js +1 -1
- package/dist/C_FormSearch.css +56 -56
- package/dist/C_FormSearch.d.ts +2 -1
- package/dist/C_FormSearch2.cjs +1 -1
- package/dist/C_FormSearch2.js +1 -1
- package/dist/C_Login.d.ts +3 -0
- package/dist/C_Table.base.css +58 -58
- package/dist/C_Table.css +58 -58
- package/dist/C_Table.d.cts +1 -1
- package/dist/C_Table.d.ts +5 -2
- package/dist/C_Tree.d.cts +1 -1
- package/dist/C_Tree.d.ts +5 -2
- package/dist/config.cjs +1 -1
- package/dist/config.d.cts +4 -1
- package/dist/config.d.ts +4 -2
- package/dist/config.js +1 -1
- package/dist/config2.d.ts +14 -0
- package/dist/constants3.d.cts +1 -1
- package/dist/constants3.d.ts +1 -1
- package/dist/constants4.d.cts +8 -8
- package/dist/constants4.d.ts +8 -8
- package/dist/constants5.d.cts +2 -2
- package/dist/constants5.d.ts +2 -2
- package/dist/data.d.cts +4 -4
- package/dist/data.d.ts +4 -4
- package/dist/dateRange.d.ts +1 -2
- package/dist/density.cjs +1 -1
- package/dist/density.js +1 -1
- package/dist/helpers.cjs +1 -1
- package/dist/helpers.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +4 -3
- package/dist/index.d.ts +7 -5
- package/dist/index.js +1 -1
- package/dist/index.vue.d.cts +5 -5
- package/dist/index.vue.d.ts +5 -5
- package/dist/index10.vue.d.cts +3 -3
- package/dist/index10.vue.d.ts +5 -5
- package/dist/index11.vue.d.cts +5 -5
- package/dist/index11.vue.d.ts +1 -1
- package/dist/index12.vue.d.cts +1 -1
- package/dist/index12.vue.d.ts +3 -3
- package/dist/index13.vue.d.cts +3 -3
- package/dist/index13.vue.d.ts +8 -8
- package/dist/index14.vue.d.cts +8 -8
- package/dist/index17.vue.d.ts +2 -2
- package/dist/index18.vue.d.cts +2 -2
- package/dist/index18.vue.d.ts +2 -2
- package/dist/index19.vue.d.cts +2 -2
- package/dist/index19.vue.d.ts +2 -2
- package/dist/index2.vue.d.cts +2 -2
- package/dist/index2.vue.d.ts +2 -2
- package/dist/index20.vue.d.cts +1 -1
- package/dist/index20.vue.d.ts +1 -1
- package/dist/index21.vue.d.cts +1 -1
- package/dist/index21.vue.d.ts +1 -1
- package/dist/index22.vue.d.cts +2 -2
- package/dist/index22.vue.d.ts +2 -2
- package/dist/index24.vue.d.cts +1 -1
- package/dist/index24.vue.d.ts +1 -1
- package/dist/index25.vue.d.cts +5 -5
- package/dist/index25.vue.d.ts +5 -5
- package/dist/index26.vue.d.cts +2 -2
- package/dist/index26.vue.d.ts +2 -2
- package/dist/index3.vue.d.cts +3 -3
- package/dist/index3.vue.d.ts +3 -3
- package/dist/index4.vue.d.cts +2 -2
- package/dist/index8.vue.d.ts +1 -1
- package/dist/index9.vue.d.cts +1 -1
- package/dist/index9.vue.d.ts +3 -3
- package/dist/style.css +124 -124
- package/dist/useCalendarEvents.d.cts +1 -1
- package/dist/useCalendarEvents.d.ts +1 -1
- package/dist/useCollapsePanel.d.cts +4 -4
- package/dist/useCollapsePanel.d.ts +4 -4
- package/dist/useCropperCore.d.cts +4 -4
- package/dist/useCropperCore.d.ts +4 -4
- package/dist/useDynamicFormState.d.cts +6 -579
- package/dist/useDynamicFormState.d.ts +6 -579
- package/dist/useEdgeInteraction.d.cts +1 -1
- package/dist/useEdgeInteraction.d.ts +1 -1
- package/dist/useFormConfig.cjs +1 -0
- package/dist/useFormConfig.d.cts +576 -0
- package/dist/useFormConfig.d.ts +611 -0
- package/dist/useFormConfig.js +1 -0
- package/dist/useFullscreen.d.cts +3 -3
- package/dist/useFullscreen.d.ts +3 -3
- package/dist/useInfiniteScroll.d.cts +1 -1
- package/dist/useInfiniteScroll.d.ts +1 -1
- package/dist/useQRCode.d.cts +3 -3
- package/dist/useQRCode.d.ts +3 -3
- package/dist/useSignatureHistory.d.cts +3 -3
- package/dist/useSignatureHistory.d.ts +3 -3
- package/dist/useSplitResize.d.cts +6 -6
- package/dist/useSplitResize.d.ts +6 -6
- package/dist/useTableQuery.d.cts +9 -9
- package/dist/useTableQuery.d.ts +11 -22
- package/dist/useWorkflowValidation.d.cts +3 -3
- package/dist/useWorkflowValidation.d.ts +3 -3
- package/dist/verification.d.cts +4 -4
- package/dist/verification.d.ts +5 -5
- package/docs/guides/form-density.en.md +17 -3
- package/docs/guides/form-density.md +17 -3
- package/docs/guides/usage.en.md +1 -1
- package/package.json +1 -1
- package/dist/contracts.d.ts +0 -24
- package/dist/density.d.ts +0 -15
package/dist/C_FormModal.css
CHANGED
|
@@ -7,41 +7,41 @@
|
|
|
7
7
|
* @Description: 紧凑型数据驱动表单弹窗样式
|
|
8
8
|
* Copyright (c) 2026 by CHENY, All Rights Reserved 😎.
|
|
9
9
|
*/
|
|
10
|
-
.c-form-modal[data-v-
|
|
10
|
+
.c-form-modal[data-v-67de2c49] {
|
|
11
11
|
overflow: hidden;
|
|
12
12
|
border-radius: 10px;
|
|
13
13
|
}
|
|
14
|
-
.c-form-modal[data-v-
|
|
14
|
+
.c-form-modal[data-v-67de2c49] .n-card-header {
|
|
15
15
|
min-height: 46px;
|
|
16
16
|
padding: 12px 16px;
|
|
17
17
|
border-bottom: 1px solid var(--n-border-color);
|
|
18
18
|
}
|
|
19
|
-
.c-form-modal[data-v-
|
|
19
|
+
.c-form-modal[data-v-67de2c49] .n-card-header__main {
|
|
20
20
|
font-size: 15px;
|
|
21
21
|
font-weight: 650;
|
|
22
22
|
}
|
|
23
|
-
.c-form-modal[data-v-
|
|
23
|
+
.c-form-modal[data-v-67de2c49] :is(.n-card-content, .n-card__content) {
|
|
24
24
|
padding: 14px 16px 8px;
|
|
25
25
|
}
|
|
26
|
-
.c-form-modal[data-v-
|
|
26
|
+
.c-form-modal[data-v-67de2c49] .n-card__action {
|
|
27
27
|
display: flex;
|
|
28
28
|
justify-content: flex-end;
|
|
29
29
|
padding: 10px 16px;
|
|
30
30
|
background: color-mix(in srgb, var(--n-color-modal) 94%, var(--n-border-color));
|
|
31
31
|
border-top: 1px solid var(--n-border-color);
|
|
32
32
|
}
|
|
33
|
-
.c-form-modal[data-v-
|
|
33
|
+
.c-form-modal[data-v-67de2c49] .n-form-item {
|
|
34
34
|
margin-bottom: 2px;
|
|
35
35
|
}
|
|
36
36
|
@media (max-width: 640px) {
|
|
37
|
-
.c-form-modal[data-v-
|
|
37
|
+
.c-form-modal[data-v-67de2c49] :is(.n-card-content, .n-card__content) {
|
|
38
38
|
padding-inline: 12px;
|
|
39
39
|
}
|
|
40
|
-
.c-form-modal[data-v-
|
|
40
|
+
.c-form-modal[data-v-67de2c49] .n-card__action {
|
|
41
41
|
padding-inline: 12px;
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
44
|
|
|
45
45
|
/* layer: default */
|
|
46
|
-
.visible[data-v-
|
|
47
|
-
.px[data-v-
|
|
46
|
+
.visible[data-v-67de2c49]{visibility:visible;}
|
|
47
|
+
.px[data-v-67de2c49]{padding-left:1rem;padding-right:1rem;}
|
package/dist/C_FormModal.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import "./useFormConfig.js";
|
|
1
2
|
import "./useDynamicFormState.js";
|
|
2
3
|
import { a as FormModalProps, i as FormModalMode, n as FormModalEditor, r as FormModalEmits, t as _default } from "./index11.vue.js";
|
|
3
4
|
export { _default as C_FormModal, type FormModalEditor, type FormModalEmits, type FormModalMode, type FormModalProps };
|
package/dist/C_FormModal2.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk.cjs`);const e=require(`./density.cjs`),t=require(`./export-helper.cjs`),n=require(`./C_ActionBar2.cjs`),r=require(`./helpers.cjs`);let
|
|
1
|
+
require(`./chunk.cjs`);const e=require(`./density.cjs`),t=require(`./export-helper.cjs`),n=require(`./C_ActionBar2.cjs`),r=require(`./useFormConfig.cjs`),i=require(`./helpers.cjs`);let a=require(`vue`),o=require(`naive-ui`);const s=(0,a.defineComponent)({name:`C_FormModal`,__name:`index`,props:{editor:{},options:{},config:{default:()=>({})},width:{default:`min(620px, calc(100vw - 24px))`},createText:{default:`创建`},saveText:{default:`保存`},cancelText:{default:`取消`},closable:{type:Boolean,default:!0},maskClosable:{type:Boolean,default:!0},closeOnEsc:{type:Boolean,default:!0}},emits:[`submit`,`close`],setup(t,{emit:s}){let c=t,l=s,u=(0,a.ref)(null),d=r.o(),f=(0,a.computed)(()=>c.config?.density??d.density??`compact`),p=(0,a.computed)({get:()=>c.editor.visible.value,set:e=>{e||y()}}),m=(0,a.computed)(()=>c.editor.title.value),h=(0,a.computed)(()=>c.editor.loading.value),g=(0,a.computed)(()=>typeof c.width==`number`?`${c.width}px`:c.width),_=(0,a.computed)({get:()=>c.editor.model.value??{},set:e=>{c.editor.setModel(e)}}),v=(0,a.computed)(()=>({...c.config,density:f.value,mode:c.editor.mode.value,initialValues:c.editor.model.value??void 0,showActions:!1,onSubmit:async(e,t)=>{if(await c.config?.onSubmit?.(e,t),t?.signal.aborted)return;let n=await c.editor.submit(e.model);t?.signal.aborted||l(`submit`,e,n)}})),y=()=>{c.editor.close(),l(`close`)},b=(0,a.computed)(()=>{let t=r.r(v.value,d),n=e.t(f.value);return{align:`right`,size:t.size??(f.value===`compact`?`tiny`:n.size),gap:n.gap,compact:f.value===`compact`}}),x=(0,a.computed)(()=>n.a([{key:`cancel`,label:c.cancelText,disabled:h,onClick:y},{key:c.editor.mode.value===`create`?`create`:`save`,label:c.editor.mode.value===`create`?c.createText:c.saveText,loading:h,onClick:async()=>{await u.value?.submit()}}]));return(e,r)=>((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(o.NModal),{show:p.value,"onUpdate:show":r[1]||=e=>p.value=e,preset:`card`,title:m.value,style:(0,a.normalizeStyle)({width:g.value}),"mask-closable":t.maskClosable,"close-on-esc":t.closeOnEsc,closable:t.closable,class:`c-form-modal`},{action:(0,a.withCtx)(()=>[(0,a.createVNode)(n.t,{actions:x.value,config:b.value},null,8,[`actions`,`config`])]),default:(0,a.withCtx)(()=>[p.value&&t.editor.model.value?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(i.i),{key:0,ref_key:`formRef`,ref:u,modelValue:_.value,"onUpdate:modelValue":r[0]||=e=>_.value=e,options:t.options,config:v.value},(0,a.createSlots)({_:2},[(0,a.renderList)(e.$slots,(t,n)=>({name:n,fn:(0,a.withCtx)(t=>[(0,a.renderSlot)(e.$slots,n,(0,a.normalizeProps)((0,a.guardReactiveProps)(t)),void 0,!0)])}))]),1032,[`modelValue`,`options`,`config`])):(0,a.createCommentVNode)(`v-if`,!0)]),_:3},8,[`show`,`title`,`style`,`mask-closable`,`close-on-esc`,`closable`]))}});var c=t.t(s,[[`__scopeId`,`data-v-67de2c49`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return c}});
|
package/dist/C_FormModal2.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e}from"./density.js";import{t}from"./export-helper.js";import{a as n,t as r}from"./C_ActionBar2.js";import{
|
|
1
|
+
import{t as e}from"./density.js";import{t}from"./export-helper.js";import{a as n,t as r}from"./C_ActionBar2.js";import{o as i,r as a}from"./useFormConfig.js";import{i as o}from"./helpers.js";import{computed as s,createBlock as c,createCommentVNode as l,createSlots as u,createVNode as d,defineComponent as f,guardReactiveProps as p,normalizeProps as m,normalizeStyle as h,openBlock as g,ref as _,renderList as v,renderSlot as y,unref as b,withCtx as x}from"vue";import{NModal as S}from"naive-ui";var C=t(f({name:`C_FormModal`,__name:`index`,props:{editor:{},options:{},config:{default:()=>({})},width:{default:`min(620px, calc(100vw - 24px))`},createText:{default:`创建`},saveText:{default:`保存`},cancelText:{default:`取消`},closable:{type:Boolean,default:!0},maskClosable:{type:Boolean,default:!0},closeOnEsc:{type:Boolean,default:!0}},emits:[`submit`,`close`],setup(t,{emit:f}){let C=t,w=f,T=_(null),E=i(),D=s(()=>C.config?.density??E.density??`compact`),O=s({get:()=>C.editor.visible.value,set:e=>{e||P()}}),k=s(()=>C.editor.title.value),A=s(()=>C.editor.loading.value),j=s(()=>typeof C.width==`number`?`${C.width}px`:C.width),M=s({get:()=>C.editor.model.value??{},set:e=>{C.editor.setModel(e)}}),N=s(()=>({...C.config,density:D.value,mode:C.editor.mode.value,initialValues:C.editor.model.value??void 0,showActions:!1,onSubmit:async(e,t)=>{if(await C.config?.onSubmit?.(e,t),t?.signal.aborted)return;let n=await C.editor.submit(e.model);t?.signal.aborted||w(`submit`,e,n)}})),P=()=>{C.editor.close(),w(`close`)},F=s(()=>{let t=a(N.value,E),n=e(D.value);return{align:`right`,size:t.size??(D.value===`compact`?`tiny`:n.size),gap:n.gap,compact:D.value===`compact`}}),I=s(()=>n([{key:`cancel`,label:C.cancelText,disabled:A,onClick:P},{key:C.editor.mode.value===`create`?`create`:`save`,label:C.editor.mode.value===`create`?C.createText:C.saveText,loading:A,onClick:async()=>{await T.value?.submit()}}]));return(e,n)=>(g(),c(b(S),{show:O.value,"onUpdate:show":n[1]||=e=>O.value=e,preset:`card`,title:k.value,style:h({width:j.value}),"mask-closable":t.maskClosable,"close-on-esc":t.closeOnEsc,closable:t.closable,class:`c-form-modal`},{action:x(()=>[d(r,{actions:I.value,config:F.value},null,8,[`actions`,`config`])]),default:x(()=>[O.value&&t.editor.model.value?(g(),c(b(o),{key:0,ref_key:`formRef`,ref:T,modelValue:M.value,"onUpdate:modelValue":n[0]||=e=>M.value=e,options:t.options,config:N.value},u({_:2},[v(e.$slots,(t,n)=>({name:n,fn:x(t=>[y(e.$slots,n,m(p(t)),void 0,!0)])}))]),1032,[`modelValue`,`options`,`config`])):l(`v-if`,!0)]),_:3},8,[`show`,`title`,`style`,`mask-closable`,`close-on-esc`,`closable`]))}}),[[`__scopeId`,`data-v-67de2c49`]]);export{C as t};
|
package/dist/C_FormSearch.css
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
:root{--c-primary: var(--primary-color, #2080f0);--c-primary-hover: var(--primary-color-hover, #4098fc);--c-primary-pressed: var(--primary-color-pressed, #1060c9);--c-success: var(--success-color, #18a058);--c-warning: var(--warning-color, #f0a020);--c-error: var(--error-color, #d03050);--c-info: var(--info-color, #2080f0);--c-bg-body: var(--body-color, #ffffff);--c-bg-card: var(--card-color, #ffffff);--c-bg-surface: var(--popover-color, #ffffff);--c-text-1: var(--text-color-1, #262626);--c-text-2: var(--text-color-2, #525252);--c-text-3: var(--text-color-3, #a3a3a3);--c-text-4: var(--text-color-4, #c0c0c0);--c-border: var(--border-color, #e5e7eb);--c-radius-sm: var(--border-radius-small, 4px);--c-radius: var(--border-radius, 6px);--c-transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);--c-transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);--c-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);--c-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--c-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1)}
|
|
2
2
|
|
|
3
|
-
.form-search-card[data-v-
|
|
3
|
+
.form-search-card[data-v-f567d274] :is(.n-card-content, .n-card__content) {
|
|
4
4
|
padding: var(--c-search-padding, 20px);
|
|
5
5
|
}
|
|
6
|
-
.form-search[data-v-
|
|
6
|
+
.form-search[data-v-f567d274] {
|
|
7
7
|
display: flex;
|
|
8
8
|
flex-wrap: wrap;
|
|
9
9
|
align-items: end;
|
|
10
10
|
gap: var(--c-search-row-gap, 20px) var(--c-search-gap, 32px);
|
|
11
11
|
}
|
|
12
|
-
.form-search .form-search-item-box .form-item-input[data-v-
|
|
12
|
+
.form-search .form-search-item-box .form-item-input[data-v-f567d274] {
|
|
13
13
|
position: relative;
|
|
14
14
|
}
|
|
15
|
-
.form-search .form-search-item-box .form-item-input[data-v-
|
|
16
|
-
.form-search .form-search-item-box .form-item-input[data-v-
|
|
17
|
-
.form-search .form-search-item-box .form-item-input[data-v-
|
|
18
|
-
width: 260px;
|
|
15
|
+
.form-search .form-search-item-box .form-item-input[data-v-f567d274] .n-input,
|
|
16
|
+
.form-search .form-search-item-box .form-item-input[data-v-f567d274] .n-select,
|
|
17
|
+
.form-search .form-search-item-box .form-item-input[data-v-f567d274] .n-date-picker {
|
|
18
|
+
width: var(--c-search-field-width, 260px);
|
|
19
19
|
max-width: 100%;
|
|
20
20
|
}
|
|
21
|
-
.form-search .form-search-item-box .form-item-input[data-v-
|
|
21
|
+
.form-search .form-search-item-box .form-item-input[data-v-f567d274] .n-space .n-button {
|
|
22
22
|
width: var(--n-height);
|
|
23
23
|
padding: 0;
|
|
24
24
|
display: flex;
|
|
@@ -26,14 +26,14 @@
|
|
|
26
26
|
justify-content: center;
|
|
27
27
|
transition: all 0.2s ease;
|
|
28
28
|
}
|
|
29
|
-
.form-search .form-search-item-box .form-item-input[data-v-
|
|
29
|
+
.form-search .form-search-item-box .form-item-input[data-v-f567d274] .n-space .n-button:hover {
|
|
30
30
|
transform: translateY(-1px);
|
|
31
31
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
|
32
32
|
}
|
|
33
|
-
.form-search .form-search-item-box .form-item-input[data-v-
|
|
33
|
+
.form-search .form-search-item-box .form-item-input[data-v-f567d274] .n-space .n-button .n-button__icon {
|
|
34
34
|
margin: 0;
|
|
35
35
|
}
|
|
36
|
-
.form-search .form-search-item-box .form-item-input .input-history[data-v-
|
|
36
|
+
.form-search .form-search-item-box .form-item-input .input-history[data-v-f567d274] {
|
|
37
37
|
width: 100%;
|
|
38
38
|
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
|
|
39
39
|
border: 1px solid var(--n-border-color);
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
max-height: 240px;
|
|
50
50
|
overflow-y: auto;
|
|
51
51
|
}
|
|
52
|
-
.form-search .form-search-item-box .form-item-input .input-history .history-item[data-v-
|
|
52
|
+
.form-search .form-search-item-box .form-item-input .input-history .history-item[data-v-f567d274] {
|
|
53
53
|
padding: 10px 12px;
|
|
54
54
|
display: flex;
|
|
55
55
|
align-items: center;
|
|
@@ -60,24 +60,24 @@
|
|
|
60
60
|
transition: all 0.2s ease;
|
|
61
61
|
position: relative;
|
|
62
62
|
}
|
|
63
|
-
.form-search .form-search-item-box .form-item-input .input-history .history-item[data-v-
|
|
63
|
+
.form-search .form-search-item-box .form-item-input .input-history .history-item[data-v-f567d274]:hover {
|
|
64
64
|
background: var(--n-option-color-hover);
|
|
65
65
|
}
|
|
66
|
-
.form-search .form-search-item-box .form-item-input .input-history .history-item:hover .delete-icon[data-v-
|
|
66
|
+
.form-search .form-search-item-box .form-item-input .input-history .history-item:hover .delete-icon[data-v-f567d274] {
|
|
67
67
|
opacity: 1;
|
|
68
68
|
transform: scale(1);
|
|
69
69
|
}
|
|
70
|
-
.form-search .form-search-item-box .form-item-input .input-history .history-item[data-v-
|
|
70
|
+
.form-search .form-search-item-box .form-item-input .input-history .history-item[data-v-f567d274]:not(:last-of-type) {
|
|
71
71
|
border-bottom: 1px solid var(--n-divider-color);
|
|
72
72
|
}
|
|
73
|
-
.form-search .form-search-item-box .form-item-input .input-history .history-item .history-text[data-v-
|
|
73
|
+
.form-search .form-search-item-box .form-item-input .input-history .history-item .history-text[data-v-f567d274] {
|
|
74
74
|
flex: 1;
|
|
75
75
|
overflow: hidden;
|
|
76
76
|
text-overflow: ellipsis;
|
|
77
77
|
white-space: nowrap;
|
|
78
78
|
margin-right: 8px;
|
|
79
79
|
}
|
|
80
|
-
.form-search .form-search-item-box .form-item-input .input-history .history-item .delete-icon[data-v-
|
|
80
|
+
.form-search .form-search-item-box .form-item-input .input-history .history-item .delete-icon[data-v-f567d274] {
|
|
81
81
|
opacity: 0;
|
|
82
82
|
transform: scale(0.8);
|
|
83
83
|
transition: all 0.2s ease;
|
|
@@ -89,100 +89,100 @@
|
|
|
89
89
|
align-items: center;
|
|
90
90
|
justify-content: center;
|
|
91
91
|
}
|
|
92
|
-
.form-search .form-search-item-box .form-item-input .input-history .history-item .delete-icon[data-v-
|
|
92
|
+
.form-search .form-search-item-box .form-item-input .input-history .history-item .delete-icon[data-v-f567d274]:hover {
|
|
93
93
|
background: var(--n-close-color-hover);
|
|
94
94
|
color: var(--n-close-color-pressed);
|
|
95
95
|
transform: scale(1.1);
|
|
96
96
|
}
|
|
97
|
-
.form-search .form-search-item-box .form-item-input .input-history .history-footer[data-v-
|
|
97
|
+
.form-search .form-search-item-box .form-item-input .input-history .history-footer[data-v-f567d274] {
|
|
98
98
|
padding: 8px 12px;
|
|
99
99
|
border-top: 1px solid var(--n-divider-color);
|
|
100
100
|
background: var(--n-modal-color);
|
|
101
101
|
}
|
|
102
|
-
.form-search .form-search-item-box .form-item-input .input-history .history-footer .clear-all[data-v-
|
|
102
|
+
.form-search .form-search-item-box .form-item-input .input-history .history-footer .clear-all[data-v-f567d274] {
|
|
103
103
|
color: var(--n-text-color-disabled);
|
|
104
104
|
font-size: 12px;
|
|
105
105
|
cursor: pointer;
|
|
106
106
|
transition: all 0.2s ease;
|
|
107
107
|
}
|
|
108
|
-
.form-search .form-search-item-box .form-item-input .input-history .history-footer .clear-all[data-v-
|
|
108
|
+
.form-search .form-search-item-box .form-item-input .input-history .history-footer .clear-all[data-v-f567d274]:hover {
|
|
109
109
|
color: var(--n-error-color);
|
|
110
110
|
}
|
|
111
|
-
.form-search .form-search-item-box .form-item-input .input-history[data-v-
|
|
111
|
+
.form-search .form-search-item-box .form-item-input .input-history[data-v-f567d274] {
|
|
112
112
|
/* custom scrollbar */
|
|
113
113
|
}
|
|
114
|
-
.form-search .form-search-item-box .form-item-input .input-history[data-v-
|
|
114
|
+
.form-search .form-search-item-box .form-item-input .input-history[data-v-f567d274]::-webkit-scrollbar {
|
|
115
115
|
width: 6px;
|
|
116
116
|
}
|
|
117
|
-
.form-search .form-search-item-box .form-item-input .input-history[data-v-
|
|
117
|
+
.form-search .form-search-item-box .form-item-input .input-history[data-v-f567d274]::-webkit-scrollbar-track {
|
|
118
118
|
background: transparent;
|
|
119
119
|
}
|
|
120
|
-
.form-search .form-search-item-box .form-item-input .input-history[data-v-
|
|
120
|
+
.form-search .form-search-item-box .form-item-input .input-history[data-v-f567d274]::-webkit-scrollbar-thumb {
|
|
121
121
|
background: var(--n-scrollbar-color);
|
|
122
122
|
border-radius: 3px;
|
|
123
123
|
}
|
|
124
|
-
.form-search .form-search-item-box .form-item-input .input-history[data-v-
|
|
124
|
+
.form-search .form-search-item-box .form-item-input .input-history[data-v-f567d274]::-webkit-scrollbar-thumb:hover {
|
|
125
125
|
background: var(--n-scrollbar-color-hover);
|
|
126
126
|
}
|
|
127
127
|
|
|
128
128
|
/* responsive */
|
|
129
129
|
@media (max-width: 1400px) {
|
|
130
|
-
.form-search[data-v-
|
|
130
|
+
.form-search[data-v-f567d274] {
|
|
131
131
|
gap: var(--c-search-row-gap, 16px) var(--c-search-gap, 28px);
|
|
132
132
|
}
|
|
133
|
-
.form-search .form-search-item-box .form-item-input[data-v-
|
|
134
|
-
.form-search .form-search-item-box .form-item-input[data-v-
|
|
135
|
-
.form-search .form-search-item-box .form-item-input[data-v-
|
|
136
|
-
width: 240px;
|
|
133
|
+
.form-search .form-search-item-box .form-item-input[data-v-f567d274] .n-input,
|
|
134
|
+
.form-search .form-search-item-box .form-item-input[data-v-f567d274] .n-select,
|
|
135
|
+
.form-search .form-search-item-box .form-item-input[data-v-f567d274] .n-date-picker {
|
|
136
|
+
width: var(--c-search-field-width, 240px);
|
|
137
137
|
}
|
|
138
138
|
}
|
|
139
139
|
@media (max-width: 1200px) {
|
|
140
|
-
.form-search[data-v-
|
|
140
|
+
.form-search[data-v-f567d274] {
|
|
141
141
|
gap: var(--c-search-row-gap, 16px) var(--c-search-gap, 24px);
|
|
142
142
|
}
|
|
143
|
-
.form-search .form-search-item-box .form-item-input[data-v-
|
|
144
|
-
.form-search .form-search-item-box .form-item-input[data-v-
|
|
145
|
-
.form-search .form-search-item-box .form-item-input[data-v-
|
|
146
|
-
width: 220px;
|
|
143
|
+
.form-search .form-search-item-box .form-item-input[data-v-f567d274] .n-input,
|
|
144
|
+
.form-search .form-search-item-box .form-item-input[data-v-f567d274] .n-select,
|
|
145
|
+
.form-search .form-search-item-box .form-item-input[data-v-f567d274] .n-date-picker {
|
|
146
|
+
width: var(--c-search-field-width, 220px);
|
|
147
147
|
}
|
|
148
148
|
}
|
|
149
149
|
@media (max-width: 900px) {
|
|
150
|
-
.form-search[data-v-
|
|
150
|
+
.form-search[data-v-f567d274] {
|
|
151
151
|
gap: var(--c-search-row-gap, 12px) var(--c-search-gap, 20px);
|
|
152
152
|
}
|
|
153
|
-
.form-search .form-search-item-box .form-item-input[data-v-
|
|
154
|
-
.form-search .form-search-item-box .form-item-input[data-v-
|
|
155
|
-
.form-search .form-search-item-box .form-item-input[data-v-
|
|
156
|
-
width: 200px;
|
|
153
|
+
.form-search .form-search-item-box .form-item-input[data-v-f567d274] .n-input,
|
|
154
|
+
.form-search .form-search-item-box .form-item-input[data-v-f567d274] .n-select,
|
|
155
|
+
.form-search .form-search-item-box .form-item-input[data-v-f567d274] .n-date-picker {
|
|
156
|
+
width: var(--c-search-field-width, 200px);
|
|
157
157
|
}
|
|
158
158
|
}
|
|
159
159
|
@media (max-width: 600px) {
|
|
160
|
-
.form-search-card[data-v-
|
|
160
|
+
.form-search-card[data-v-f567d274] :is(.n-card-content, .n-card__content) {
|
|
161
161
|
padding: var(--c-search-padding, 16px);
|
|
162
162
|
}
|
|
163
|
-
.form-search[data-v-
|
|
163
|
+
.form-search[data-v-f567d274] {
|
|
164
164
|
gap: var(--c-search-row-gap, 12px) 0;
|
|
165
165
|
}
|
|
166
|
-
.form-search .form-search-item-box[data-v-
|
|
166
|
+
.form-search .form-search-item-box[data-v-f567d274] {
|
|
167
167
|
width: 100%;
|
|
168
168
|
}
|
|
169
|
-
.form-search .form-search-item-box .form-item-input[data-v-
|
|
170
|
-
.form-search .form-search-item-box .form-item-input[data-v-
|
|
171
|
-
.form-search .form-search-item-box .form-item-input[data-v-
|
|
169
|
+
.form-search .form-search-item-box .form-item-input[data-v-f567d274] .n-input,
|
|
170
|
+
.form-search .form-search-item-box .form-item-input[data-v-f567d274] .n-select,
|
|
171
|
+
.form-search .form-search-item-box .form-item-input[data-v-f567d274] .n-date-picker {
|
|
172
172
|
width: 100%;
|
|
173
173
|
}
|
|
174
|
-
.form-search .form-search-item-box .form-item-input .input-history .history-item .delete-icon[data-v-
|
|
174
|
+
.form-search .form-search-item-box .form-item-input .input-history .history-item .delete-icon[data-v-f567d274] {
|
|
175
175
|
opacity: 1;
|
|
176
176
|
}
|
|
177
177
|
}
|
|
178
178
|
|
|
179
179
|
/* layer: icons */
|
|
180
|
-
.i-mdi\:chevron-down[data-v-
|
|
181
|
-
.i-mdi\:chevron-up[data-v-
|
|
182
|
-
.i-mdi\:close[data-v-
|
|
183
|
-
.i-mdi\:refresh[data-v-
|
|
184
|
-
.i-mdi\:search[data-v-
|
|
180
|
+
.i-mdi\:chevron-down[data-v-f567d274]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
|
|
181
|
+
.i-mdi\:chevron-up[data-v-f567d274]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
|
|
182
|
+
.i-mdi\:close[data-v-f567d274]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
|
|
183
|
+
.i-mdi\:refresh[data-v-f567d274]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M17.65 6.35A7.96 7.96 0 0 0 12 4a8 8 0 0 0-8 8a8 8 0 0 0 8 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0 1 12 18a6 6 0 0 1-6-6a6 6 0 0 1 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
|
|
184
|
+
.i-mdi\:search[data-v-f567d274]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5l-1.5 1.5l-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16A6.5 6.5 0 0 1 3 9.5A6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14S14 12 14 9.5S12 5 9.5 5'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
|
|
185
185
|
/* layer: default */
|
|
186
|
-
.h-4[data-v-
|
|
187
|
-
.w-4[data-v-
|
|
188
|
-
.px[data-v-
|
|
186
|
+
.h-4[data-v-f567d274]{height:1rem;}
|
|
187
|
+
.w-4[data-v-f567d274]{width:1rem;}
|
|
188
|
+
.px[data-v-f567d274]{padding-left:1rem;padding-right:1rem;}
|
package/dist/C_FormSearch.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { u as ComponentDensity } from "./useFormConfig.js";
|
|
2
|
+
import "./config2.js";
|
|
2
3
|
import { a as FormSearchEmits, c as SearchConfig, d as SearchFormParams, f as SearchOptionItem, i as useSearchHistory, l as SearchFieldType, n as SearchDateRangeValue, o as FormSearchExpose, r as useSearchState, s as FormSearchProps, t as DateRangeInput, u as SearchFormItem } from "./dateRange.js";
|
|
3
4
|
import { AllowedComponentProps, ComponentCustomProps, EmitFn, VNode, VNodeProps } from "vue";
|
|
4
5
|
|
package/dist/C_FormSearch2.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk.cjs`);const e=require(`./density.cjs`),t=require(`./useComponentLocale.cjs`),n=require(`./feedback.cjs`),r=require(`./export-helper.cjs`),i=require(`./useActionTask.cjs`),a=require(`./storage.cjs`),o=require(`./data.cjs`);let s=require(`vue`),c=require(`naive-ui`);function l(e,t,n={}){let r=()=>(0,s.toValue)(n),i=(0,s.computed)(()=>!!r().storageKey),o=t=>e.value.find(e=>e.prop===t),c=()=>{let{storageKey:t}=r();t&&a.i(t,Object.fromEntries(e.value.filter(e=>e.hisList?.length).map(e=>[e.prop,e.hisList])))},l=()=>{let{storageKey:e}=r();if(!e)return;let t=a.t(e);t&&(Array.isArray(t)?t.map(e=>[e.prop,e.hisList]):Object.entries(t)).forEach(([e,t])=>{let n=o(e);n&&Array.isArray(t)&&(n.hisList=[...t])})},u=t=>{e.value.forEach(e=>{e.isFocus=!!(e.hisList&&e.prop===t)})},d=e=>{l(),u(e)},f=()=>u(),p=(e,n)=>{o(n)?.type===`input`&&(t.value[n]=e,f())},m=(e,t)=>{let n=o(e);n?.hisList&&(n.hisList.splice(t,1),n.hisList.length===0&&(n.isFocus=!1),c())},h=e=>{let t=o(e);t?.hisList&&(t.hisList=[],t.isFocus=!1,c())},g=(e,t)=>{let n=e.indexOf(t);n>-1&&e.splice(n,1),e.unshift(t);let i=Math.max(1,r().maxItems??5);return e.length>i&&(e.length=i),e};return{enabled:i,handleFocus:d,closeAllPanels:f,selectHistoryItem:p,deleteHistoryItem:m,clearAllHistory:h,saveCurrentInputs:()=>{i.value&&(Object.keys(t.value).forEach(e=>{let n=t.value[e];if(n==null||n===``)return;let r=o(e);if(r?.type!==`input`||!r.hisList)return;let i=String(n).trim();i&&g(r.hisList,i)}),f(),c())},restoreFromStorage:l}}function u(e,t){return e.defaultValue===void 0?e.type===`input`?``:e.type===`select`&&e.attrs?.multiple===!0?[]:e.type===`select`&&e.attrs?.clearable===!1?o.t(t):null:o.t(e.defaultValue)}function d(e,t,n){return t??(e.type===`input`?``:e.type===`select`&&e.attrs?.multiple===!0?[]:e.type===`select`&&e.attrs?.clearable===!1?u(e,n):null)}function f(e,r){let a=(0,s.computed)(()=>(0,s.toValue)(r.config)??{}),c=n.t(()=>a.value.feedback),{t:d}=t.t(()=>a.value.locale),f=(0,s.ref)(null),p=(0,s.computed)(()=>a.value.foldThreshold??7),m=(0,s.computed)(()=>a.value.requireValue??!0),h=(0,s.ref)(o.t(r.formItemList)),g=(0,s.ref)(o.t(r.formParams)),_=(0,s.ref)(!1),v=i.t(),y=(0,s.computed)(()=>v.isRunning(`search`)),b=!0;(0,s.getCurrentScope)()&&(0,s.onScopeDispose)(()=>{b=!1});let x=l(h,g,r.historyOptions),S=(0,s.computed)(()=>h.value.filter(e=>e.show!==!1)),C=(0,s.computed)(()=>S.value.filter((e,t)=>_.value||t<p.value)),w=(0,s.computed)(()=>S.value.length>p.value),T=e=>e==null||e===``||Array.isArray(e)&&e.length===0,E=()=>{let e=g.value;h.value.forEach(t=>{t.isFocus=!1,t.show!==!1&&(t.type===`select`&&!t.placeholder&&(t.placeholder=`请选择`),t.type!==`spacer`&&e[t.prop]===void 0&&(e[t.prop]=u(t,e[t.prop])))})},D=async()=>{try{return await f.value?.validate(),!0}catch{return w.value&&(_.value=!0),!1}},O=e=>b&&!(0,s.toValue)(r.loading)&&o.a(g.value,e),k=async()=>{let t=o.t(g.value);if(!await D()||!O(t))return!1;if(m.value&&!Object.entries(t).filter(([e])=>e!==`pageNum`&&e!==`pageSize`).some(([,e])=>!T(e)))return c.warning(d(`search.valueRequired`)),!1;if(x.saveCurrentInputs(),e(`search`,o.t(t)),!O(t))return!1;if(!a.value.onSearch)return!0;try{return await a.value.onSearch(t),b}catch(e){return b&&c.error(d(`search.failed`),e),!1}},A=async()=>{let e=await v.run(`search`,k,()=>!(0,s.toValue)(r.loading));return e.executed&&e.value},j=t=>{e(`change-params`,o.t(t)),e(`update:modelValue`,o.t(t))},M=()=>{I=!0;let e=++L;(0,s.nextTick)(()=>{e===L&&(I=!1)})},N=()=>{f.value?.restoreValidation();let t=o.t(g.value),n=t;h.value.forEach(e=>{e.show===!1||e.type===`spacer`||e.prop===`pageNum`||e.prop===`pageSize`||(n[e.prop]=u(e,n[e.prop]))}),M(),g.value=t,j(t),e(`reset`,o.t(t))},P=()=>{_.value=!_.value},F=(e,t)=>{M(),h.value=o.t(e),g.value=o.t(t),E()},I=!1,L=0;return E(),(0,s.watch)(g,e=>{I||j(e)},{deep:!0}),(0,s.onMounted)(()=>{x.restoreFromStorage()}),{formRef:f,fields:h,formParams:g,expanded:_,searching:y,visibleFields:C,availableFields:S,foldThreshold:p,hasExpandButton:w,history:x,searchFn:A,resetFn:N,toggleFold:P,syncFromProps:F}}const p=e=>{if(Array.isArray(e)&&e.length===2){if(e.every(e=>typeof e==`string`))return{mode:`formatted`,value:[e[0],e[1]]};if(e.every(e=>typeof e==`number`&&Number.isFinite(e)))return{mode:`timestamp`,value:[e[0],e[1]]}}return{mode:`timestamp`,value:null}};function m(e,t){let n=e?.map(e=>e.value===void 0?e.label??e.labelDefault:e.value),r=Array.isArray(t)?t:[t],i=new Set([...n??[],...r]),a=new Map;for(let e of[!1,!0]){let t=`__c_form_search_boolean_${e}__`;for(;i.has(t);)t+=`_`;a.set(e,t),i.add(t)}let o=e=>typeof e==`boolean`?a.get(e):typeof e==`string`||typeof e==`number`?e:null,s=e=>e===a.get(!1)?!1:e===a.get(!0)?!0:e;return{options:e?.map((e,t)=>({...e,label:e.label??e.labelDefault??``,value:o(n[t])??void 0})),value:Array.isArray(t)?t.map(o).filter(e=>e!==null):o(t),decode:e=>Array.isArray(e)?e.map(s):e===null?null:s(e)}}const h=[`onClick`],g={class:`history-text`},_={key:0,class:`history-footer`},v=[`onClick`],y={class:`form-search-item-box form-search-actions`},b={class:`form-item-input`},x=(0,s.defineComponent)({name:`C_FormSearch`,__name:`index`,props:{bordered:{type:Boolean,default:!0},formItemList:{default:()=>[]},formParams:{default:()=>({})},modelValue:{},formSearchInputHistoryString:{},size:{},loading:{type:Boolean,default:!1},config:{}},emits:[`search`,`reset`,`change-params`,`update:modelValue`],setup(t,{expose:n,emit:r}){let i=t,a=r,o=(0,s.computed)(()=>e.t(i.config?.density)),l=(0,s.computed)(()=>i.size??o.value.size),u=(0,s.computed)(()=>{if(i.config?.density===void 0)return;let{gap:e,rowGap:t,padding:n}=o.value;return{"--c-search-gap":`${e}px`,"--c-search-row-gap":`${t}px`,"--c-search-padding":`${n}px`}}),{formRef:x,formParams:S,expanded:C,searching:w,availableFields:T,foldThreshold:E,hasExpandButton:D,history:O,searchFn:k,resetFn:A,toggleFold:j,syncFromProps:M}=f(a,{formItemList:i.formItemList,formParams:i.modelValue??i.formParams,config:()=>i.config,loading:()=>i.loading,historyOptions:()=>({storageKey:i.formSearchInputHistoryString,maxItems:i.config?.historyMaxItems})}),N=(0,s.computed)(()=>new Map(T.value.filter(e=>e.type===`select`).map(e=>[e.prop,m(e.list,S.value[e.prop])]))),P=e=>{let t=S.value[e];return typeof t==`string`?t:null},F=(e,t)=>{I(e,N.value.get(e)?.decode(t)??null)},I=(e,t)=>{let n=T.value.find(t=>t.prop===e),r=S.value;n&&(r[e]=d(n,t,r[e]))},L=e=>{let t=p(S.value[e]);return t.mode===`formatted`?{formattedValue:t.value,"onUpdate:formattedValue":t=>I(e,t)}:{value:t.value,"onUpdate:value":t=>I(e,t)}};return(0,s.watch)(()=>[i.formItemList,i.modelValue,i.formParams],([e,t,n])=>M(e,t??n),{deep:!0}),n({formRef:x,formParams:S,searchFn:k,cleanFn:A,changeFoldState:j}),(e,n)=>((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(c.NCard),{class:(0,s.normalizeClass)([`form-search-card custom-card`,t.config?.density&&`form-search-card--${t.config.density}`]),style:(0,s.normalizeStyle)(u.value),bordered:t.bordered},{default:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(c.NForm),{class:`form-search`,model:(0,s.unref)(S),ref_key:`formRef`,ref:x,size:l.value,onSubmit:(0,s.withModifiers)((0,s.unref)(k),[`prevent`])},{default:(0,s.withCtx)(()=>[((0,s.openBlock)(!0),(0,s.createElementBlock)(s.Fragment,null,(0,s.renderList)((0,s.unref)(T),(e,t)=>(0,s.withDirectives)(((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{class:`form-search-item-box`,key:e.prop||t},[e.type===`spacer`?(0,s.createCommentVNode)(`v-if`,!0):((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(c.NFormItem),{key:0,class:`form-item-input`,path:e.prop,rule:e.rules,"show-feedback":!1,"show-label":!1},{default:(0,s.withCtx)(()=>[e.type===`input`?((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(c.NInput),(0,s.mergeProps)({key:0,clearable:``,size:l.value,value:P(e.prop),"onUpdate:value":t=>I(e.prop,t),placeholder:e.placeholder},{ref_for:!0},e.attrs,{onFocus:t=>(0,s.unref)(O).handleFocus(e.prop),onBlur:(0,s.unref)(O).closeAllPanels}),null,16,[`size`,`value`,`onUpdate:value`,`placeholder`,`onFocus`,`onBlur`])):(0,s.createCommentVNode)(`v-if`,!0),e.isFocus?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:1,class:`input-history`,onMousedown:n[0]||=(0,s.withModifiers)(()=>{},[`prevent`])},[((0,s.openBlock)(!0),(0,s.createElementBlock)(s.Fragment,null,(0,s.renderList)(e.hisList,(t,r)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{class:`history-item`,onClick:n=>(0,s.unref)(O).selectHistoryItem(t,e.prop),key:t},[(0,s.createElementVNode)(`span`,g,(0,s.toDisplayString)(t),1),(0,s.createVNode)((0,s.unref)(c.NIcon),{class:`delete-icon`,size:`14`,onClick:(0,s.withModifiers)(t=>(0,s.unref)(O).deleteHistoryItem(e.prop,r),[`stop`])},{default:(0,s.withCtx)(()=>[...n[1]||=[(0,s.createElementVNode)(`div`,{class:`i-mdi:close`},null,-1)]]),_:1},8,[`onClick`])],8,h))),128)),e.hisList&&e.hisList.length>0?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,_,[(0,s.createElementVNode)(`span`,{class:`clear-all`,onClick:(0,s.withModifiers)(t=>(0,s.unref)(O).clearAllHistory(e.prop),[`stop`])},` 清空历史记录 `,8,v)])):(0,s.createCommentVNode)(`v-if`,!0)],32)):(0,s.createCommentVNode)(`v-if`,!0),e.type===`select`?((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(c.NSelect),(0,s.mergeProps)({key:2,value:N.value.get(e.prop)?.value,"onUpdate:value":t=>F(e.prop,t),placeholder:e.placeholder||`请选择`,clearable:``,size:l.value,options:N.value.get(e.prop)?.options},{ref_for:!0},e.attrs),null,16,[`value`,`onUpdate:value`,`placeholder`,`size`,`options`])):(0,s.createCommentVNode)(`v-if`,!0),e.type===`date-range`?((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(c.NDatePicker),(0,s.mergeProps)({key:3,type:`datetimerange`,size:l.value},{ref_for:!0},{...L(e.prop),...e.attrs},{format:`yyyy-MM-dd HH:mm`,"value-format":`yyyy-MM-dd HH:mm`,"start-placeholder":`开始时间`,"end-placeholder":`结束时间`,clearable:``}),null,16,[`size`])):(0,s.createCommentVNode)(`v-if`,!0)]),_:2},1032,[`path`,`rule`]))])),[[s.vShow,(0,s.unref)(C)||t<(0,s.unref)(E)]])),128)),(0,s.createElementVNode)(`div`,y,[(0,s.createElementVNode)(`div`,b,[n[6]||=(0,s.createElementVNode)(`div`,{class:`button-label-placeholder`},null,-1),(0,s.createVNode)((0,s.unref)(c.NSpace),{size:t.config?.density?o.value.gap:8},{default:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(c.NTooltip),{trigger:`hover`},{trigger:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(c.NButton),{type:`primary`,size:l.value,"aria-label":`搜索`,onClick:(0,s.unref)(k),loading:t.loading||(0,s.unref)(w)},{icon:(0,s.withCtx)(()=>[...n[2]||=[(0,s.createElementVNode)(`div`,{class:`i-mdi:search w-4 h-4`},null,-1)]]),_:1},8,[`size`,`onClick`,`loading`])]),default:(0,s.withCtx)(()=>[n[3]||=(0,s.createTextVNode)(` 搜索 `,-1)]),_:1}),(0,s.createVNode)((0,s.unref)(c.NTooltip),{trigger:`hover`},{trigger:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(c.NButton),{size:l.value,"aria-label":`重置`,onClick:(0,s.unref)(A)},{icon:(0,s.withCtx)(()=>[...n[4]||=[(0,s.createElementVNode)(`div`,{class:`i-mdi:refresh w-4 h-4`},null,-1)]]),_:1},8,[`size`,`onClick`])]),default:(0,s.withCtx)(()=>[n[5]||=(0,s.createTextVNode)(` 重置 `,-1)]),_:1}),(0,s.unref)(D)?((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(c.NTooltip),{key:0,trigger:`hover`},{trigger:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(c.NButton),{size:l.value,"aria-label":(0,s.unref)(C)?`收起搜索条件`:`展开搜索条件`,"aria-expanded":(0,s.unref)(C),onClick:(0,s.unref)(j)},{icon:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{class:(0,s.normalizeClass)((0,s.unref)(C)?`i-mdi:chevron-up w-4 h-4`:`i-mdi:chevron-down w-4 h-4`)},null,2)]),_:1},8,[`size`,`aria-label`,`aria-expanded`,`onClick`])]),default:(0,s.withCtx)(()=>[(0,s.createTextVNode)(` `+(0,s.toDisplayString)((0,s.unref)(C)?`收起`:`展开`),1)]),_:1})):(0,s.createCommentVNode)(`v-if`,!0)]),_:1},8,[`size`])])])]),_:1},8,[`model`,`size`,`onSubmit`])]),_:1},8,[`class`,`style`,`bordered`]))}});var S=r.t(x,[[`__scopeId`,`data-v-da3c9bb6`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return S}});
|
|
1
|
+
require(`./chunk.cjs`);const e=require(`./density.cjs`),t=require(`./useComponentLocale.cjs`),n=require(`./feedback.cjs`),r=require(`./export-helper.cjs`),i=require(`./useActionTask.cjs`),a=require(`./useFormConfig.cjs`),o=require(`./storage.cjs`),s=require(`./data.cjs`);let c=require(`vue`),l=require(`naive-ui`);function u(e,t,n={}){let r=()=>(0,c.toValue)(n),i=(0,c.computed)(()=>!!r().storageKey),a=t=>e.value.find(e=>e.prop===t),s=()=>{let{storageKey:t}=r();t&&o.i(t,Object.fromEntries(e.value.filter(e=>e.hisList?.length).map(e=>[e.prop,e.hisList])))},l=()=>{let{storageKey:e}=r();if(!e)return;let t=o.t(e);t&&(Array.isArray(t)?t.map(e=>[e.prop,e.hisList]):Object.entries(t)).forEach(([e,t])=>{let n=a(e);n&&Array.isArray(t)&&(n.hisList=[...t])})},u=t=>{e.value.forEach(e=>{e.isFocus=!!(e.hisList&&e.prop===t)})},d=e=>{l(),u(e)},f=()=>u(),p=(e,n)=>{a(n)?.type===`input`&&(t.value[n]=e,f())},m=(e,t)=>{let n=a(e);n?.hisList&&(n.hisList.splice(t,1),n.hisList.length===0&&(n.isFocus=!1),s())},h=e=>{let t=a(e);t?.hisList&&(t.hisList=[],t.isFocus=!1,s())},g=(e,t)=>{let n=e.indexOf(t);n>-1&&e.splice(n,1),e.unshift(t);let i=Math.max(1,r().maxItems??5);return e.length>i&&(e.length=i),e};return{enabled:i,handleFocus:d,closeAllPanels:f,selectHistoryItem:p,deleteHistoryItem:m,clearAllHistory:h,saveCurrentInputs:()=>{i.value&&(Object.keys(t.value).forEach(e=>{let n=t.value[e];if(n==null||n===``)return;let r=a(e);if(r?.type!==`input`||!r.hisList)return;let i=String(n).trim();i&&g(r.hisList,i)}),f(),s())},restoreFromStorage:l}}function d(e,t){return e.defaultValue===void 0?e.type===`input`?``:e.type===`select`&&e.attrs?.multiple===!0?[]:e.type===`select`&&e.attrs?.clearable===!1?s.t(t):null:s.t(e.defaultValue)}function f(e,t,n){return t??(e.type===`input`?``:e.type===`select`&&e.attrs?.multiple===!0?[]:e.type===`select`&&e.attrs?.clearable===!1?d(e,n):null)}function p(e,r){let a=(0,c.computed)(()=>(0,c.toValue)(r.config)??{}),o=n.t(()=>a.value.feedback),{t:l}=t.t(()=>a.value.locale),f=(0,c.ref)(null),p=(0,c.computed)(()=>a.value.foldThreshold??7),m=(0,c.computed)(()=>a.value.requireValue??!0),h=(0,c.ref)(s.t(r.formItemList)),g=(0,c.ref)(s.t(r.formParams)),_=(0,c.ref)(!1),v=i.t(),y=(0,c.computed)(()=>v.isRunning(`search`)),b=!0;(0,c.getCurrentScope)()&&(0,c.onScopeDispose)(()=>{b=!1});let x=u(h,g,r.historyOptions),S=(0,c.computed)(()=>h.value.filter(e=>e.show!==!1)),C=(0,c.computed)(()=>S.value.filter((e,t)=>_.value||t<p.value)),w=(0,c.computed)(()=>S.value.length>p.value),T=e=>e==null||e===``||Array.isArray(e)&&e.length===0,E=()=>{let e=g.value;h.value.forEach(t=>{t.isFocus=!1,t.show!==!1&&(t.type===`select`&&!t.placeholder&&(t.placeholder=`请选择`),t.type!==`spacer`&&e[t.prop]===void 0&&(e[t.prop]=d(t,e[t.prop])))})},D=async()=>{try{return await f.value?.validate(),!0}catch{return w.value&&(_.value=!0),!1}},O=e=>b&&!(0,c.toValue)(r.loading)&&s.a(g.value,e),k=async()=>{let t=s.t(g.value);if(!await D()||!O(t))return!1;if(m.value&&!Object.entries(t).filter(([e])=>e!==`pageNum`&&e!==`pageSize`).some(([,e])=>!T(e)))return o.warning(l(`search.valueRequired`)),!1;if(x.saveCurrentInputs(),e(`search`,s.t(t)),!O(t))return!1;if(!a.value.onSearch)return!0;try{return await a.value.onSearch(t),b}catch(e){return b&&o.error(l(`search.failed`),e),!1}},A=async()=>{let e=await v.run(`search`,k,()=>!(0,c.toValue)(r.loading));return e.executed&&e.value},j=t=>{e(`change-params`,s.t(t)),e(`update:modelValue`,s.t(t))},M=()=>{I=!0;let e=++L;(0,c.nextTick)(()=>{e===L&&(I=!1)})},N=()=>{f.value?.restoreValidation();let t=s.t(g.value),n=t;h.value.forEach(e=>{e.show===!1||e.type===`spacer`||e.prop===`pageNum`||e.prop===`pageSize`||(n[e.prop]=d(e,n[e.prop]))}),M(),g.value=t,j(t),e(`reset`,s.t(t))},P=()=>{_.value=!_.value},F=(e,t)=>{M(),h.value=s.t(e),g.value=s.t(t),E()},I=!1,L=0;return E(),(0,c.watch)(g,e=>{I||j(e)},{deep:!0}),(0,c.onMounted)(()=>{x.restoreFromStorage()}),{formRef:f,fields:h,formParams:g,expanded:_,searching:y,visibleFields:C,availableFields:S,foldThreshold:p,hasExpandButton:w,history:x,searchFn:A,resetFn:N,toggleFold:P,syncFromProps:F}}const m=e=>{if(Array.isArray(e)&&e.length===2){if(e.every(e=>typeof e==`string`))return{mode:`formatted`,value:[e[0],e[1]]};if(e.every(e=>typeof e==`number`&&Number.isFinite(e)))return{mode:`timestamp`,value:[e[0],e[1]]}}return{mode:`timestamp`,value:null}};function h(e,t){let n=e?.map(e=>e.value===void 0?e.label??e.labelDefault:e.value),r=Array.isArray(t)?t:[t],i=new Set([...n??[],...r]),a=new Map;for(let e of[!1,!0]){let t=`__c_form_search_boolean_${e}__`;for(;i.has(t);)t+=`_`;a.set(e,t),i.add(t)}let o=e=>typeof e==`boolean`?a.get(e):typeof e==`string`||typeof e==`number`?e:null,s=e=>e===a.get(!1)?!1:e===a.get(!0)?!0:e;return{options:e?.map((e,t)=>({...e,label:e.label??e.labelDefault??``,value:o(n[t])??void 0})),value:Array.isArray(t)?t.map(o).filter(e=>e!==null):o(t),decode:e=>Array.isArray(e)?e.map(s):e===null?null:s(e)}}const g=[`onClick`],_={class:`history-text`},v={key:0,class:`history-footer`},y=[`onClick`],b={class:`form-search-item-box form-search-actions`},x={class:`form-item-input`},S=(0,c.defineComponent)({name:`C_FormSearch`,__name:`index`,props:{bordered:{type:Boolean,default:!0},formItemList:{default:()=>[]},formParams:{default:()=>({})},modelValue:{},formSearchInputHistoryString:{},size:{},loading:{type:Boolean,default:!1},config:{}},emits:[`search`,`reset`,`change-params`,`update:modelValue`],setup(t,{expose:n,emit:r}){let i=t,o=r,s=a.o(),u=(0,c.computed)(()=>i.config?.density??s.density),d=(0,c.computed)(()=>e.t(u.value)),S=(0,c.computed)(()=>i.size??d.value.size),C=(0,c.computed)(()=>{if(u.value===void 0)return;let{gap:e,rowGap:t,padding:n}=d.value;return{"--c-search-gap":`${e}px`,"--c-search-row-gap":`${t}px`,"--c-search-padding":`${n}px`,"--c-search-field-width":u.value===`compact`?`208px`:void 0}}),{formRef:w,formParams:T,expanded:E,searching:D,availableFields:O,foldThreshold:k,hasExpandButton:A,history:j,searchFn:M,resetFn:N,toggleFold:P,syncFromProps:F}=p(o,{formItemList:i.formItemList,formParams:i.modelValue??i.formParams,config:()=>i.config,loading:()=>i.loading,historyOptions:()=>({storageKey:i.formSearchInputHistoryString,maxItems:i.config?.historyMaxItems})}),I=(0,c.computed)(()=>new Map(O.value.filter(e=>e.type===`select`).map(e=>[e.prop,h(e.list,T.value[e.prop])]))),L=e=>{let t=T.value[e];return typeof t==`string`?t:null},R=(e,t)=>{z(e,I.value.get(e)?.decode(t)??null)},z=(e,t)=>{let n=O.value.find(t=>t.prop===e),r=T.value;n&&(r[e]=f(n,t,r[e]))},B=e=>{let t=m(T.value[e]);return t.mode===`formatted`?{formattedValue:t.value,"onUpdate:formattedValue":t=>z(e,t)}:{value:t.value,"onUpdate:value":t=>z(e,t)}};return(0,c.watch)(()=>[i.formItemList,i.modelValue,i.formParams],([e,t,n])=>F(e,t??n),{deep:!0}),n({formRef:w,formParams:T,searchFn:M,cleanFn:N,changeFoldState:P}),(e,n)=>((0,c.openBlock)(),(0,c.createBlock)((0,c.unref)(l.NCard),{class:(0,c.normalizeClass)([`form-search-card custom-card`,u.value&&`form-search-card--${u.value}`]),style:(0,c.normalizeStyle)(C.value),bordered:t.bordered},{default:(0,c.withCtx)(()=>[(0,c.createVNode)((0,c.unref)(l.NForm),{class:`form-search`,model:(0,c.unref)(T),ref_key:`formRef`,ref:w,size:S.value,onSubmit:(0,c.withModifiers)((0,c.unref)(M),[`prevent`])},{default:(0,c.withCtx)(()=>[((0,c.openBlock)(!0),(0,c.createElementBlock)(c.Fragment,null,(0,c.renderList)((0,c.unref)(O),(e,t)=>(0,c.withDirectives)(((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{class:`form-search-item-box`,key:e.prop||t},[e.type===`spacer`?(0,c.createCommentVNode)(`v-if`,!0):((0,c.openBlock)(),(0,c.createBlock)((0,c.unref)(l.NFormItem),{key:0,class:`form-item-input`,path:e.prop,rule:e.rules,"show-feedback":!1,"show-label":!1},{default:(0,c.withCtx)(()=>[e.type===`input`?((0,c.openBlock)(),(0,c.createBlock)((0,c.unref)(l.NInput),(0,c.mergeProps)({key:0,clearable:``,size:S.value,value:L(e.prop),"onUpdate:value":t=>z(e.prop,t),placeholder:e.placeholder},{ref_for:!0},e.attrs,{onFocus:t=>(0,c.unref)(j).handleFocus(e.prop),onBlur:(0,c.unref)(j).closeAllPanels}),null,16,[`size`,`value`,`onUpdate:value`,`placeholder`,`onFocus`,`onBlur`])):(0,c.createCommentVNode)(`v-if`,!0),e.isFocus?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{key:1,class:`input-history`,onMousedown:n[0]||=(0,c.withModifiers)(()=>{},[`prevent`])},[((0,c.openBlock)(!0),(0,c.createElementBlock)(c.Fragment,null,(0,c.renderList)(e.hisList,(t,r)=>((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{class:`history-item`,onClick:n=>(0,c.unref)(j).selectHistoryItem(t,e.prop),key:t},[(0,c.createElementVNode)(`span`,_,(0,c.toDisplayString)(t),1),(0,c.createVNode)((0,c.unref)(l.NIcon),{class:`delete-icon`,size:`14`,onClick:(0,c.withModifiers)(t=>(0,c.unref)(j).deleteHistoryItem(e.prop,r),[`stop`])},{default:(0,c.withCtx)(()=>[...n[1]||=[(0,c.createElementVNode)(`div`,{class:`i-mdi:close`},null,-1)]]),_:1},8,[`onClick`])],8,g))),128)),e.hisList&&e.hisList.length>0?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,v,[(0,c.createElementVNode)(`span`,{class:`clear-all`,onClick:(0,c.withModifiers)(t=>(0,c.unref)(j).clearAllHistory(e.prop),[`stop`])},` 清空历史记录 `,8,y)])):(0,c.createCommentVNode)(`v-if`,!0)],32)):(0,c.createCommentVNode)(`v-if`,!0),e.type===`select`?((0,c.openBlock)(),(0,c.createBlock)((0,c.unref)(l.NSelect),(0,c.mergeProps)({key:2,value:I.value.get(e.prop)?.value,"onUpdate:value":t=>R(e.prop,t),placeholder:e.placeholder||`请选择`,clearable:``,size:S.value,options:I.value.get(e.prop)?.options},{ref_for:!0},e.attrs),null,16,[`value`,`onUpdate:value`,`placeholder`,`size`,`options`])):(0,c.createCommentVNode)(`v-if`,!0),e.type===`date-range`?((0,c.openBlock)(),(0,c.createBlock)((0,c.unref)(l.NDatePicker),(0,c.mergeProps)({key:3,type:`datetimerange`,size:S.value},{ref_for:!0},{...B(e.prop),...e.attrs},{format:`yyyy-MM-dd HH:mm`,"value-format":`yyyy-MM-dd HH:mm`,"start-placeholder":`开始时间`,"end-placeholder":`结束时间`,clearable:``}),null,16,[`size`])):(0,c.createCommentVNode)(`v-if`,!0)]),_:2},1032,[`path`,`rule`]))])),[[c.vShow,(0,c.unref)(E)||t<(0,c.unref)(k)]])),128)),(0,c.createElementVNode)(`div`,b,[(0,c.createElementVNode)(`div`,x,[n[6]||=(0,c.createElementVNode)(`div`,{class:`button-label-placeholder`},null,-1),(0,c.createVNode)((0,c.unref)(l.NSpace),{size:u.value?d.value.gap:8},{default:(0,c.withCtx)(()=>[(0,c.createVNode)((0,c.unref)(l.NTooltip),{trigger:`hover`},{trigger:(0,c.withCtx)(()=>[(0,c.createVNode)((0,c.unref)(l.NButton),{type:`primary`,size:S.value,"aria-label":`搜索`,onClick:(0,c.unref)(M),loading:t.loading||(0,c.unref)(D)},{icon:(0,c.withCtx)(()=>[...n[2]||=[(0,c.createElementVNode)(`div`,{class:`i-mdi:search w-4 h-4`},null,-1)]]),_:1},8,[`size`,`onClick`,`loading`])]),default:(0,c.withCtx)(()=>[n[3]||=(0,c.createTextVNode)(` 搜索 `,-1)]),_:1}),(0,c.createVNode)((0,c.unref)(l.NTooltip),{trigger:`hover`},{trigger:(0,c.withCtx)(()=>[(0,c.createVNode)((0,c.unref)(l.NButton),{size:S.value,"aria-label":`重置`,onClick:(0,c.unref)(N)},{icon:(0,c.withCtx)(()=>[...n[4]||=[(0,c.createElementVNode)(`div`,{class:`i-mdi:refresh w-4 h-4`},null,-1)]]),_:1},8,[`size`,`onClick`])]),default:(0,c.withCtx)(()=>[n[5]||=(0,c.createTextVNode)(` 重置 `,-1)]),_:1}),(0,c.unref)(A)?((0,c.openBlock)(),(0,c.createBlock)((0,c.unref)(l.NTooltip),{key:0,trigger:`hover`},{trigger:(0,c.withCtx)(()=>[(0,c.createVNode)((0,c.unref)(l.NButton),{size:S.value,"aria-label":(0,c.unref)(E)?`收起搜索条件`:`展开搜索条件`,"aria-expanded":(0,c.unref)(E),onClick:(0,c.unref)(P)},{icon:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`div`,{class:(0,c.normalizeClass)((0,c.unref)(E)?`i-mdi:chevron-up w-4 h-4`:`i-mdi:chevron-down w-4 h-4`)},null,2)]),_:1},8,[`size`,`aria-label`,`aria-expanded`,`onClick`])]),default:(0,c.withCtx)(()=>[(0,c.createTextVNode)(` `+(0,c.toDisplayString)((0,c.unref)(E)?`收起`:`展开`),1)]),_:1})):(0,c.createCommentVNode)(`v-if`,!0)]),_:1},8,[`size`])])])]),_:1},8,[`model`,`size`,`onSubmit`])]),_:1},8,[`class`,`style`,`bordered`]))}});var C=r.t(S,[[`__scopeId`,`data-v-f567d274`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return C}});
|
package/dist/C_FormSearch2.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e}from"./density.js";import{t}from"./useComponentLocale.js";import{t as n}from"./feedback.js";import{t as r}from"./export-helper.js";import{t as i}from"./useActionTask.js";import{i as a,t as o}from"./storage.js";import{a as s,t as c}from"./data.js";import{Fragment as l,computed as u,createBlock as d,createCommentVNode as f,createElementBlock as p,createElementVNode as m,createTextVNode as h,createVNode as g,defineComponent as _,getCurrentScope as v,mergeProps as y,nextTick as b,normalizeClass as x,normalizeStyle as S,onMounted as C,onScopeDispose as w,openBlock as T,ref as E,renderList as D,toDisplayString as O,toValue as k,unref as A,vShow as j,watch as M,withCtx as N,withDirectives as P,withModifiers as F}from"vue";import{NButton as I,NCard as L,NDatePicker as R,NForm as z,NFormItem as B,NIcon as V,NInput as H,NSelect as U,NSpace as ee,NTooltip as W}from"naive-ui";function G(e,t,n={}){let r=()=>k(n),i=u(()=>!!r().storageKey),s=t=>e.value.find(e=>e.prop===t),c=()=>{let{storageKey:t}=r();t&&a(t,Object.fromEntries(e.value.filter(e=>e.hisList?.length).map(e=>[e.prop,e.hisList])))},l=()=>{let{storageKey:e}=r();if(!e)return;let t=o(e);t&&(Array.isArray(t)?t.map(e=>[e.prop,e.hisList]):Object.entries(t)).forEach(([e,t])=>{let n=s(e);n&&Array.isArray(t)&&(n.hisList=[...t])})},d=t=>{e.value.forEach(e=>{e.isFocus=!!(e.hisList&&e.prop===t)})},f=e=>{l(),d(e)},p=()=>d(),m=(e,n)=>{s(n)?.type===`input`&&(t.value[n]=e,p())},h=(e,t)=>{let n=s(e);n?.hisList&&(n.hisList.splice(t,1),n.hisList.length===0&&(n.isFocus=!1),c())},g=e=>{let t=s(e);t?.hisList&&(t.hisList=[],t.isFocus=!1,c())},_=(e,t)=>{let n=e.indexOf(t);n>-1&&e.splice(n,1),e.unshift(t);let i=Math.max(1,r().maxItems??5);return e.length>i&&(e.length=i),e};return{enabled:i,handleFocus:f,closeAllPanels:p,selectHistoryItem:m,deleteHistoryItem:h,clearAllHistory:g,saveCurrentInputs:()=>{i.value&&(Object.keys(t.value).forEach(e=>{let n=t.value[e];if(n==null||n===``)return;let r=s(e);if(r?.type!==`input`||!r.hisList)return;let i=String(n).trim();i&&_(r.hisList,i)}),p(),c())},restoreFromStorage:l}}function K(e,t){return e.defaultValue===void 0?e.type===`input`?``:e.type===`select`&&e.attrs?.multiple===!0?[]:e.type===`select`&&e.attrs?.clearable===!1?c(t):null:c(e.defaultValue)}function q(e,t,n){return t??(e.type===`input`?``:e.type===`select`&&e.attrs?.multiple===!0?[]:e.type===`select`&&e.attrs?.clearable===!1?K(e,n):null)}function J(e,r){let a=u(()=>k(r.config)??{}),o=n(()=>a.value.feedback),{t:l}=t(()=>a.value.locale),d=E(null),f=u(()=>a.value.foldThreshold??7),p=u(()=>a.value.requireValue??!0),m=E(c(r.formItemList)),h=E(c(r.formParams)),g=E(!1),_=i(),y=u(()=>_.isRunning(`search`)),x=!0;v()&&w(()=>{x=!1});let S=G(m,h,r.historyOptions),T=u(()=>m.value.filter(e=>e.show!==!1)),D=u(()=>T.value.filter((e,t)=>g.value||t<f.value)),O=u(()=>T.value.length>f.value),A=e=>e==null||e===``||Array.isArray(e)&&e.length===0,j=()=>{let e=h.value;m.value.forEach(t=>{t.isFocus=!1,t.show!==!1&&(t.type===`select`&&!t.placeholder&&(t.placeholder=`请选择`),t.type!==`spacer`&&e[t.prop]===void 0&&(e[t.prop]=K(t,e[t.prop])))})},N=async()=>{try{return await d.value?.validate(),!0}catch{return O.value&&(g.value=!0),!1}},P=e=>x&&!k(r.loading)&&s(h.value,e),F=async()=>{let t=c(h.value);if(!await N()||!P(t))return!1;if(p.value&&!Object.entries(t).filter(([e])=>e!==`pageNum`&&e!==`pageSize`).some(([,e])=>!A(e)))return o.warning(l(`search.valueRequired`)),!1;if(S.saveCurrentInputs(),e(`search`,c(t)),!P(t))return!1;if(!a.value.onSearch)return!0;try{return await a.value.onSearch(t),x}catch(e){return x&&o.error(l(`search.failed`),e),!1}},I=async()=>{let e=await _.run(`search`,F,()=>!k(r.loading));return e.executed&&e.value},L=t=>{e(`change-params`,c(t)),e(`update:modelValue`,c(t))},R=()=>{H=!0;let e=++U;b(()=>{e===U&&(H=!1)})},z=()=>{d.value?.restoreValidation();let t=c(h.value),n=t;m.value.forEach(e=>{e.show===!1||e.type===`spacer`||e.prop===`pageNum`||e.prop===`pageSize`||(n[e.prop]=K(e,n[e.prop]))}),R(),h.value=t,L(t),e(`reset`,c(t))},B=()=>{g.value=!g.value},V=(e,t)=>{R(),m.value=c(e),h.value=c(t),j()},H=!1,U=0;return j(),M(h,e=>{H||L(e)},{deep:!0}),C(()=>{S.restoreFromStorage()}),{formRef:d,fields:m,formParams:h,expanded:g,searching:y,visibleFields:D,availableFields:T,foldThreshold:f,hasExpandButton:O,history:S,searchFn:I,resetFn:z,toggleFold:B,syncFromProps:V}}const Y=e=>{if(Array.isArray(e)&&e.length===2){if(e.every(e=>typeof e==`string`))return{mode:`formatted`,value:[e[0],e[1]]};if(e.every(e=>typeof e==`number`&&Number.isFinite(e)))return{mode:`timestamp`,value:[e[0],e[1]]}}return{mode:`timestamp`,value:null}};function te(e,t){let n=e?.map(e=>e.value===void 0?e.label??e.labelDefault:e.value),r=Array.isArray(t)?t:[t],i=new Set([...n??[],...r]),a=new Map;for(let e of[!1,!0]){let t=`__c_form_search_boolean_${e}__`;for(;i.has(t);)t+=`_`;a.set(e,t),i.add(t)}let o=e=>typeof e==`boolean`?a.get(e):typeof e==`string`||typeof e==`number`?e:null,s=e=>e===a.get(!1)?!1:e===a.get(!0)?!0:e;return{options:e?.map((e,t)=>({...e,label:e.label??e.labelDefault??``,value:o(n[t])??void 0})),value:Array.isArray(t)?t.map(o).filter(e=>e!==null):o(t),decode:e=>Array.isArray(e)?e.map(s):e===null?null:s(e)}}const ne=[`onClick`],re={class:`history-text`},ie={key:0,class:`history-footer`},ae=[`onClick`],oe={class:`form-search-item-box form-search-actions`},se={class:`form-item-input`};var X=r(_({name:`C_FormSearch`,__name:`index`,props:{bordered:{type:Boolean,default:!0},formItemList:{default:()=>[]},formParams:{default:()=>({})},modelValue:{},formSearchInputHistoryString:{},size:{},loading:{type:Boolean,default:!1},config:{}},emits:[`search`,`reset`,`change-params`,`update:modelValue`],setup(t,{expose:n,emit:r}){let i=t,a=r,o=u(()=>e(i.config?.density)),s=u(()=>i.size??o.value.size),c=u(()=>{if(i.config?.density===void 0)return;let{gap:e,rowGap:t,padding:n}=o.value;return{"--c-search-gap":`${e}px`,"--c-search-row-gap":`${t}px`,"--c-search-padding":`${n}px`}}),{formRef:_,formParams:v,expanded:b,searching:C,availableFields:w,foldThreshold:E,hasExpandButton:k,history:G,searchFn:K,resetFn:X,toggleFold:Z,syncFromProps:ce}=J(a,{formItemList:i.formItemList,formParams:i.modelValue??i.formParams,config:()=>i.config,loading:()=>i.loading,historyOptions:()=>({storageKey:i.formSearchInputHistoryString,maxItems:i.config?.historyMaxItems})}),Q=u(()=>new Map(w.value.filter(e=>e.type===`select`).map(e=>[e.prop,te(e.list,v.value[e.prop])]))),le=e=>{let t=v.value[e];return typeof t==`string`?t:null},ue=(e,t)=>{$(e,Q.value.get(e)?.decode(t)??null)},$=(e,t)=>{let n=w.value.find(t=>t.prop===e),r=v.value;n&&(r[e]=q(n,t,r[e]))},de=e=>{let t=Y(v.value[e]);return t.mode===`formatted`?{formattedValue:t.value,"onUpdate:formattedValue":t=>$(e,t)}:{value:t.value,"onUpdate:value":t=>$(e,t)}};return M(()=>[i.formItemList,i.modelValue,i.formParams],([e,t,n])=>ce(e,t??n),{deep:!0}),n({formRef:_,formParams:v,searchFn:K,cleanFn:X,changeFoldState:Z}),(e,n)=>(T(),d(A(L),{class:x([`form-search-card custom-card`,t.config?.density&&`form-search-card--${t.config.density}`]),style:S(c.value),bordered:t.bordered},{default:N(()=>[g(A(z),{class:`form-search`,model:A(v),ref_key:`formRef`,ref:_,size:s.value,onSubmit:F(A(K),[`prevent`])},{default:N(()=>[(T(!0),p(l,null,D(A(w),(e,t)=>P((T(),p(`div`,{class:`form-search-item-box`,key:e.prop||t},[e.type===`spacer`?f(`v-if`,!0):(T(),d(A(B),{key:0,class:`form-item-input`,path:e.prop,rule:e.rules,"show-feedback":!1,"show-label":!1},{default:N(()=>[e.type===`input`?(T(),d(A(H),y({key:0,clearable:``,size:s.value,value:le(e.prop),"onUpdate:value":t=>$(e.prop,t),placeholder:e.placeholder},{ref_for:!0},e.attrs,{onFocus:t=>A(G).handleFocus(e.prop),onBlur:A(G).closeAllPanels}),null,16,[`size`,`value`,`onUpdate:value`,`placeholder`,`onFocus`,`onBlur`])):f(`v-if`,!0),e.isFocus?(T(),p(`div`,{key:1,class:`input-history`,onMousedown:n[0]||=F(()=>{},[`prevent`])},[(T(!0),p(l,null,D(e.hisList,(t,r)=>(T(),p(`div`,{class:`history-item`,onClick:n=>A(G).selectHistoryItem(t,e.prop),key:t},[m(`span`,re,O(t),1),g(A(V),{class:`delete-icon`,size:`14`,onClick:F(t=>A(G).deleteHistoryItem(e.prop,r),[`stop`])},{default:N(()=>[...n[1]||=[m(`div`,{class:`i-mdi:close`},null,-1)]]),_:1},8,[`onClick`])],8,ne))),128)),e.hisList&&e.hisList.length>0?(T(),p(`div`,ie,[m(`span`,{class:`clear-all`,onClick:F(t=>A(G).clearAllHistory(e.prop),[`stop`])},` 清空历史记录 `,8,ae)])):f(`v-if`,!0)],32)):f(`v-if`,!0),e.type===`select`?(T(),d(A(U),y({key:2,value:Q.value.get(e.prop)?.value,"onUpdate:value":t=>ue(e.prop,t),placeholder:e.placeholder||`请选择`,clearable:``,size:s.value,options:Q.value.get(e.prop)?.options},{ref_for:!0},e.attrs),null,16,[`value`,`onUpdate:value`,`placeholder`,`size`,`options`])):f(`v-if`,!0),e.type===`date-range`?(T(),d(A(R),y({key:3,type:`datetimerange`,size:s.value},{ref_for:!0},{...de(e.prop),...e.attrs},{format:`yyyy-MM-dd HH:mm`,"value-format":`yyyy-MM-dd HH:mm`,"start-placeholder":`开始时间`,"end-placeholder":`结束时间`,clearable:``}),null,16,[`size`])):f(`v-if`,!0)]),_:2},1032,[`path`,`rule`]))])),[[j,A(b)||t<A(E)]])),128)),m(`div`,oe,[m(`div`,se,[n[6]||=m(`div`,{class:`button-label-placeholder`},null,-1),g(A(ee),{size:t.config?.density?o.value.gap:8},{default:N(()=>[g(A(W),{trigger:`hover`},{trigger:N(()=>[g(A(I),{type:`primary`,size:s.value,"aria-label":`搜索`,onClick:A(K),loading:t.loading||A(C)},{icon:N(()=>[...n[2]||=[m(`div`,{class:`i-mdi:search w-4 h-4`},null,-1)]]),_:1},8,[`size`,`onClick`,`loading`])]),default:N(()=>[n[3]||=h(` 搜索 `,-1)]),_:1}),g(A(W),{trigger:`hover`},{trigger:N(()=>[g(A(I),{size:s.value,"aria-label":`重置`,onClick:A(X)},{icon:N(()=>[...n[4]||=[m(`div`,{class:`i-mdi:refresh w-4 h-4`},null,-1)]]),_:1},8,[`size`,`onClick`])]),default:N(()=>[n[5]||=h(` 重置 `,-1)]),_:1}),A(k)?(T(),d(A(W),{key:0,trigger:`hover`},{trigger:N(()=>[g(A(I),{size:s.value,"aria-label":A(b)?`收起搜索条件`:`展开搜索条件`,"aria-expanded":A(b),onClick:A(Z)},{icon:N(()=>[m(`div`,{class:x(A(b)?`i-mdi:chevron-up w-4 h-4`:`i-mdi:chevron-down w-4 h-4`)},null,2)]),_:1},8,[`size`,`aria-label`,`aria-expanded`,`onClick`])]),default:N(()=>[h(` `+O(A(b)?`收起`:`展开`),1)]),_:1})):f(`v-if`,!0)]),_:1},8,[`size`])])])]),_:1},8,[`model`,`size`,`onSubmit`])]),_:1},8,[`class`,`style`,`bordered`]))}}),[[`__scopeId`,`data-v-da3c9bb6`]]);export{J as n,G as r,X as t};
|
|
1
|
+
import{t as e}from"./density.js";import{t}from"./useComponentLocale.js";import{t as n}from"./feedback.js";import{t as r}from"./export-helper.js";import{t as i}from"./useActionTask.js";import{o as a}from"./useFormConfig.js";import{i as o,t as s}from"./storage.js";import{a as c,t as l}from"./data.js";import{Fragment as u,computed as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createElementVNode as h,createTextVNode as g,createVNode as _,defineComponent as v,getCurrentScope as y,mergeProps as b,nextTick as x,normalizeClass as S,normalizeStyle as C,onMounted as w,onScopeDispose as T,openBlock as E,ref as D,renderList as O,toDisplayString as k,toValue as A,unref as j,vShow as M,watch as N,withCtx as P,withDirectives as F,withModifiers as I}from"vue";import{NButton as L,NCard as R,NDatePicker as z,NForm as B,NFormItem as V,NIcon as H,NInput as U,NSelect as ee,NSpace as te,NTooltip as W}from"naive-ui";function G(e,t,n={}){let r=()=>A(n),i=d(()=>!!r().storageKey),a=t=>e.value.find(e=>e.prop===t),c=()=>{let{storageKey:t}=r();t&&o(t,Object.fromEntries(e.value.filter(e=>e.hisList?.length).map(e=>[e.prop,e.hisList])))},l=()=>{let{storageKey:e}=r();if(!e)return;let t=s(e);t&&(Array.isArray(t)?t.map(e=>[e.prop,e.hisList]):Object.entries(t)).forEach(([e,t])=>{let n=a(e);n&&Array.isArray(t)&&(n.hisList=[...t])})},u=t=>{e.value.forEach(e=>{e.isFocus=!!(e.hisList&&e.prop===t)})},f=e=>{l(),u(e)},p=()=>u(),m=(e,n)=>{a(n)?.type===`input`&&(t.value[n]=e,p())},h=(e,t)=>{let n=a(e);n?.hisList&&(n.hisList.splice(t,1),n.hisList.length===0&&(n.isFocus=!1),c())},g=e=>{let t=a(e);t?.hisList&&(t.hisList=[],t.isFocus=!1,c())},_=(e,t)=>{let n=e.indexOf(t);n>-1&&e.splice(n,1),e.unshift(t);let i=Math.max(1,r().maxItems??5);return e.length>i&&(e.length=i),e};return{enabled:i,handleFocus:f,closeAllPanels:p,selectHistoryItem:m,deleteHistoryItem:h,clearAllHistory:g,saveCurrentInputs:()=>{i.value&&(Object.keys(t.value).forEach(e=>{let n=t.value[e];if(n==null||n===``)return;let r=a(e);if(r?.type!==`input`||!r.hisList)return;let i=String(n).trim();i&&_(r.hisList,i)}),p(),c())},restoreFromStorage:l}}function K(e,t){return e.defaultValue===void 0?e.type===`input`?``:e.type===`select`&&e.attrs?.multiple===!0?[]:e.type===`select`&&e.attrs?.clearable===!1?l(t):null:l(e.defaultValue)}function ne(e,t,n){return t??(e.type===`input`?``:e.type===`select`&&e.attrs?.multiple===!0?[]:e.type===`select`&&e.attrs?.clearable===!1?K(e,n):null)}function q(e,r){let a=d(()=>A(r.config)??{}),o=n(()=>a.value.feedback),{t:s}=t(()=>a.value.locale),u=D(null),f=d(()=>a.value.foldThreshold??7),p=d(()=>a.value.requireValue??!0),m=D(l(r.formItemList)),h=D(l(r.formParams)),g=D(!1),_=i(),v=d(()=>_.isRunning(`search`)),b=!0;y()&&T(()=>{b=!1});let S=G(m,h,r.historyOptions),C=d(()=>m.value.filter(e=>e.show!==!1)),E=d(()=>C.value.filter((e,t)=>g.value||t<f.value)),O=d(()=>C.value.length>f.value),k=e=>e==null||e===``||Array.isArray(e)&&e.length===0,j=()=>{let e=h.value;m.value.forEach(t=>{t.isFocus=!1,t.show!==!1&&(t.type===`select`&&!t.placeholder&&(t.placeholder=`请选择`),t.type!==`spacer`&&e[t.prop]===void 0&&(e[t.prop]=K(t,e[t.prop])))})},M=async()=>{try{return await u.value?.validate(),!0}catch{return O.value&&(g.value=!0),!1}},P=e=>b&&!A(r.loading)&&c(h.value,e),F=async()=>{let t=l(h.value);if(!await M()||!P(t))return!1;if(p.value&&!Object.entries(t).filter(([e])=>e!==`pageNum`&&e!==`pageSize`).some(([,e])=>!k(e)))return o.warning(s(`search.valueRequired`)),!1;if(S.saveCurrentInputs(),e(`search`,l(t)),!P(t))return!1;if(!a.value.onSearch)return!0;try{return await a.value.onSearch(t),b}catch(e){return b&&o.error(s(`search.failed`),e),!1}},I=async()=>{let e=await _.run(`search`,F,()=>!A(r.loading));return e.executed&&e.value},L=t=>{e(`change-params`,l(t)),e(`update:modelValue`,l(t))},R=()=>{H=!0;let e=++U;x(()=>{e===U&&(H=!1)})},z=()=>{u.value?.restoreValidation();let t=l(h.value),n=t;m.value.forEach(e=>{e.show===!1||e.type===`spacer`||e.prop===`pageNum`||e.prop===`pageSize`||(n[e.prop]=K(e,n[e.prop]))}),R(),h.value=t,L(t),e(`reset`,l(t))},B=()=>{g.value=!g.value},V=(e,t)=>{R(),m.value=l(e),h.value=l(t),j()},H=!1,U=0;return j(),N(h,e=>{H||L(e)},{deep:!0}),w(()=>{S.restoreFromStorage()}),{formRef:u,fields:m,formParams:h,expanded:g,searching:v,visibleFields:E,availableFields:C,foldThreshold:f,hasExpandButton:O,history:S,searchFn:I,resetFn:z,toggleFold:B,syncFromProps:V}}const re=e=>{if(Array.isArray(e)&&e.length===2){if(e.every(e=>typeof e==`string`))return{mode:`formatted`,value:[e[0],e[1]]};if(e.every(e=>typeof e==`number`&&Number.isFinite(e)))return{mode:`timestamp`,value:[e[0],e[1]]}}return{mode:`timestamp`,value:null}};function ie(e,t){let n=e?.map(e=>e.value===void 0?e.label??e.labelDefault:e.value),r=Array.isArray(t)?t:[t],i=new Set([...n??[],...r]),a=new Map;for(let e of[!1,!0]){let t=`__c_form_search_boolean_${e}__`;for(;i.has(t);)t+=`_`;a.set(e,t),i.add(t)}let o=e=>typeof e==`boolean`?a.get(e):typeof e==`string`||typeof e==`number`?e:null,s=e=>e===a.get(!1)?!1:e===a.get(!0)?!0:e;return{options:e?.map((e,t)=>({...e,label:e.label??e.labelDefault??``,value:o(n[t])??void 0})),value:Array.isArray(t)?t.map(o).filter(e=>e!==null):o(t),decode:e=>Array.isArray(e)?e.map(s):e===null?null:s(e)}}const ae=[`onClick`],oe={class:`history-text`},se={key:0,class:`history-footer`},ce=[`onClick`],le={class:`form-search-item-box form-search-actions`},ue={class:`form-item-input`};var J=r(v({name:`C_FormSearch`,__name:`index`,props:{bordered:{type:Boolean,default:!0},formItemList:{default:()=>[]},formParams:{default:()=>({})},modelValue:{},formSearchInputHistoryString:{},size:{},loading:{type:Boolean,default:!1},config:{}},emits:[`search`,`reset`,`change-params`,`update:modelValue`],setup(t,{expose:n,emit:r}){let i=t,o=r,s=a(),c=d(()=>i.config?.density??s.density),l=d(()=>e(c.value)),v=d(()=>i.size??l.value.size),y=d(()=>{if(c.value===void 0)return;let{gap:e,rowGap:t,padding:n}=l.value;return{"--c-search-gap":`${e}px`,"--c-search-row-gap":`${t}px`,"--c-search-padding":`${n}px`,"--c-search-field-width":c.value===`compact`?`208px`:void 0}}),{formRef:x,formParams:w,expanded:T,searching:D,availableFields:A,foldThreshold:G,hasExpandButton:K,history:J,searchFn:Y,resetFn:X,toggleFold:Z,syncFromProps:de}=q(o,{formItemList:i.formItemList,formParams:i.modelValue??i.formParams,config:()=>i.config,loading:()=>i.loading,historyOptions:()=>({storageKey:i.formSearchInputHistoryString,maxItems:i.config?.historyMaxItems})}),Q=d(()=>new Map(A.value.filter(e=>e.type===`select`).map(e=>[e.prop,ie(e.list,w.value[e.prop])]))),fe=e=>{let t=w.value[e];return typeof t==`string`?t:null},pe=(e,t)=>{$(e,Q.value.get(e)?.decode(t)??null)},$=(e,t)=>{let n=A.value.find(t=>t.prop===e),r=w.value;n&&(r[e]=ne(n,t,r[e]))},me=e=>{let t=re(w.value[e]);return t.mode===`formatted`?{formattedValue:t.value,"onUpdate:formattedValue":t=>$(e,t)}:{value:t.value,"onUpdate:value":t=>$(e,t)}};return N(()=>[i.formItemList,i.modelValue,i.formParams],([e,t,n])=>de(e,t??n),{deep:!0}),n({formRef:x,formParams:w,searchFn:Y,cleanFn:X,changeFoldState:Z}),(e,n)=>(E(),f(j(R),{class:S([`form-search-card custom-card`,c.value&&`form-search-card--${c.value}`]),style:C(y.value),bordered:t.bordered},{default:P(()=>[_(j(B),{class:`form-search`,model:j(w),ref_key:`formRef`,ref:x,size:v.value,onSubmit:I(j(Y),[`prevent`])},{default:P(()=>[(E(!0),m(u,null,O(j(A),(e,t)=>F((E(),m(`div`,{class:`form-search-item-box`,key:e.prop||t},[e.type===`spacer`?p(`v-if`,!0):(E(),f(j(V),{key:0,class:`form-item-input`,path:e.prop,rule:e.rules,"show-feedback":!1,"show-label":!1},{default:P(()=>[e.type===`input`?(E(),f(j(U),b({key:0,clearable:``,size:v.value,value:fe(e.prop),"onUpdate:value":t=>$(e.prop,t),placeholder:e.placeholder},{ref_for:!0},e.attrs,{onFocus:t=>j(J).handleFocus(e.prop),onBlur:j(J).closeAllPanels}),null,16,[`size`,`value`,`onUpdate:value`,`placeholder`,`onFocus`,`onBlur`])):p(`v-if`,!0),e.isFocus?(E(),m(`div`,{key:1,class:`input-history`,onMousedown:n[0]||=I(()=>{},[`prevent`])},[(E(!0),m(u,null,O(e.hisList,(t,r)=>(E(),m(`div`,{class:`history-item`,onClick:n=>j(J).selectHistoryItem(t,e.prop),key:t},[h(`span`,oe,k(t),1),_(j(H),{class:`delete-icon`,size:`14`,onClick:I(t=>j(J).deleteHistoryItem(e.prop,r),[`stop`])},{default:P(()=>[...n[1]||=[h(`div`,{class:`i-mdi:close`},null,-1)]]),_:1},8,[`onClick`])],8,ae))),128)),e.hisList&&e.hisList.length>0?(E(),m(`div`,se,[h(`span`,{class:`clear-all`,onClick:I(t=>j(J).clearAllHistory(e.prop),[`stop`])},` 清空历史记录 `,8,ce)])):p(`v-if`,!0)],32)):p(`v-if`,!0),e.type===`select`?(E(),f(j(ee),b({key:2,value:Q.value.get(e.prop)?.value,"onUpdate:value":t=>pe(e.prop,t),placeholder:e.placeholder||`请选择`,clearable:``,size:v.value,options:Q.value.get(e.prop)?.options},{ref_for:!0},e.attrs),null,16,[`value`,`onUpdate:value`,`placeholder`,`size`,`options`])):p(`v-if`,!0),e.type===`date-range`?(E(),f(j(z),b({key:3,type:`datetimerange`,size:v.value},{ref_for:!0},{...me(e.prop),...e.attrs},{format:`yyyy-MM-dd HH:mm`,"value-format":`yyyy-MM-dd HH:mm`,"start-placeholder":`开始时间`,"end-placeholder":`结束时间`,clearable:``}),null,16,[`size`])):p(`v-if`,!0)]),_:2},1032,[`path`,`rule`]))])),[[M,j(T)||t<j(G)]])),128)),h(`div`,le,[h(`div`,ue,[n[6]||=h(`div`,{class:`button-label-placeholder`},null,-1),_(j(te),{size:c.value?l.value.gap:8},{default:P(()=>[_(j(W),{trigger:`hover`},{trigger:P(()=>[_(j(L),{type:`primary`,size:v.value,"aria-label":`搜索`,onClick:j(Y),loading:t.loading||j(D)},{icon:P(()=>[...n[2]||=[h(`div`,{class:`i-mdi:search w-4 h-4`},null,-1)]]),_:1},8,[`size`,`onClick`,`loading`])]),default:P(()=>[n[3]||=g(` 搜索 `,-1)]),_:1}),_(j(W),{trigger:`hover`},{trigger:P(()=>[_(j(L),{size:v.value,"aria-label":`重置`,onClick:j(X)},{icon:P(()=>[...n[4]||=[h(`div`,{class:`i-mdi:refresh w-4 h-4`},null,-1)]]),_:1},8,[`size`,`onClick`])]),default:P(()=>[n[5]||=g(` 重置 `,-1)]),_:1}),j(K)?(E(),f(j(W),{key:0,trigger:`hover`},{trigger:P(()=>[_(j(L),{size:v.value,"aria-label":j(T)?`收起搜索条件`:`展开搜索条件`,"aria-expanded":j(T),onClick:j(Z)},{icon:P(()=>[h(`div`,{class:S(j(T)?`i-mdi:chevron-up w-4 h-4`:`i-mdi:chevron-down w-4 h-4`)},null,2)]),_:1},8,[`size`,`aria-label`,`aria-expanded`,`onClick`])]),default:P(()=>[g(` `+k(j(T)?`收起`:`展开`),1)]),_:1})):p(`v-if`,!0)]),_:1},8,[`size`])])])]),_:1},8,[`model`,`size`,`onSubmit`])]),_:1},8,[`class`,`style`,`bordered`]))}}),[[`__scopeId`,`data-v-f567d274`]]);export{q as n,G as r,J as t};
|
package/dist/C_Login.d.ts
CHANGED
|
@@ -1,2 +1,5 @@
|
|
|
1
|
+
import "./useFormConfig.js";
|
|
2
|
+
import "./config2.js";
|
|
3
|
+
import "./verification.js";
|
|
1
4
|
import { a as LoginFeatures, c as RegisterFormData, i as DEFAULT_SOCIAL_PROVIDERS, l as SocialProvider, n as CaptchaFormData, o as LoginProps, r as DEFAULT_FEATURES, s as PasswordFormData, t as _default } from "./index16.vue.js";
|
|
2
5
|
export { _default as C_Login, type CaptchaFormData, DEFAULT_FEATURES, DEFAULT_SOCIAL_PROVIDERS, type LoginFeatures, type LoginProps, type PasswordFormData, type RegisterFormData, type SocialProvider };
|