@farris/ui-vue 1.3.4 → 1.3.6

package/components/search-box/index.umd.cjs

@@ -1 +1 @@
-(function(g,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue"),require("../button-edit/index.umd.js"),require("lodash-es"),require("../list-view/index.umd.js"),require("../loading/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../button-edit/index.umd.js","lodash-es","../list-view/index.umd.js","../loading/index.umd.js"],o):(g=typeof globalThis<"u"?globalThis:g||self,o(g["search-box"]={},g.Vue,g.FButtonEdit,g.LodashES,g.FListView,g.FLoading))})(this,function(g,o,H,O,q,A){"use strict";const N={},v={};function w(t){const{properties:e,title:s,ignore:a}=t,c=a&&Array.isArray(a),h=Object.keys(e).reduce((d,f)=>((!c||!a.find(y=>y===f))&&(d[f]=e[f].type==="object"&&e[f].properties?w(e[f]):O.cloneDeep(e[f].default)),d),{});if(s&&(!c||!a.find(d=>d==="id"))){const d=s.toLowerCase().replace(/-/g,"_");h.id=`${d}_${Math.random().toString().slice(2,6)}`}return h}function D(t,e={},s){const a=N[t];if(a){let c=w(a);const h=v[t];return c=h?h({getSchemaByType:D},c,e,s):c,c}return null}function L(t,e){const s=w(e);return Object.keys(s).reduce((a,c)=>(a[c]&&O.isPlainObject(a[c])&&O.isPlainObject(t[c]||!t[c])?Object.assign(a[c],t[c]||{}):a[c]=t[c],a),s),s}function _(t,e){return Object.keys(t).filter(a=>t[a]!=null).reduce((a,c)=>{if(e.has(c)){const h=e.get(c);if(typeof h=="string")a[h]=t[c];else{const d=h(c,t[c],t);Object.assign(a,d)}}else a[c]=t[c];return a},{})}function C(t,e,s=new Map){const a=L(t,e);return _(a,s)}function X(t={}){function e(r,n,l,u){if(typeof l=="number")return u[r].length===l;if(typeof l=="object"){const i=Object.keys(l)[0],p=l[i];if(i==="not")return Number(u[r].length)!==Number(p);if(i==="moreThan")return Number(u[r].length)>=Number(p);if(i==="lessThan")return Number(u[r].length)<=Number(p)}return!1}function s(r,n,l,u){return u[r]&&u[r].propertyValue&&String(u[r].propertyValue.value)===String(l)}const a=new Map([["length",e],["getProperty",s]]);Object.keys(t).reduce((r,n)=>(r.set(n,t[n]),r),a);function c(r,n){const l=r;return typeof n=="number"?[{target:l,operator:"length",param:null,value:Number(n)}]:typeof n=="boolean"?[{target:l,operator:"getProperty",param:r,value:!!n}]:typeof n=="object"?Object.keys(n).map(u=>{if(u==="length")return{target:l,operator:"length",param:null,value:n[u]};const i=u,p=n[u];return{target:l,operator:"getProperty",param:i,value:p}}):[]}function h(r){return Object.keys(r).reduce((l,u)=>{const i=c(u,r[u]);return l.push(...i),l},[])}function d(r,n){if(a.has(r.operator)){const l=a.get(r.operator);return l&&l(r.target,r.param,r.value,n)||!1}return!1}function f(r,n){return h(r).reduce((i,p)=>i&&d(p,n),!0)}function y(r,n){const l=Object.keys(r),u=l.includes("allOf"),i=l.includes("anyOf"),p=u||i,F=(p?r[p?u?"allOf":"anyOf":"allOf"]:[r]).map(M=>f(M,n));return u?!F.includes(!1):F.includes(!0)}return{parseValueSchema:y}}const U={},W={};X();function x(t,e,s=new Map,a=(d,f,y,r)=>f,c={},h=d=>d){return N[e.title]=e,v[e.title]=a,U[e.title]=c,W[e.title]=h,(d={})=>{const f=C(d,e,s),y=Object.keys(t).reduce((r,n)=>(r[n]=t[n].default,r),{});return Object.assign(y,f)}}function z(t,e){return{customClass:e.class,customStyle:e.style}}const G=new Map([["appearance",z]]),J={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/search-box.schema.json",title:"search-box",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for a search-box",type:"string"},type:{description:"The type string of search-box component",type:"string",default:"search-box"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]};function Q(t,e,s){return e}const Y={title:"search-box",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},j={buttonContent:{type:String,default:'<i class="f-icon f-icon-search"></i>'},customClass:{type:String,default:""},modelValue:{type:String,default:""},popupHost:{type:Object},popupRightBoundary:{type:Object},popupOffsetX:{type:Object},data:{type:Array,default:[]},placeholder:{type:String,default:"请输入关键词"},idField:{default:"id",type:String},textField:{default:"name",type:String},maxHeight:{default:350,type:Number},loading:{default:!1,type:Boolean},disable:{default:!1,type:Boolean},showDropdown:{default:!0,type:Boolean},updateOn:{default:"blur",type:String}},R=x(j,J,G,Q,Y),Z={data:{type:Array,default:[]},onConfirmResult:{type:Function,default:()=>{}},onSearchedValue:{type:Function,default:()=>{}},idField:{default:"id",type:String},textField:{default:"name",type:String},maxHeight:{default:350,type:Number},loading:{default:!1,type:Boolean}},E=o.defineComponent({name:"FSearchBoxContainer",props:Z,emits:["confirmResult","searchedValue"],setup(t,e){const s=o.ref(t.data),a=o.ref(),{slots:c}=e,h=o.computed(()=>({"search-box-container":!0,"f-utils-overflow-xhya":!0,"position-relative":!0}));function d(n){var l;(l=a.value)==null||l.search(n)}function f(n){n.length&&(e.emit("confirmResult",n[0].name),e.emit("searchedValue",n))}function y(n){return c.default?o.createVNode(o.Fragment,null,[c.default(n)]):o.createVNode("span",null,[n.item[t.textField]])}const r=o.computed(()=>{const n={};return n.padding="8px",t.maxHeight!==void 0&&t.maxHeight>0&&(n.maxHeight=`${t.maxHeight}px`),n});return o.watch(()=>t.loading,n=>{console.log("loading状态改变"+n)}),o.watch(()=>t.data,n=>{n!==s.value&&(s.value=n),a.value.updateDataSource(n)}),e.expose({search:d}),()=>{const n={content:y};return o.createVNode("div",{class:h.value,style:r.value},[o.createVNode(A,{ref:"loadingInstance",isActive:t.loading},null),o.createVNode(q,{ref:a,itemClass:"dropdown-item",data:s.value,view:"ContentView",onClickItem:l=>f(l.data),idField:t.idField,textField:t.textField,titleField:t.textField,valueField:t.idField},n)])}}}),S=o.defineComponent({name:"FSearchBox",props:j,emits:["update:modelValue","change","selectedValue","clickButton"],setup(t,e){o.ref(t.data);const s=o.ref(),a=o.ref(),c=o.ref(t.placeholder),h='<i class="f-icon f-icon-clockwise f-icon-spin"></i>',d=o.computed(()=>t.loading?h:t.buttonContent);o.ref(t.editable);const f=o.ref(t.modelValue);o.watch(f,i=>{var p;(p=a.value)==null||p.search(i),e.emit("update:modelValue",i)}),o.watch(()=>t.modelValue,i=>{f.value=i});function y(i){s.value.commitValue(i)}function r(i){e.emit("change",i)}function n(i){e.emit("selectedValue",i)}function l(i){e.emit("clickButton",i)}function u(){s.value.togglePopup()}return e.expose({togglePopup:u}),()=>{const i={default:e.slots.default};return o.createVNode(H,{ref:s,"button-content":d.value,"custom-class":t.customClass,updateOn:t.updateOn,placeholder:c.value,onChange:p=>r(p),onClickButton:p=>l(p),disable:t.disable,"enable-clear":!0,"button-behavior":"Execute",modelValue:f.value,"onUpdate:modelValue":p=>f.value=p,"popup-host":t.popupHost,"popup-right-boundary":t.popupRightBoundary,"popup-offset-x":t.popupOffsetX,"popup-on-input":t.showDropdown,"popup-on-focus":t.showDropdown},{default:()=>[t.showDropdown&&o.createVNode(E,{ref:a,data:t.data,onConfirmResult:y,onSearchedValue:p=>n(p),loading:t.loading,maxHeight:t.maxHeight},i)],...e.slots})}}});function K(t,e,s){var k;const a="",c="",h=o.ref();function d(){return(e==null?void 0:e.schema.componentType)!=="frame"}function f(){return!1}function y(){return(e==null?void 0:e.schema.componentType)!=="frame"}function r(){return(e==null?void 0:e.schema.componentType)==="frame"}function n(m){if(!m||!m.value)return null;if(m.value.schema&&m.value.schema.type==="component")return m.value;const V=o.ref(m==null?void 0:m.value.parent),b=n(V);return b||null}function l(m=e){const{componentInstance:V,designerItemElementRef:b}=m;return!V||!V.value?null:V.value.canMove?b:l(m.parent)}function u(m){return!!s}function i(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function p(){}function P(m,V){}function $(m,V){const{componentType:b}=m;let B=D(b,m,V);const ee=b.toLowerCase().replace(/-/g,"_");return B&&!B.id&&B.type===b&&(B.id=`${ee}_${Math.random().toString().slice(2,6)}`),B}function F(m){}function T(...m){}function M(){e!=null&&e.schema.contents&&e.schema.contents.map(m=>{var B;let V=m.id;m.type==="component-ref"&&(V=m.component);const b=t.value.querySelector(`#${V}-design-item`);(B=b==null?void 0:b.componentInstance)!=null&&B.value.onRemoveComponent&&b.componentInstance.value.onRemoveComponent()})}return h.value={canMove:d(),canSelectParent:f(),canDelete:y(),canNested:!r(),contents:e==null?void 0:e.schema.contents,elementRef:t,parent:(k=e==null?void 0:e.parent)==null?void 0:k.componentInstance,schema:e==null?void 0:e.schema,styles:a,designerClass:c,canAccepts:u,getBelongedComponentInstance:n,getDraggableDesignItemElement:l,getDraggingDisplayText:i,getPropConfig:T,getDragScopeElement:p,onAcceptMovedChildElement:P,onChildElementMovedOut:F,addNewChildComponentSchema:$,triggerBelongedComponentToMoveWhenMoved:o.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:o.ref(!1),onRemoveComponent:M},h}const I=o.defineComponent({name:"FSearchBoxDesign",props:j,emits:["update:modelValue","change"],setup(t,e){const s=o.ref(t.data),a=o.ref(),c=o.ref(),h=o.ref("请输入关键词"),d=o.ref('<i class="f-icon f-icon-search"></i>'),f=o.ref(t.modelValue),y=o.ref(),r=o.inject("design-item-context"),n=K(y,r);o.onMounted(()=>{y.value.componentInstance=n}),e.expose(n.value),o.watch(f,i=>{var p;(p=c.value)==null||p.search(i),e.emit("update:modelValue",i)}),o.watch(()=>t.modelValue,i=>{f.value=i});function l(i){a.value.commitValue(i)}function u(i){e.emit("change",i)}return()=>o.createVNode("div",{ref:y},[o.createVNode(o.resolveComponent("f-button-edit"),{ref:a,"button-content":d.value,placeholder:h.value,onChange:u,"enable-clear":!0,"button-behavior":"Execute",modelValue:f.value,"onUpdate:modelValue":i=>f.value=i,"popup-host":t.popupHost,"popup-right-boundary":t.popupRightBoundary,"popup-offset-x":t.popupOffsetX,"popup-on-input":!0,"popup-on-focus":!0},{default:()=>[o.createVNode(E,{ref:c,data:s.value,onConfirmResult:l},null)]})])}});S.install=t=>{t.component(S.name,S)},S.register=(t,e,s,a)=>{t["search-box"]=S,e["search-box"]=R},S.registerDesigner=(t,e,s)=>{t["search-box"]=I,e["search-box"]=R},g.FSearchBox=S,g.default=S,g.propsResolver=R,g.searchBoxProps=j,Object.defineProperties(g,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(g,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue"),require("../button-edit/index.umd.js"),require("lodash-es"),require("../list-view/index.umd.js"),require("../loading/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../button-edit/index.umd.js","lodash-es","../list-view/index.umd.js","../loading/index.umd.js"],o):(g=typeof globalThis<"u"?globalThis:g||self,o(g["search-box"]={},g.Vue,g.FButtonEdit,g.LodashES,g.FListView,g.FLoading))})(this,function(g,o,q,j,A,H){"use strict";const v={},N={};function F(t){const{properties:e,title:l,ignore:r}=t,a=r&&Array.isArray(r),u=Object.keys(e).reduce((f,p)=>((!a||!r.find(y=>y===p))&&(f[p]=e[p].type==="object"&&e[p].properties?F(e[p]):j.cloneDeep(e[p].default)),f),{});if(l&&(!a||!r.find(f=>f==="id"))){const f=l.toLowerCase().replace(/-/g,"_");u.id=`${f}_${Math.random().toString().slice(2,6)}`}return u}function L(t){const{properties:e,title:l,required:r}=t;if(r&&Array.isArray(r)){const a=r.reduce((u,f)=>(u[f]=e[f].type==="object"&&e[f].properties?F(e[f]):j.cloneDeep(e[f].default),u),{});if(l&&r.find(u=>u==="id")){const u=l.toLowerCase().replace(/-/g,"_");a.id=`${u}_${Math.random().toString().slice(2,6)}`}return a}return{type:l}}function D(t,e={},l){const r=v[t];if(r){let a=L(r);const u=N[t];return a=u?u({getSchemaByType:D},a,e,l):a,a}return null}function _(t,e){const l=F(e);return Object.keys(l).reduce((r,a)=>(Object.prototype.hasOwnProperty.call(t,a)&&(r[a]&&j.isPlainObject(r[a])&&j.isPlainObject(t[a]||!t[a])?Object.assign(r[a],t[a]||{}):r[a]=t[a]),r),l),l}function C(t,e){return Object.keys(t).filter(r=>t[r]!=null).reduce((r,a)=>{if(e.has(a)){const u=e.get(a);if(typeof u=="string")r[u]=t[a];else{const f=u(a,t[a],t);Object.assign(r,f)}}else r[a]=t[a];return r},{})}function X(t,e,l=new Map){const r=_(t,e);return C(r,l)}function x(t={}){function e(i,n,s,d){if(typeof s=="number")return d[i].length===s;if(typeof s=="object"){const c=Object.keys(s)[0],h=s[c];if(c==="not")return Number(d[i].length)!==Number(h);if(c==="moreThan")return Number(d[i].length)>=Number(h);if(c==="lessThan")return Number(d[i].length)<=Number(h)}return!1}function l(i,n,s,d){return d[i]&&d[i].propertyValue&&String(d[i].propertyValue.value)===String(s)}const r=new Map([["length",e],["getProperty",l]]);Object.keys(t).reduce((i,n)=>(i.set(n,t[n]),i),r);function a(i,n){const s=i;return typeof n=="number"?[{target:s,operator:"length",param:null,value:Number(n)}]:typeof n=="boolean"?[{target:s,operator:"getProperty",param:i,value:!!n}]:typeof n=="object"?Object.keys(n).map(d=>{if(d==="length")return{target:s,operator:"length",param:null,value:n[d]};const c=d,h=n[d];return{target:s,operator:"getProperty",param:c,value:h}}):[]}function u(i){return Object.keys(i).reduce((s,d)=>{const c=a(d,i[d]);return s.push(...c),s},[])}function f(i,n){if(r.has(i.operator)){const s=r.get(i.operator);return s&&s(i.target,i.param,i.value,n)||!1}return!1}function p(i,n){return u(i).reduce((c,h)=>c&&f(h,n),!0)}function y(i,n){const s=Object.keys(i),d=s.includes("allOf"),c=s.includes("anyOf"),h=d||c,O=(h?i[h?d?"allOf":"anyOf":"allOf"]:[i]).map(M=>p(M,n));return d?!O.includes(!1):O.includes(!0)}return{parseValueSchema:y}}const U={},W={};x();function z(t,e,l=new Map,r=(f,p,y,i)=>p,a={},u=f=>f){return v[e.title]=e,N[e.title]=r,U[e.title]=a,W[e.title]=u,(f={})=>{const p=X(f,e,l),y=Object.keys(t).reduce((i,n)=>(i[n]=t[n].default,i),{});return Object.assign(y,p)}}function G(t,e){return{customClass:e.class,customStyle:e.style}}const J=new Map([["appearance",G]]),Q={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/search-box.schema.json",title:"search-box",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for a search-box",type:"string"},type:{description:"The type string of search-box component",type:"string",default:"search-box"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]};function Y(t,e,l){return e}const Z={title:"search-box",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},w={buttonContent:{type:String,default:'<i class="f-icon f-icon-search"></i>'},customClass:{type:String,default:""},modelValue:{type:String,default:""},popupHost:{type:Object},popupRightBoundary:{type:Object},popupOffsetX:{type:Object},data:{type:Array,default:[]},placeholder:{type:String,default:"请输入关键词"},idField:{default:"id",type:String},textField:{default:"name",type:String},maxHeight:{default:350,type:Number},loading:{default:!1,type:Boolean},disable:{default:!1,type:Boolean},showDropdown:{default:!0,type:Boolean},updateOn:{default:"blur",type:String}},R=z(w,Q,J,Y,Z),K={data:{type:Array,default:[]},onConfirmResult:{type:Function,default:()=>{}},onSearchedValue:{type:Function,default:()=>{}},idField:{default:"id",type:String},textField:{default:"name",type:String},maxHeight:{default:350,type:Number},loading:{default:!1,type:Boolean}},$=o.defineComponent({name:"FSearchBoxContainer",props:K,emits:["confirmResult","searchedValue"],setup(t,e){const l=o.ref(t.data),r=o.ref(),{slots:a}=e,u=o.computed(()=>({"search-box-container":!0,"f-utils-overflow-xhya":!0,"position-relative":!0}));function f(n){var s;(s=r.value)==null||s.search(n)}function p(n){n.length&&(e.emit("confirmResult",n[0].name),e.emit("searchedValue",n))}function y(n){return a.default?o.createVNode(o.Fragment,null,[a.default(n)]):o.createVNode("span",null,[n.item[t.textField]])}const i=o.computed(()=>{const n={};return n.padding="8px",t.maxHeight!==void 0&&t.maxHeight>0&&(n.maxHeight=`${t.maxHeight}px`),n});return o.watch(()=>t.loading,n=>{console.log("loading状态改变"+n)}),o.watch(()=>t.data,n=>{n!==l.value&&(l.value=n),r.value.updateDataSource(n)}),e.expose({search:f}),()=>{const n={content:y};return o.createVNode("div",{class:u.value,style:i.value},[o.createVNode(H,{ref:"loadingInstance",isActive:t.loading},null),o.createVNode(A,{ref:r,itemClass:"dropdown-item",data:l.value,view:"ContentView",onClickItem:s=>p(s.data),idField:t.idField,textField:t.textField,titleField:t.textField,valueField:t.idField},n)])}}}),S=o.defineComponent({name:"FSearchBox",props:w,emits:["update:modelValue","change","selectedValue","clickButton"],setup(t,e){o.ref(t.data);const l=o.ref(),r=o.ref(),a=o.ref(t.placeholder),u='<i class="f-icon f-icon-clockwise f-icon-spin"></i>',f=o.computed(()=>t.loading?u:t.buttonContent);o.ref(t.editable);const p=o.ref(t.modelValue);o.watch(p,c=>{var h;(h=r.value)==null||h.search(c),e.emit("update:modelValue",c)}),o.watch(()=>t.modelValue,c=>{p.value=c});function y(c){l.value.commitValue(c)}function i(c){e.emit("change",c)}function n(c){e.emit("selectedValue",c)}function s(c){e.emit("clickButton",c)}function d(){l.value.togglePopup()}return e.expose({togglePopup:d}),()=>{const c={default:e.slots.default};return o.createVNode(q,{ref:l,"button-content":f.value,"custom-class":t.customClass,updateOn:t.updateOn,placeholder:a.value,onChange:h=>i(h),onClickButton:h=>s(h),disable:t.disable,"enable-clear":!0,"button-behavior":"Execute",modelValue:p.value,"onUpdate:modelValue":h=>p.value=h,"popup-host":t.popupHost,"popup-right-boundary":t.popupRightBoundary,"popup-offset-x":t.popupOffsetX,"popup-on-input":t.showDropdown,"popup-on-focus":t.showDropdown},{default:()=>[t.showDropdown&&o.createVNode($,{ref:r,data:t.data,onConfirmResult:y,onSearchedValue:h=>n(h),loading:t.loading,maxHeight:t.maxHeight},c)],...e.slots})}}});function I(t,e,l){var k;const r="",a="",u=o.ref();function f(){return(e==null?void 0:e.schema.componentType)!=="frame"}function p(){return!1}function y(){return(e==null?void 0:e.schema.componentType)!=="frame"}function i(){return(e==null?void 0:e.schema.componentType)==="frame"}function n(m){if(!m||!m.value)return null;if(m.value.schema&&m.value.schema.type==="component")return m.value;const V=o.ref(m==null?void 0:m.value.parent),b=n(V);return b||null}function s(m=e){const{componentInstance:V,designerItemElementRef:b}=m;return!V||!V.value?null:V.value.canMove?b:s(m.parent)}function d(m){return!!l}function c(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function h(){}function P(m,V){}function E(m,V){const{componentType:b}=m;let B=D(b,m,V);const te=b.toLowerCase().replace(/-/g,"_");return B&&!B.id&&B.type===b&&(B.id=`${te}_${Math.random().toString().slice(2,6)}`),B}function O(m){}function T(...m){}function M(){e!=null&&e.schema.contents&&e.schema.contents.map(m=>{var B;let V=m.id;m.type==="component-ref"&&(V=m.component);const b=t.value.querySelector(`#${V}-design-item`);(B=b==null?void 0:b.componentInstance)!=null&&B.value.onRemoveComponent&&b.componentInstance.value.onRemoveComponent()})}return u.value={canMove:f(),canSelectParent:p(),canDelete:y(),canNested:!i(),contents:e==null?void 0:e.schema.contents,elementRef:t,parent:(k=e==null?void 0:e.parent)==null?void 0:k.componentInstance,schema:e==null?void 0:e.schema,styles:r,designerClass:a,canAccepts:d,getBelongedComponentInstance:n,getDraggableDesignItemElement:s,getDraggingDisplayText:c,getPropConfig:T,getDragScopeElement:h,onAcceptMovedChildElement:P,onChildElementMovedOut:O,addNewChildComponentSchema:E,triggerBelongedComponentToMoveWhenMoved:o.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:o.ref(!1),onRemoveComponent:M},u}const ee=o.defineComponent({name:"FSearchBoxDesign",props:w,emits:["update:modelValue","change"],setup(t,e){const l=o.ref(t.data),r=o.ref(),a=o.ref(),u=o.ref("请输入关键词"),f=o.ref('<i class="f-icon f-icon-search"></i>'),p=o.ref(t.modelValue),y=o.ref(),i=o.inject("design-item-context"),n=I(y,i);o.onMounted(()=>{y.value.componentInstance=n}),e.expose(n.value),o.watch(p,c=>{var h;(h=a.value)==null||h.search(c),e.emit("update:modelValue",c)}),o.watch(()=>t.modelValue,c=>{p.value=c});function s(c){r.value.commitValue(c)}function d(c){e.emit("change",c)}return()=>o.createVNode("div",{ref:y},[o.createVNode(o.resolveComponent("f-button-edit"),{ref:r,"button-content":f.value,placeholder:u.value,onChange:d,"enable-clear":!0,"button-behavior":"Execute",modelValue:p.value,"onUpdate:modelValue":c=>p.value=c,"popup-host":t.popupHost,"popup-right-boundary":t.popupRightBoundary,"popup-offset-x":t.popupOffsetX,"popup-on-input":!0,"popup-on-focus":!0},{default:()=>[o.createVNode($,{ref:a,data:l.value,onConfirmResult:s},null)]})])}});S.install=t=>{t.component(S.name,S)},S.register=(t,e,l,r)=>{t["search-box"]=S,e["search-box"]=R},S.registerDesigner=(t,e,l)=>{t["search-box"]=ee,e["search-box"]=R},g.FSearchBox=S,g.default=S,g.propsResolver=R,g.searchBoxProps=w,Object.defineProperties(g,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});