epic-designer-gold
Version:
基于vue3的设计器,可视化开发页面表单
11 lines (10 loc) • 17.1 kB
JavaScript
"use strict";const A=require("./_commonjsHelpers-DwTZ_eVU.cjs"),w=require("./index-CFee6cT1.cjs"),b=require("./index-DQpYVvll.cjs"),et=require("./_vue_commonjs-external-CccDNqHl.cjs"),tt=require("./fade-in-scale-up.cssr-BPTizfZJ.cjs"),nt=require("./utils-zEcOzoWV.cjs");function lt(u,p){for(var v=0;v<p.length;v++){const h=p[v];if(typeof h!="string"&&!Array.isArray(h)){for(const _ in h)if(_!=="default"&&!(_ in u)){const m=Object.getOwnPropertyDescriptor(h,_);m&&Object.defineProperty(u,_,m.get?m:{enumerable:!0,get:()=>h[_]})}}}return Object.freeze(Object.defineProperty(u,Symbol.toStringTag,{value:"Module"}))}var ye={},Oe={},Se={},ee={},$={};Object.defineProperty($,"__esModule",{value:!0});$.self=Me;const it=b.styles,rt=b.styles$1,at=w._mixins,ot=w.common;function Me(u){const{boxShadow2:p}=u;return{menuBoxShadow:p}}const st=(0,at.createTheme)({name:"Select",common:ot.commonLight,peers:{InternalSelection:rt.internalSelectionLight,InternalSelectMenu:it.internalSelectMenuLight},self:Me});$.default=st;Object.defineProperty(ee,"__esModule",{value:!0});const ut=b.styles,ct=b.styles$1,dt=w.common,ft=$,ht={name:"Select",common:dt.commonDark,peers:{InternalSelection:ct.internalSelectionDark,InternalSelectMenu:ut.internalSelectMenuDark},self:ft.self};ee.default=ht;var K={};Object.defineProperty(K,"__esModule",{value:!0});K.selectRtl=void 0;const vt=b.styles$3,mt=b.styles,gt=b.styles$1,pt=w.cssr,bt=b.styles$2;K.selectRtl={name:"Select",style:(0,pt.c)([]),peers:[gt.internalSelectionRtl,mt.internalSelectMenuRtl,bt.tagRtl,vt.scrollbarRtl]};(function(u){var p=A.commonjsGlobal&&A.commonjsGlobal.__importDefault||function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(u,"__esModule",{value:!0}),u.selectRtl=u.selectLight=u.selectDark=void 0;var v=ee;Object.defineProperty(u,"selectDark",{enumerable:!0,get:function(){return p(v).default}});var h=$;Object.defineProperty(u,"selectLight",{enumerable:!0,get:function(){return p(h).default}});var _=K;Object.defineProperty(u,"selectRtl",{enumerable:!0,get:function(){return _.selectRtl}})})(Se);var te={};Object.defineProperty(te,"__esModule",{value:!0});const _t=tt.fadeInScaleUp_cssr,Z=w.cssr;te.default=(0,Z.c)([(0,Z.cB)("select",`
z-index: auto;
outline: none;
width: 100%;
position: relative;
font-weight: var(--n-font-weight);
`),(0,Z.cB)("select-menu",`
margin: 4px 0;
box-shadow: var(--n-menu-box-shadow);
`,[(0,_t.fadeInScaleUpTransition)({originalTransition:"background-color .3s var(--n-bezier), box-shadow .3s var(--n-bezier)"})])]);(function(u){var p=A.commonjsGlobal&&A.commonjsGlobal.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(u,"__esModule",{value:!0}),u.selectProps=void 0;const v=w.require$$0,h=b.require$$1,_=b.require$$2,m=w.require$$1,r=et.require$$2,H=w.require$$4,ne=b._internal,C=w._mixins,d=w._utils,we=Se,Fe=p(te),R=nt.utils;u.selectProps=Object.assign(Object.assign({},C.useTheme.props),{to:d.useAdjustedTo.propTo,bordered:{type:Boolean,default:void 0},clearable:Boolean,clearCreatedOptionsOnClear:{type:Boolean,default:!0},clearFilterAfterSelect:{type:Boolean,default:!0},options:{type:Array,default:()=>[]},defaultValue:{type:[String,Number,Array],default:null},keyboard:{type:Boolean,default:!0},value:[String,Number,Array],placeholder:String,menuProps:Object,multiple:Boolean,size:String,menuSize:{type:String},filterable:Boolean,disabled:{type:Boolean,default:void 0},remote:Boolean,loading:Boolean,filter:Function,placement:{type:String,default:"bottom-start"},widthMode:{type:String,default:"trigger"},tag:Boolean,onCreate:Function,fallbackOption:{type:[Function,Boolean],default:void 0},show:{type:Boolean,default:void 0},showArrow:{type:Boolean,default:!0},maxTagCount:[Number,String],ellipsisTagPopoverProps:Object,consistentMenuWidth:{type:Boolean,default:!0},virtualScroll:{type:Boolean,default:!0},labelField:{type:String,default:"label"},valueField:{type:String,default:"value"},childrenField:{type:String,default:"children"},renderLabel:Function,renderOption:Function,renderTag:Function,"onUpdate:value":[Function,Array],inputProps:Object,nodeProps:Function,ignoreComposition:{type:Boolean,default:!0},showOnFocus:Boolean,onUpdateValue:[Function,Array],onBlur:[Function,Array],onClear:[Function,Array],onFocus:[Function,Array],onScroll:[Function,Array],onSearch:[Function,Array],onUpdateShow:[Function,Array],"onUpdate:show":[Function,Array],displayDirective:{type:String,default:"show"},resetMenuOnOptionsChange:{type:Boolean,default:!0},status:String,showCheckmark:{type:Boolean,default:!0},scrollbarProps:Object,onChange:[Function,Array],items:Array}),u.default=(0,r.defineComponent)({name:"Select",props:u.selectProps,slots:Object,setup(t){process.env.NODE_ENV!=="production"&&(0,r.watchEffect)(()=>{t.items!==void 0&&(0,d.warnOnce)("select","`items` is deprecated, please use `options` instead."),t.onChange!==void 0&&(0,d.warnOnce)("select","`on-change` is deprecated, please use `on-update:value` instead.")});const{mergedClsPrefixRef:y,mergedBorderedRef:I,namespaceRef:O,inlineThemeDisabled:f,mergedComponentPropsRef:J}=(0,C.useConfig)(t),le=(0,C.useTheme)("Select","-select",Fe.default,we.selectLight,t,y),Q=(0,r.ref)(t.defaultValue),Te=(0,r.toRef)(t,"value"),D=(0,m.useMergedState)(Te,Q),V=(0,r.ref)(!1),B=(0,r.ref)(""),X=(0,m.useCompitable)(t,["items","options"]),S=(0,r.ref)([]),T=(0,r.ref)([]),ie=(0,r.computed)(()=>T.value.concat(S.value).concat(X.value)),Pe=(0,r.computed)(()=>{const{filter:e}=t;if(e)return e;const{labelField:n,valueField:l}=t;return(o,i)=>{if(!i)return!1;const a=i[n];if(typeof a=="string")return(0,R.patternMatched)(o,a);const s=i[l];return typeof s=="string"?(0,R.patternMatched)(o,s):typeof s=="number"?(0,R.patternMatched)(o,String(s)):!1}}),Ce=(0,r.computed)(()=>{if(t.remote)return X.value;{const{value:e}=ie,{value:n}=B;return!n.length||!t.filterable?e:(0,R.filterOptions)(e,Pe.value,n,t.childrenField)}}),Re=(0,r.computed)(()=>{const{valueField:e,childrenField:n}=t,l=(0,R.createTmOptions)(e,n);return(0,h.createTreeMate)(Ce.value,l)}),re=(0,r.computed)(()=>(0,R.createValOptMap)(ie.value,t.valueField,t.childrenField)),L=(0,r.ref)(!1),M=(0,m.useMergedState)((0,r.toRef)(t,"show"),L),g=(0,r.ref)(null),ae=(0,r.ref)(null),z=(0,r.ref)(null),{localeRef:Be}=(0,C.useLocale)("Select"),je=(0,r.computed)(()=>{var e;return(e=t.placeholder)!==null&&e!==void 0?e:Be.value.placeholder}),j=[],U=(0,r.ref)(new Map),oe=(0,r.computed)(()=>{const{fallbackOption:e}=t;if(e===void 0){const{labelField:n,valueField:l}=t;return o=>({[n]:String(o),[l]:o})}return e===!1?!1:n=>Object.assign(e(n),{value:n})});function Y(e){const n=t.remote,{value:l}=U,{value:o}=re,{value:i}=oe,a=[];return e.forEach(s=>{if(o.has(s))a.push(o.get(s));else if(n&&l.has(s))a.push(l.get(s));else if(i){const c=i(s);c&&a.push(c)}}),a}const se=(0,r.computed)(()=>{if(t.multiple){const{value:e}=D;return Array.isArray(e)?Y(e):[]}return null}),ue=(0,r.computed)(()=>{const{value:e}=D;return!t.multiple&&!Array.isArray(e)?e===null?null:Y([e])[0]||null:null}),N=(0,C.useFormItem)(t,{mergedSize:e=>{var n,l;const{size:o}=t;if(o)return o;const{mergedSize:i}=e||{};if(i!=null&&i.value)return i.value;const a=(l=(n=J==null?void 0:J.value)===null||n===void 0?void 0:n.Select)===null||l===void 0?void 0:l.size;return a||"medium"}}),{mergedSizeRef:ke,mergedDisabledRef:q,mergedStatusRef:Ae}=N;function E(e,n){const{onChange:l,"onUpdate:value":o,onUpdateValue:i}=t,{nTriggerFormChange:a,nTriggerFormInput:s}=N;l&&(0,d.call)(l,e,n),i&&(0,d.call)(i,e,n),o&&(0,d.call)(o,e,n),Q.value=e,a(),s()}function ce(e){const{onBlur:n}=t,{nTriggerFormBlur:l}=N;n&&(0,d.call)(n,e),l()}function Ie(){const{onClear:e}=t;e&&(0,d.call)(e)}function De(e){const{onFocus:n,showOnFocus:l}=t,{nTriggerFormFocus:o}=N;n&&(0,d.call)(n,e),o(),l&&x()}function Ve(e){const{onSearch:n}=t;n&&(0,d.call)(n,e)}function ze(e){const{onScroll:n}=t;n&&(0,d.call)(n,e)}function de(){var e;const{remote:n,multiple:l}=t;if(n){const{value:o}=U;if(l){const{valueField:i}=t;(e=se.value)===null||e===void 0||e.forEach(a=>{o.set(a[i],a)})}else{const i=ue.value;i&&o.set(i[t.valueField],i)}}}function fe(e){const{onUpdateShow:n,"onUpdate:show":l}=t;n&&(0,d.call)(n,e),l&&(0,d.call)(l,e),L.value=e}function x(){q.value||(fe(!0),L.value=!0,t.filterable&&be())}function F(){fe(!1)}function he(){B.value="",T.value=j}const W=(0,r.ref)(!1);function xe(){t.filterable&&(W.value=!0)}function $e(){t.filterable&&(W.value=!1,M.value||he())}function Le(){q.value||(M.value?t.filterable?be():F():x())}function Ue(e){var n,l;!((l=(n=z.value)===null||n===void 0?void 0:n.selfRef)===null||l===void 0)&&l.contains(e.relatedTarget)||(V.value=!1,ce(e),F())}function Ne(e){De(e),V.value=!0}function qe(){V.value=!0}function Ee(e){var n;!((n=g.value)===null||n===void 0)&&n.$el.contains(e.relatedTarget)||(V.value=!1,ce(e),F())}function We(){var e;(e=g.value)===null||e===void 0||e.focus(),F()}function Ge(e){var n;M.value&&(!((n=g.value)===null||n===void 0)&&n.$el.contains((0,v.getPreciseEventTarget)(e))||F())}function Ke(e){if(!Array.isArray(e))return[];if(oe.value)return Array.from(e);{const{remote:n}=t,{value:l}=re;if(n){const{value:o}=U;return e.filter(i=>l.has(i)||o.has(i))}else return e.filter(o=>l.has(o))}}function ve(e){G(e.rawNode)}function G(e){if(q.value)return;const{tag:n,remote:l,clearFilterAfterSelect:o,valueField:i}=t;if(n&&!l){const{value:a}=T,s=a[0]||null;if(s){const c=S.value;c.length?c.push(s):S.value=[s],T.value=j}}if(l&&U.value.set(e[i],e),t.multiple){const a=Ke(D.value),s=a.findIndex(c=>c===e[i]);if(~s){if(a.splice(s,1),n&&!l){const c=me(e[i]);~c&&(S.value.splice(c,1),o&&(B.value=""))}}else a.push(e[i]),o&&(B.value="");E(a,Y(a))}else{if(n&&!l){const a=me(e[i]);~a?S.value=[S.value[a]]:S.value=j}pe(),F(),E(e[i],e)}}function me(e){return S.value.findIndex(l=>l[t.valueField]===e)}function He(e){M.value||x();const{value:n}=e.target;B.value=n;const{tag:l,remote:o}=t;if(Ve(n),l&&!o){if(!n){T.value=j;return}const{onCreate:i}=t,a=i?i(n):{[t.labelField]:n,[t.valueField]:n},{valueField:s,labelField:c}=t;X.value.some(P=>P[s]===a[s]||P[c]===a[c])||S.value.some(P=>P[s]===a[s]||P[c]===a[c])?T.value=j:T.value=[a]}}function Je(e){e.stopPropagation();const{multiple:n,tag:l,remote:o,clearCreatedOptionsOnClear:i}=t;!n&&t.filterable&&F(),l&&!o&&i&&(S.value=j),Ie(),n?E([],[]):E(null,null)}function Qe(e){!(0,v.happensIn)(e,"action")&&!(0,v.happensIn)(e,"empty")&&!(0,v.happensIn)(e,"header")&&e.preventDefault()}function Xe(e){ze(e)}function ge(e){var n,l,o,i,a;if(!t.keyboard){e.preventDefault();return}switch(e.key){case" ":if(t.filterable)break;e.preventDefault();case"Enter":if(!(!((n=g.value)===null||n===void 0)&&n.isComposing)){if(M.value){const s=(l=z.value)===null||l===void 0?void 0:l.getPendingTmNode();s?ve(s):t.filterable||(F(),pe())}else if(x(),t.tag&&W.value){const s=T.value[0];if(s){const c=s[t.valueField],{value:P}=D;t.multiple&&Array.isArray(P)&&P.includes(c)||G(s)}}}e.preventDefault();break;case"ArrowUp":if(e.preventDefault(),t.loading)return;M.value&&((o=z.value)===null||o===void 0||o.prev());break;case"ArrowDown":if(e.preventDefault(),t.loading)return;M.value?(i=z.value)===null||i===void 0||i.next():x();break;case"Escape":M.value&&((0,d.markEventEffectPerformed)(e),F()),(a=g.value)===null||a===void 0||a.focus();break}}function pe(){var e;(e=g.value)===null||e===void 0||e.focus()}function be(){var e;(e=g.value)===null||e===void 0||e.focusInput()}function Ye(){var e;M.value&&((e=ae.value)===null||e===void 0||e.syncPosition())}de(),(0,r.watch)((0,r.toRef)(t,"options"),de);const Ze={focus:()=>{var e;(e=g.value)===null||e===void 0||e.focus()},focusInput:()=>{var e;(e=g.value)===null||e===void 0||e.focusInput()},blur:()=>{var e;(e=g.value)===null||e===void 0||e.blur()},blurInput:()=>{var e;(e=g.value)===null||e===void 0||e.blurInput()}},_e=(0,r.computed)(()=>{const{self:{menuBoxShadow:e}}=le.value;return{"--n-menu-box-shadow":e}}),k=f?(0,C.useThemeClass)("select",void 0,_e,t):void 0;return Object.assign(Object.assign({},Ze),{mergedStatus:Ae,mergedClsPrefix:y,mergedBordered:I,namespace:O,treeMate:Re,isMounted:(0,m.useIsMounted)(),triggerRef:g,menuRef:z,pattern:B,uncontrolledShow:L,mergedShow:M,adjustedTo:(0,d.useAdjustedTo)(t),uncontrolledValue:Q,mergedValue:D,followerRef:ae,localizedPlaceholder:je,selectedOption:ue,selectedOptions:se,mergedSize:ke,mergedDisabled:q,focused:V,activeWithoutMenuOpen:W,inlineThemeDisabled:f,onTriggerInputFocus:xe,onTriggerInputBlur:$e,handleTriggerOrMenuResize:Ye,handleMenuFocus:qe,handleMenuBlur:Ee,handleMenuTabOut:We,handleTriggerClick:Le,handleToggle:ve,handleDeleteOption:G,handlePatternInput:He,handleClear:Je,handleTriggerBlur:Ue,handleTriggerFocus:Ne,handleKeydown:ge,handleMenuAfterLeave:he,handleMenuClickOutside:Ge,handleMenuScroll:Xe,handleMenuKeydown:ge,handleMenuMousedown:Qe,mergedTheme:le,cssVars:f?void 0:_e,themeClass:k==null?void 0:k.themeClass,onRender:k==null?void 0:k.onRender})},render(){return(0,r.h)("div",{class:`${this.mergedClsPrefix}-select`},(0,r.h)(H.VBinder,null,{default:()=>[(0,r.h)(H.VTarget,null,{default:()=>(0,r.h)(ne.NInternalSelection,{ref:"triggerRef",inlineThemeDisabled:this.inlineThemeDisabled,status:this.mergedStatus,inputProps:this.inputProps,clsPrefix:this.mergedClsPrefix,showArrow:this.showArrow,maxTagCount:this.maxTagCount,ellipsisTagPopoverProps:this.ellipsisTagPopoverProps,bordered:this.mergedBordered,active:this.activeWithoutMenuOpen||this.mergedShow,pattern:this.pattern,placeholder:this.localizedPlaceholder,selectedOption:this.selectedOption,selectedOptions:this.selectedOptions,multiple:this.multiple,renderTag:this.renderTag,renderLabel:this.renderLabel,filterable:this.filterable,clearable:this.clearable,disabled:this.mergedDisabled,size:this.mergedSize,theme:this.mergedTheme.peers.InternalSelection,labelField:this.labelField,valueField:this.valueField,themeOverrides:this.mergedTheme.peerOverrides.InternalSelection,loading:this.loading,focused:this.focused,onClick:this.handleTriggerClick,onDeleteOption:this.handleDeleteOption,onPatternInput:this.handlePatternInput,onClear:this.handleClear,onBlur:this.handleTriggerBlur,onFocus:this.handleTriggerFocus,onKeydown:this.handleKeydown,onPatternBlur:this.onTriggerInputBlur,onPatternFocus:this.onTriggerInputFocus,onResize:this.handleTriggerOrMenuResize,ignoreComposition:this.ignoreComposition},{arrow:()=>{var t,y;return[(y=(t=this.$slots).arrow)===null||y===void 0?void 0:y.call(t)]}})}),(0,r.h)(H.VFollower,{ref:"followerRef",show:this.mergedShow,to:this.adjustedTo,teleportDisabled:this.adjustedTo===d.useAdjustedTo.tdkey,containerClass:this.namespace,width:this.consistentMenuWidth?"target":void 0,minWidth:"target",placement:this.placement},{default:()=>(0,r.h)(r.Transition,{name:"fade-in-scale-up-transition",appear:this.isMounted,onAfterLeave:this.handleMenuAfterLeave},{default:()=>{var t,y,I;return this.mergedShow||this.displayDirective==="show"?((t=this.onRender)===null||t===void 0||t.call(this),(0,r.withDirectives)((0,r.h)(ne.NInternalSelectMenu,Object.assign({},this.menuProps,{ref:"menuRef",onResize:this.handleTriggerOrMenuResize,inlineThemeDisabled:this.inlineThemeDisabled,virtualScroll:this.consistentMenuWidth&&this.virtualScroll,class:[`${this.mergedClsPrefix}-select-menu`,this.themeClass,(y=this.menuProps)===null||y===void 0?void 0:y.class],clsPrefix:this.mergedClsPrefix,focusable:!0,labelField:this.labelField,valueField:this.valueField,autoPending:!0,nodeProps:this.nodeProps,theme:this.mergedTheme.peers.InternalSelectMenu,themeOverrides:this.mergedTheme.peerOverrides.InternalSelectMenu,treeMate:this.treeMate,multiple:this.multiple,size:this.menuSize,renderOption:this.renderOption,renderLabel:this.renderLabel,value:this.mergedValue,style:[(I=this.menuProps)===null||I===void 0?void 0:I.style,this.cssVars],onToggle:this.handleToggle,onScroll:this.handleMenuScroll,onFocus:this.handleMenuFocus,onBlur:this.handleMenuBlur,onKeydown:this.handleMenuKeydown,onTabOut:this.handleMenuTabOut,onMousedown:this.handleMenuMousedown,show:this.mergedShow,showCheckmark:this.showCheckmark,resetMenuOnOptionsChange:this.resetMenuOnOptionsChange,scrollbarProps:this.scrollbarProps}),{empty:()=>{var O,f;return[(f=(O=this.$slots).empty)===null||f===void 0?void 0:f.call(O)]},header:()=>{var O,f;return[(f=(O=this.$slots).header)===null||f===void 0?void 0:f.call(O)]},action:()=>{var O,f;return[(f=(O=this.$slots).action)===null||f===void 0?void 0:f.call(O)]}}),this.displayDirective==="show"?[[r.vShow,this.mergedShow],[_.clickoutside,this.handleMenuClickOutside,void 0,{capture:!0}]]:[[_.clickoutside,this.handleMenuClickOutside,void 0,{capture:!0}]])):null}})})]}))}})})(Oe);(function(u){var p=A.commonjsGlobal&&A.commonjsGlobal.__importDefault||function(h){return h&&h.__esModule?h:{default:h}};Object.defineProperty(u,"__esModule",{value:!0}),u.selectProps=u.NSelect=void 0;var v=Oe;Object.defineProperty(u,"NSelect",{enumerable:!0,get:function(){return p(v).default}}),Object.defineProperty(u,"selectProps",{enumerable:!0,get:function(){return v.selectProps}})})(ye);const yt=lt({__proto__:null},[ye]);exports.index=yt;