vxe-pc-ui 0.0.2 → 0.1.0

package/lib/select/src/select.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_globalStore=_interopRequireDefault(require("../../ui/src/globalStore")),_iconStore=_interopRequireDefault(require("../../ui/src/iconStore")),_size=require("../../hooks/size"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_event=require("../../ui/src/event"),_i18n=require("../../ui/src/i18n"),_input=_interopRequireDefault(require("../../input/src/input")),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function isOptionVisible(e){return!1!==e.visible}function getOptUniqueId(){return _xeUtils.default.uniqueId("opt_")}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeSelect",props:{modelValue:null,clearable:Boolean,placeholder:{type:String,default:()=>_xeUtils.default.eqNull(_globalStore.default.select.placeholder)?(0,_i18n.getI18n)("vxe.base.pleaseSelect"):_globalStore.default.select.placeholder},loading:Boolean,disabled:Boolean,multiple:Boolean,multiCharOverflow:{type:[Number,String],default:()=>_globalStore.default.select.multiCharOverflow},prefixIcon:String,placement:String,options:Array,optionProps:Object,optionGroups:Array,optionGroupProps:Object,optionConfig:Object,className:[String,Function],popupClassName:[String,Function],max:{type:[String,Number],default:null},size:{type:String,default:()=>_globalStore.default.select.size||_globalStore.default.size},filterable:Boolean,filterMethod:Function,remote:Boolean,remoteMethod:Function,emptyText:String,optionId:{type:String,default:()=>_globalStore.default.select.optionId},optionKey:Boolean,transfer:{type:Boolean,default:()=>_globalStore.default.select.transfer}},emits:["update:modelValue","change","clear","blur","focus"],setup(x,e){const{slots:E,emit:i}=e,l=(0,_vue.inject)("$xeForm",null),o=(0,_vue.inject)("$xeFormItemInfo",null);var U=_xeUtils.default.uniqueId();const q=(0,_size.useSize)(x),O=(0,_vue.reactive)({inited:!1,staticOptions:[],fullGroupList:[],fullOptionList:[],visibleGroupList:[],visibleOptionList:[],remoteValueList:[],panelIndex:0,panelStyle:{},panelPlacement:null,currentOption:null,currentValue:null,visiblePanel:!1,animatVisible:!1,isActivated:!1,searchValue:"",searchLoading:!1}),_=(0,_vue.ref)(),b=(0,_vue.ref)(),h=(0,_vue.ref)(),m=(0,_vue.ref)(),g=(0,_vue.ref)(),w={refElem:_},V={xID:U,props:x,context:e,reactData:O,getRefMaps:()=>w};let n={};const t=(0,_vue.computed)(()=>x.optionProps||{}),a=(0,_vue.computed)(()=>x.optionGroupProps||{}),s=(0,_vue.computed)(()=>{return t.value.label||"label"}),S=(0,_vue.computed)(()=>{return t.value.value||"value"}),c=(0,_vue.computed)(()=>{return a.value.label||"label"}),T=(0,_vue.computed)(()=>{return a.value.options||"options"}),D=(0,_vue.computed)(()=>{var{modelValue:e,multiple:t,max:l}=x;return!(!t||!l)&&(e?e.length:0)>=_xeUtils.default.toNumber(l)}),L=(0,_vue.computed)(()=>Object.assign({},_globalStore.default.select.optionConfig,x.optionConfig)),y=(0,_vue.computed)(()=>O.fullGroupList.some(e=>e.options&&e.options.length)),F=(0,_vue.computed)(()=>_xeUtils.default.toNumber(x.multiCharOverflow)),N=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=E[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],d=t=>{var{fullOptionList:e,fullGroupList:l}=O,i=y.value;const o=S.value;if(i)for(let e=0;e<l.length;e++){var n=l[e];if(n.options)for(let e=0;e<n.options.length;e++){var a=n.options[e];if(t===a[o])return a}}return e.find(e=>t===e[o])},u=t=>{var e=O["remoteValueList"],l=s.value,e=e.find(e=>t===e.key),e=e?e.result:null;return _xeUtils.default.toValueString(e?e[l]:t)},r=e=>{var t=s.value,l=d(e);return _xeUtils.default.toValueString(l?l[t]:e)},R=(0,_vue.computed)(()=>{var{modelValue:e,multiple:t,remote:l}=x;const i=F.value;return e&&t?(t=_xeUtils.default.isArray(e)?e:[e],(l?t.map(e=>u(e)):t.map(e=>{e=r(e);return 0<i&&e.length>i?e.substring(0,i)+"...":e})).join(", ")):(l?u:r)(e)}),v=()=>{return L.value.keyField||x.optionId||"_X_OPTION_KEY"},P=e=>{e=e[v()];return e?encodeURIComponent(e):""},p=()=>{const{filterable:e,filterMethod:t}=x,{fullOptionList:l,fullGroupList:i,searchValue:o}=O;var n=y.value;const a=c.value,u=s.value;return n?e&&t?O.visibleGroupList=i.filter(e=>isOptionVisible(e)&&t({group:e,option:null,searchValue:o})):O.visibleGroupList=e?i.filter(e=>isOptionVisible(e)&&(!o||-1<(""+e[a]).indexOf(o))):i.filter(isOptionVisible):e&&t?O.visibleOptionList=l.filter(e=>isOptionVisible(e)&&t({group:null,option:e,searchValue:o})):O.visibleOptionList=e?l.filter(e=>isOptionVisible(e)&&(!o||-1<(""+e[u]).indexOf(o))):l.filter(isOptionVisible),(0,_vue.nextTick)()},f=()=>{var{fullOptionList:e,fullGroupList:t}=O;const l=T.value,i=v(),o=e=>{P(e)||(e[i]=getOptUniqueId())};t.length?t.forEach(e=>{o(e),e[l]&&e[l].forEach(o)}):e.length&&e.forEach(o),p()},I=e=>{var t=S.value;e&&(O.currentOption=e,O.currentValue=e[t])},G=(i,o)=>(0,_vue.nextTick)().then(()=>{var e,t,l;i&&(e=m.value,t=g.value.querySelector(`[optid='${P(i)}']`),e)&&t&&(l=e.offsetHeight,o?t.offsetTop+t.offsetHeight-e.scrollTop>l&&(e.scrollTop=t.offsetTop+t.offsetHeight-l):(t.offsetTop+5<e.scrollTop||t.offsetTop+5>e.scrollTop+e.clientHeight)&&(e.scrollTop=t.offsetTop-5))}),C=()=>(0,_vue.nextTick)().then(()=>{var{transfer:e,placement:i}=x,o=O["panelIndex"],n=_.value,a=g.value;if(a&&n){var u=n.offsetHeight,s=n.offsetWidth,r=a.offsetHeight,a=a.offsetWidth,o={zIndex:o},{boundingTop:n,boundingLeft:v,visibleHeight:p,visibleWidth:c}=(0,_dom.getAbsolutePos)(n);let l="bottom";if(e){let e=v,t=n+u;"top"===i?(l="top",t=n-r):i||(t+r+5>p&&(l="top",t=n-r),t<5&&(l="bottom",t=n+u)),e+a+5>c&&(e-=e+a+5-c),e<5&&(e=5),Object.assign(o,{left:e+"px",top:t+"px",minWidth:s+"px"})}else"top"===i?(l="top",o.bottom=u+"px"):i||p<n+u+r&&5<n-u-r&&(l="top",o.bottom=u+"px");return O.panelStyle=o,O.panelPlacement=l,(0,_vue.nextTick)()}});let $;const k=()=>{var{loading:e,disabled:t,filterable:l}=x;e||t||(clearTimeout($),O.inited||(O.inited=!0),O.isActivated=!0,O.animatVisible=!0,l&&p(),setTimeout(()=>{var{modelValue:e,multiple:t}=x,t=d(t&&e?e[0]:e);O.visiblePanel=!0,t&&(I(t),G(t)),x.filterable&&(0,_vue.nextTick)(()=>{var e=h.value;e&&e.focus()})},10),O.panelIndex<(0,_utils.getLastZIndex)()&&(O.panelIndex=(0,_utils.nextZIndex)()),C())},A=()=>{O.searchValue="",O.searchLoading=!1,O.visiblePanel=!1,$=window.setTimeout(()=>{O.animatVisible=!1},350)},K=(e,t)=>{t!==x.modelValue&&(i("update:modelValue",t),n.dispatchEvent("change",{value:t},e),l)&&o&&l.triggerItemEvent(e,o.itemConfig.field,t)},j=(e,t)=>{O.remoteValueList=[],K(e,t),n.dispatchEvent("clear",{value:t},e)},B=(e,t)=>{j(t,null),A()},z=(t,l,i)=>{var{modelValue:o,multiple:n}=x,a=O["remoteValueList"];if(n){let e;e=o?-1===o.indexOf(l)?o.concat([l]):o.filter(e=>e!==l):[l];n=a.find(e=>e.key===l);n?n.result=i:a.push({key:l,result:i}),K(t,e)}else O.remoteValueList=[{key:l,result:i}],K(t,l),A()},M=e=>{var t=x["disabled"],l=O["visiblePanel"];t||l&&(t=g.value,((0,_dom.getEventTargetNode)(e,t).flag?C:A)())},Y=e=>{var t,l=x["disabled"],i=O["visiblePanel"];l||(l=_.value,t=g.value,O.isActivated=(0,_dom.getEventTargetNode)(e,l).flag||(0,_dom.getEventTargetNode)(e,t).flag,i&&!O.isActivated&&A())},H=l=>{var{clearable:e,disabled:t}=x,{visiblePanel:i,currentValue:o,currentOption:n}=O;if(!t){var t=(0,_event.hasEventKey)(l,_event.EVENT_KEYS.TAB),a=(0,_event.hasEventKey)(l,_event.EVENT_KEYS.ENTER),u=(0,_event.hasEventKey)(l,_event.EVENT_KEYS.ESCAPE),s=(0,_event.hasEventKey)(l,_event.EVENT_KEYS.ARROW_UP),r=(0,_event.hasEventKey)(l,_event.EVENT_KEYS.ARROW_DOWN),v=(0,_event.hasEventKey)(l,_event.EVENT_KEYS.DELETE),p=(0,_event.hasEventKey)(l,_event.EVENT_KEYS.SPACEBAR);if(t&&(O.isActivated=!1),i)if(u||t)A();else if(a)l.preventDefault(),l.stopPropagation(),z(l,o,n);else if(s||r){l.preventDefault();let{firstOption:e,offsetOption:t}=((t,l)=>{var{visibleOptionList:i,visibleGroupList:o}=O,e=y.value,n=S.value,a=T.value;let u,s,r,v;if(e)for(let e=0;e<o.length;e++){var p=o[e],c=p[a],d=p.disabled;if(c)for(let e=0;e<c.length;e++){var f=c[e],_=isOptionVisible(f),b=d||f.disabled;if(u||b||(u=f),v&&_&&!b&&(r=f,!l))return{offsetOption:r};if(t===f[n]){if(v=f,l)return{offsetOption:s}}else _&&!b&&(s=f)}}else for(let e=0;e<i.length;e++){var h=i[e],m=h.disabled;if(u||m||(u=h),v&&!m&&(r=h,!l))return{offsetOption:r};if(t===h[n]){if(v=h,l)return{offsetOption:s}}else m||(s=h)}return{firstOption:u}})(o,s);t||d(o)||(t=e),I(t),G(t,r)}else p&&l.preventDefault();else(s||r||a||p)&&O.isActivated&&(l.preventDefault(),k());O.isActivated&&v&&e&&j(l,null)}},W=()=>{A()},Z=e=>{x.disabled||(O.isActivated=!0),n.dispatchEvent("focus",{},e)},X=e=>{O.isActivated=!1,n.dispatchEvent("blur",{},e)},J=e=>{O.searchValue=e},Q=()=>{O.isActivated=!0},ee=e=>{e=e.$event;(0,_event.hasEventKey)(e,_event.EVENT_KEYS.ENTER)&&(e.preventDefault(),e.stopPropagation())},te=_xeUtils.default.debounce(function(){var{remote:e,remoteMethod:t}=x,l=O["searchValue"];e&&t?(O.searchLoading=!0,Promise.resolve(t({searchValue:l})).then(()=>(0,_vue.nextTick)()).catch(()=>(0,_vue.nextTick)()).finally(()=>{O.searchLoading=!1,p()})):p()},350,{trailing:!0}),le=e=>{e=e.$event;e.preventDefault(),(O.visiblePanel?A:k)()},ie=(e,v)=>{const{optionKey:p,modelValue:c,multiple:d}=x,f=O["currentValue"];var t=L.value;const _=s.value,b=S.value,h=y.value,m=t["useKey"],g=E.option;return e.map((t,e)=>{var{slots:l,className:i}=t;const o=t[b];var n=d?c&&-1<c.indexOf(o):c===o,a=!h||isOptionVisible(t);r=n,s=v;const u=!!t.disabled||!(!s||!s.disabled)||!(!D.value||r);var s=P(t),r=l?l.default:null,l={option:t,group:null,$select:V};return a?(0,_vue.h)("div",{key:m||p?s:e,class:["vxe-select-option",i?_xeUtils.default.isFunction(i)?i(l):i:"",{"is--disabled":u,"is--selected":n,"is--hover":f===o}],optid:s,onMousedown:e=>{0===e.button&&e.stopPropagation()},onClick:e=>{u||z(e,o,t)},onMouseenter:()=>{u||I(t)}},g?N(g,l):r?N(r,l):(0,_utils.formatText)((0,_utils.getFuncText)(t[_]))):(0,_vue.createCommentVNode)()})},oe=()=>{const u=x["optionKey"];var e=O["visibleGroupList"],t=L.value;const s=c.value,r=T.value,v=t["useKey"],p=E.option;return e.map((e,t)=>{var{slots:l,className:i}=e,o=P(e),n=e.disabled,l=l?l.default:null,a={option:e,group:e,$select:V};return(0,_vue.h)("div",{key:v||u?o:t,class:["vxe-optgroup",i?_xeUtils.default.isFunction(i)?i(a):i:"",{"is--disabled":n}],optid:o},[(0,_vue.h)("div",{class:"vxe-optgroup--title"},p?N(p,a):l?N(l,a):(0,_utils.getFuncText)(e[s])),(0,_vue.h)("div",{class:"vxe-optgroup--wrapper"},ie(e[r]||[],e))])})};n={dispatchEvent(e,t,l){i(e,Object.assign({$select:V,$event:l},t))},isPanelVisible(){return O.visiblePanel},togglePanel(){return(O.visiblePanel?A:k)(),(0,_vue.nextTick)()},hidePanel(){return O.visiblePanel&&A(),(0,_vue.nextTick)()},showPanel(){return O.visiblePanel||k(),(0,_vue.nextTick)()},refreshOption:p,focus(){var e=b.value;return O.isActivated=!0,e.blur(),(0,_vue.nextTick)()},blur(){return b.value.blur(),(O.isActivated=!1,_vue.nextTick)()}},Object.assign(V,n),(0,_vue.watch)(()=>O.staticOptions,e=>{e.some(e=>e.options&&e.options.length)?(O.fullOptionList=[],O.fullGroupList=e):(O.fullGroupList=[],O.fullOptionList=e||[]),f()}),(0,_vue.watch)(()=>x.options,e=>{O.fullGroupList=[],O.fullOptionList=e||[],f()}),(0,_vue.watch)(()=>x.optionGroups,e=>{O.fullOptionList=[],O.fullGroupList=e||[],f()}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var{options:e,optionGroups:t}=x;t?O.fullGroupList=t:e&&(O.fullOptionList=e),f()}),_event.GlobalEvent.on(V,"mousewheel",M),_event.GlobalEvent.on(V,"mousedown",Y),_event.GlobalEvent.on(V,"keydown",H),_event.GlobalEvent.on(V,"blur",W)}),(0,_vue.onUnmounted)(()=>{_event.GlobalEvent.off(V,"mousewheel"),_event.GlobalEvent.off(V,"mousedown"),_event.GlobalEvent.off(V,"keydown"),_event.GlobalEvent.off(V,"blur")});return V.renderVN=()=>{var{className:e,popupClassName:t,transfer:l,disabled:i,loading:o,filterable:n}=x,{inited:a,isActivated:u,visiblePanel:s}=O,r=q.value,v=R.value,p=E.default,c=E.header,d=E.footer;const f=E.prefix;return(0,_vue.h)("div",{ref:_,class:["vxe-select",e?_xeUtils.default.isFunction(e)?e({$select:V}):e:"",{["size--"+r]:r,"is--visivle":s,"is--disabled":i,"is--filter":n,"is--loading":o,"is--active":u}]},[(0,_vue.h)("div",{class:"vxe-select-slots",ref:"hideOption"},p?p({}):[]),(0,_vue.h)(_input.default,{ref:b,clearable:x.clearable,placeholder:x.placeholder,readonly:!0,disabled:i,type:"text",prefixIcon:x.prefixIcon,suffixIcon:o?_iconStore.default.SELECT_LOADED:s?_iconStore.default.SELECT_OPEN:_iconStore.default.SELECT_CLOSE,modelValue:v,onClear:B,onClick:le,onFocus:Z,onBlur:X,onSuffixClick:le},f?{prefix:()=>f({})}:{}),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!l||!a},[(0,_vue.h)("div",{ref:g,class:["vxe-table--ignore-clear vxe-select--panel",t?_xeUtils.default.isFunction(t)?t({$select:V}):t:"",{["size--"+r]:r,"is--transfer":l,"animat--leave":!o&&O.animatVisible,"animat--enter":!o&&s}],placement:O.panelPlacement,style:O.panelStyle},a?[n?(0,_vue.h)("div",{class:"vxe-select--panel-search"},[(0,_vue.h)(_input.default,{ref:h,class:"vxe-select-search--input",modelValue:O.searchValue,clearable:!0,placeholder:(0,_i18n.getI18n)("vxe.select.search"),prefixIcon:_iconStore.default.INPUT_SEARCH,"onUpdate:modelValue":J,onFocus:Q,onKeydown:ee,onChange:te,onSearch:te})]):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-select--panel-wrapper"},[c?(0,_vue.h)("div",{class:"vxe-select--panel-header"},c({})):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-select--panel-body"},[(0,_vue.h)("div",{ref:m,class:"vxe-select-option--wrapper"},(()=>{var{visibleGroupList:e,visibleOptionList:t,searchLoading:l}=O,i=y.value;if(l)return[(0,_vue.h)("div",{class:"vxe-select--search-loading"},[(0,_vue.h)("i",{class:["vxe-select--search-icon",_iconStore.default.SELECT_LOADED]}),(0,_vue.h)("span",{class:"vxe-select--search-text"},(0,_i18n.getI18n)("vxe.select.loadingText"))])];if(i){if(e.length)return oe()}else if(t.length)return ie(t);return[(0,_vue.h)("div",{class:"vxe-select--empty-placeholder"},x.emptyText||(0,_i18n.getI18n)("vxe.select.emptyText"))]})())]),d?(0,_vue.h)("div",{class:"vxe-select--panel-footer"},d({})):(0,_vue.createCommentVNode)()])]:[])])])},(0,_vue.provide)("$xeselect",V),V},render(){return this.renderVN()}});

package/lib/select/src/util.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.assemOption = assemOption;
+exports.createOption = createOption;
+exports.destroyOption = destroyOption;
+exports.isOption = isOption;
+exports.watchOption = watchOption;
+var _vue = require("vue");
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _optionInfo = require("./optionInfo");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function isOption(option) {
+  return option instanceof _optionInfo.OptionInfo;
+}
+function createOption($xeselect, _vm) {
+  return isOption(_vm) ? _vm : new _optionInfo.OptionInfo($xeselect, _vm);
+}
+function watchOption(props, option) {
+  Object.keys(props).forEach(name => {
+    (0, _vue.watch)(() => props[name], value => {
+      option.update(name, value);
+    });
+  });
+}
+function assemOption($xeselect, el, option, optgroup) {
+  const {
+    reactData
+  } = $xeselect;
+  const {
+    staticOptions
+  } = reactData;
+  const parentElem = el.parentNode;
+  const parentOption = optgroup ? optgroup.option : null;
+  const parentCols = parentOption ? parentOption.options : staticOptions;
+  if (parentElem && parentCols) {
+    parentCols.splice(_xeUtils.default.arrayIndexOf(parentElem.children, el), 0, option);
+    reactData.staticOptions = staticOptions.slice(0);
+  }
+}
+function destroyOption($xeselect, option) {
+  const {
+    reactData
+  } = $xeselect;
+  const {
+    staticOptions
+  } = reactData;
+  const matchObj = _xeUtils.default.findTree(staticOptions, item => item.id === option.id, {
+    children: 'options'
+  });
+  if (matchObj) {
+    matchObj.items.splice(matchObj.index, 1);
+  }
+  reactData.staticOptions = staticOptions.slice(0);
+}

package/lib/select/src/util.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.assemOption=assemOption,exports.createOption=createOption,exports.destroyOption=destroyOption,exports.isOption=isOption,exports.watchOption=watchOption;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_optionInfo=require("./optionInfo");function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}function isOption(t){return t instanceof _optionInfo.OptionInfo}function createOption(t,e){return isOption(e)?e:new _optionInfo.OptionInfo(t,e)}function watchOption(t,i){Object.keys(t).forEach(e=>{(0,_vue.watch)(()=>t[e],t=>{i.update(e,t)})})}function assemOption(t,e,i,o){var t=t["reactData"],n=t["staticOptions"],s=e.parentNode,o=o?o.option:null,o=o?o.options:n;s&&o&&(o.splice(_xeUtils.default.arrayIndexOf(s.children,e),0,i),t.staticOptions=n.slice(0))}function destroyOption(t,e){var t=t["reactData"],i=t["staticOptions"],o=_xeUtils.default.findTree(i,t=>t.id===e.id,{children:"options"});o&&o.items.splice(o.index,1),t.staticOptions=i.slice(0)}

package/lib/select/style/index.js

@@ -0,0 +1 @@
+require('./style.css')

package/lib/select/style/style.css

@@ -0,0 +1,201 @@
+.vxe-select {
+  position: relative;
+  display: inline-block;
+  width: 180px;
+  color: var(--vxe-font-color);
+  text-align: left;
+}
+.vxe-select > .vxe-input .vxe-input--inner {
+  cursor: pointer;
+}
+.vxe-select.is--disabled > .vxe-input .vxe-input--inner {
+  cursor: no-drop;
+}
+.vxe-select.is--loading > .vxe-input .vxe-input--inner {
+  cursor: progress;
+}
+.vxe-select > .vxe-input {
+  width: 100%;
+}
+.vxe-select > .vxe-input .vxe-input--suffix-icon {
+  display: inline-block;
+  transition: transform 0.2s ease-in-out;
+}
+.vxe-select.is--active:not(.is--filter) > .vxe-input .vxe-input--inner {
+  border: 1px solid var(--vxe-primary-color);
+}
+
+.vxe-select-slots {
+  display: none;
+}
+
+.vxe-select--panel {
+  display: none;
+  position: absolute;
+  left: 0;
+  padding: 4px 0;
+  color: var(--vxe-font-color);
+  text-align: left;
+}
+.vxe-select--panel:not(.is--transfer) {
+  min-width: 100%;
+}
+.vxe-select--panel.is--transfer {
+  position: fixed;
+}
+.vxe-select--panel.animat--leave {
+  display: block;
+  opacity: 0;
+  transform: scaleY(0.5);
+  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
+  transform-origin: center top;
+  backface-visibility: hidden;
+}
+.vxe-select--panel.animat--leave[placement=top] {
+  transform-origin: center bottom;
+}
+.vxe-select--panel.animat--enter {
+  opacity: 1;
+  transform: scaleY(1);
+}
+
+.vxe-select--panel-search {
+  display: block;
+}
+.vxe-select--panel-search .vxe-select-search--input {
+  width: 100%;
+}
+
+.vxe-select--panel-wrapper {
+  position: relative;
+  border-radius: var(--vxe-border-radius);
+  border: 1px solid var(---vxe-ui-base-popup-border-color);
+  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
+  background-color: var(--vxe-ui-select-panel-background-color);
+}
+
+.vxe-select--panel-header {
+  border-bottom: 1px solid var(---vxe-ui-base-popup-border-color);
+}
+
+.vxe-select--panel-footer {
+  border-top: 1px solid var(---vxe-ui-base-popup-border-color);
+}
+
+.vxe-select--panel-header,
+.vxe-select--panel-footer {
+  padding: 4px 0;
+}
+
+.vxe-select-option--wrapper {
+  position: relative;
+  overflow-x: hidden;
+  overflow-y: auto;
+  padding: 4px 0;
+  max-height: 200px;
+}
+
+.vxe-optgroup .vxe-optgroup--title {
+  padding: 0 6px;
+  color: var(--vxe-optgroup-title-color);
+  font-size: 12px;
+}
+
+.vxe-optgroup--wrapper .vxe-select-option {
+  padding: 0 20px;
+}
+
+.vxe-select-option {
+  padding: 0 0.6em;
+  max-width: 600px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.vxe-select-option.is--selected {
+  font-weight: 700;
+  color: var(--vxe-primary-color);
+}
+.vxe-select-option:not(.is--disabled) {
+  cursor: pointer;
+}
+.vxe-select-option:not(.is--disabled).is--hover {
+  background-color: var(--vxe-ui-select-option-hover-background-color);
+}
+.vxe-select-option.is--disabled {
+  color: var(--vxe-font-disabled-color);
+  cursor: no-drop;
+}
+
+.vxe-select--search-icon {
+  margin-right: 0.5em;
+}
+
+.vxe-select--search-loading,
+.vxe-select--empty-placeholder {
+  padding: 0 0.6em;
+  text-align: center;
+  color: var(--vxe-ui-select-empty-color);
+}
+
+.vxe-select,
+.vxe-select--panel {
+  font-size: var(--vxe-font-size);
+}
+.vxe-select.size--medium,
+.vxe-select--panel.size--medium {
+  font-size: var(--vxe-font-size-medium);
+}
+.vxe-select.size--small,
+.vxe-select--panel.size--small {
+  font-size: var(--vxe-font-size-small);
+}
+.vxe-select.size--mini,
+.vxe-select--panel.size--mini {
+  font-size: var(--vxe-font-size-mini);
+}
+
+.vxe-select--panel .vxe-optgroup--title,
+.vxe-select--panel .vxe-select-option {
+  height: var(--vxe-ui-select-option-height-default);
+}
+.vxe-select--panel .vxe-optgroup--title,
+.vxe-select--panel .vxe-select-option,
+.vxe-select--panel .vxe-select--search-loading,
+.vxe-select--panel .vxe-select--empty-placeholder {
+  line-height: var(--vxe-ui-select-option-height-default);
+}
+.vxe-select--panel.size--medium .vxe-optgroup--title,
+.vxe-select--panel.size--medium .vxe-select-option {
+  height: var(--vxe-ui-select-option-height-medium);
+}
+.vxe-select--panel.size--medium .vxe-optgroup--title,
+.vxe-select--panel.size--medium .vxe-select-option,
+.vxe-select--panel.size--medium .vxe-select--search-loading,
+.vxe-select--panel.size--medium .vxe-select--empty-placeholder {
+  line-height: var(--vxe-ui-select-option-height-medium);
+}
+.vxe-select--panel.size--small .vxe-optgroup--title,
+.vxe-select--panel.size--small .vxe-select-option {
+  height: var(--vxe-ui-select-option-height-small);
+}
+.vxe-select--panel.size--small .vxe-optgroup--title,
+.vxe-select--panel.size--small .vxe-select-option,
+.vxe-select--panel.size--small .vxe-select--search-loading,
+.vxe-select--panel.size--small .vxe-select--empty-placeholder {
+  line-height: var(--vxe-ui-select-option-height-small);
+}
+.vxe-select--panel.size--mini .vxe-optgroup--title,
+.vxe-select--panel.size--mini .vxe-select-option {
+  height: var(--vxe-ui-select-option-height-mini);
+}
+.vxe-select--panel.size--mini .vxe-optgroup--title,
+.vxe-select--panel.size--mini .vxe-select-option,
+.vxe-select--panel.size--mini .vxe-select--search-loading,
+.vxe-select--panel.size--mini .vxe-select--empty-placeholder {
+  line-height: var(--vxe-ui-select-option-height-mini);
+}

package/lib/select/style/style.min.css

@@ -0,0 +1 @@
+.vxe-select{position:relative;display:inline-block;width:180px;color:var(--vxe-font-color);text-align:left}.vxe-select>.vxe-input .vxe-input--inner{cursor:pointer}.vxe-select.is--disabled>.vxe-input .vxe-input--inner{cursor:no-drop}.vxe-select.is--loading>.vxe-input .vxe-input--inner{cursor:progress}.vxe-select>.vxe-input{width:100%}.vxe-select>.vxe-input .vxe-input--suffix-icon{display:inline-block;transition:transform .2s ease-in-out}.vxe-select.is--active:not(.is--filter)>.vxe-input .vxe-input--inner{border:1px solid var(--vxe-primary-color)}.vxe-select-slots{display:none}.vxe-select--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-font-color);text-align:left}.vxe-select--panel:not(.is--transfer){min-width:100%}.vxe-select--panel.is--transfer{position:fixed}.vxe-select--panel.animat--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-select--panel.animat--leave[placement=top]{transform-origin:center bottom}.vxe-select--panel.animat--enter{opacity:1;transform:scaleY(1)}.vxe-select--panel-search{display:block}.vxe-select--panel-search .vxe-select-search--input{width:100%}.vxe-select--panel-wrapper{position:relative;border-radius:var(--vxe-border-radius);border:1px solid var(---vxe-ui-base-popup-border-color);box-shadow:0 0 6px 2px rgba(0,0,0,.1);background-color:var(--vxe-ui-select-panel-background-color)}.vxe-select--panel-header{border-bottom:1px solid var(---vxe-ui-base-popup-border-color)}.vxe-select--panel-footer{border-top:1px solid var(---vxe-ui-base-popup-border-color)}.vxe-select--panel-footer,.vxe-select--panel-header{padding:4px 0}.vxe-select-option--wrapper{position:relative;overflow-x:hidden;overflow-y:auto;padding:4px 0;max-height:200px}.vxe-optgroup .vxe-optgroup--title{padding:0 6px;color:var(--vxe-optgroup-title-color);font-size:12px}.vxe-optgroup--wrapper .vxe-select-option{padding:0 20px}.vxe-select-option{padding:0 .6em;max-width:600px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-select-option.is--selected{font-weight:700;color:var(--vxe-primary-color)}.vxe-select-option:not(.is--disabled){cursor:pointer}.vxe-select-option:not(.is--disabled).is--hover{background-color:var(--vxe-ui-select-option-hover-background-color)}.vxe-select-option.is--disabled{color:var(--vxe-font-disabled-color);cursor:no-drop}.vxe-select--search-icon{margin-right:.5em}.vxe-select--empty-placeholder,.vxe-select--search-loading{padding:0 .6em;text-align:center;color:var(--vxe-ui-select-empty-color)}.vxe-select,.vxe-select--panel{font-size:var(--vxe-font-size)}.vxe-select--panel.size--medium,.vxe-select.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-select--panel.size--small,.vxe-select.size--small{font-size:var(--vxe-font-size-small)}.vxe-select--panel.size--mini,.vxe-select.size--mini{font-size:var(--vxe-font-size-mini)}.vxe-select--panel .vxe-optgroup--title,.vxe-select--panel .vxe-select-option{height:var(--vxe-ui-select-option-height-default)}.vxe-select--panel .vxe-optgroup--title,.vxe-select--panel .vxe-select--empty-placeholder,.vxe-select--panel .vxe-select--search-loading,.vxe-select--panel .vxe-select-option{line-height:var(--vxe-ui-select-option-height-default)}.vxe-select--panel.size--medium .vxe-optgroup--title,.vxe-select--panel.size--medium .vxe-select-option{height:var(--vxe-ui-select-option-height-medium)}.vxe-select--panel.size--medium .vxe-optgroup--title,.vxe-select--panel.size--medium .vxe-select--empty-placeholder,.vxe-select--panel.size--medium .vxe-select--search-loading,.vxe-select--panel.size--medium .vxe-select-option{line-height:var(--vxe-ui-select-option-height-medium)}.vxe-select--panel.size--small .vxe-optgroup--title,.vxe-select--panel.size--small .vxe-select-option{height:var(--vxe-ui-select-option-height-small)}.vxe-select--panel.size--small .vxe-optgroup--title,.vxe-select--panel.size--small .vxe-select--empty-placeholder,.vxe-select--panel.size--small .vxe-select--search-loading,.vxe-select--panel.size--small .vxe-select-option{line-height:var(--vxe-ui-select-option-height-small)}.vxe-select--panel.size--mini .vxe-optgroup--title,.vxe-select--panel.size--mini .vxe-select-option{height:var(--vxe-ui-select-option-height-mini)}.vxe-select--panel.size--mini .vxe-optgroup--title,.vxe-select--panel.size--mini .vxe-select--empty-placeholder,.vxe-select--panel.size--mini .vxe-select--search-loading,.vxe-select--panel.size--mini .vxe-select-option{line-height:var(--vxe-ui-select-option-height-mini)}