@varlet/ui 2.13.1-alpha.1689619056304 → 2.13.1

package/es/option/index.mjs

@@ -1,7 +1,6 @@
 import Option from './Option.mjs';
-Option.install = function (app) {
-  app.component(Option.name, Option);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Option);
 export { props as optionProps } from './props.mjs';
 export var _OptionComponent = Option;
 export default Option;

package/es/overlay/index.mjs

@@ -1,7 +1,6 @@
 import Overlay from './Overlay.mjs';
-Overlay.install = function (app) {
-  app.component(Overlay.name, Overlay);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Overlay);
 export { props as overlayProps } from './props.mjs';
 export var _OverlayComponent = Overlay;
 export default Overlay;

package/es/pagination/index.mjs

@@ -1,7 +1,6 @@
 import Pagination from './Pagination.mjs';
-Pagination.install = function (app) {
-  app.component(Pagination.name, Pagination);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Pagination);
 export { props as paginationProps } from './props.mjs';
 export var _PaginationComponent = Pagination;
 export default Pagination;

package/es/paper/index.mjs

@@ -1,7 +1,6 @@
 import Paper from './Paper.mjs';
-Paper.install = function (app) {
-  app.component(Paper.name, Paper);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Paper);
 export { props as paperProps } from './props.mjs';
 export var _PaperComponent = Paper;
 export default Paper;

package/es/picker/index.mjs

@@ -1,7 +1,7 @@
 import VarPicker from './Picker.mjs';
 import { nextTick, reactive } from 'vue';
 import { isArray } from '@varlet/shared';
-import { call, mountInstance } from '../utils/components.mjs';
+import { call, mountInstance, withInstall } from '../utils/components.mjs';
 var singletonOptions;
 function Picker(options) {
   return new Promise(resolve => {
@@ -59,13 +59,6 @@ function Picker(options) {
     reactivePickerOptions.show = true;
   });
 }
-VarPicker.install = function (app) {
-  app.component(VarPicker.name, VarPicker);
-};
-Picker.Component = VarPicker;
-Picker.install = function (app) {
-  app.component(VarPicker.name, VarPicker);
-};
 Picker.close = function () {
   if (singletonOptions != null) {
     var prevSingletonOptions = singletonOptions;
@@ -75,6 +68,9 @@ Picker.close = function () {
     });
   }
 };
+Picker.Component = VarPicker;
+withInstall(VarPicker);
+withInstall(VarPicker, Picker);
 export { props as pickerProps } from './props.mjs';
 export var _PickerComponent = VarPicker;
 export default Picker;

package/es/popup/index.mjs

@@ -1,7 +1,6 @@
 import Popup from './Popup.mjs';
-Popup.install = function (app) {
-  app.component(Popup.name, Popup);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Popup);
 export { props as popupProps } from './props.mjs';
 export var _PopupComponent = Popup;
 export default Popup;

package/es/progress/index.mjs

@@ -1,7 +1,6 @@
 import Progress from './Progress.mjs';
-Progress.install = function (app) {
-  app.component(Progress.name, Progress);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Progress);
 export { props as progressProps } from './props.mjs';
 export var _ProgressComponent = Progress;
 export default Progress;

package/es/pull-refresh/index.mjs

@@ -1,7 +1,6 @@
 import PullRefresh from './PullRefresh.mjs';
-PullRefresh.install = function (app) {
-  app.component(PullRefresh.name, PullRefresh);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(PullRefresh);
 export { props as pullRefreshProps } from './props.mjs';
 export var _PullRefreshComponent = PullRefresh;
 export default PullRefresh;

package/es/radio/index.mjs

@@ -1,7 +1,6 @@
 import Radio from './Radio.mjs';
-Radio.install = function (app) {
-  app.component(Radio.name, Radio);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Radio);
 export { props as radioProps } from './props.mjs';
 export var _RadioComponent = Radio;
 export default Radio;

package/es/radio-group/index.mjs

@@ -1,7 +1,6 @@
 import RadioGroup from './RadioGroup.mjs';
-RadioGroup.install = function (app) {
-  app.component(RadioGroup.name, RadioGroup);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(RadioGroup);
 export { props as radioGroupProps } from './props.mjs';
 export var _RadioGroupComponent = RadioGroup;
 export default RadioGroup;

package/es/rate/index.mjs

@@ -1,7 +1,6 @@
 import Rate from './Rate.mjs';
-Rate.install = function (app) {
-  app.component(Rate.name, Rate);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Rate);
 export { props as rateProps } from './props.mjs';
 export var _RateComponent = Rate;
 export default Rate;

package/es/result/index.mjs

@@ -1,7 +1,6 @@
 import Result from './Result.mjs';
-Result.install = function (app) {
-  app.component(Result.name, Result);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Result);
 export { props as resultProps } from './props.mjs';
 export var _ResultComponent = Result;
 export default Result;

package/es/row/index.mjs

@@ -1,7 +1,6 @@
 import Row from './Row.mjs';
-Row.install = function (app) {
-  app.component(Row.name, Row);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Row);
 export { props as rowProps } from './props.mjs';
 export var _RowComponent = Row;
 export default Row;

package/es/select/Select.mjs

@@ -169,7 +169,7 @@ var __sfc__ = defineComponent({
       resetValidation
     } = useValidation();
     var menuEl = ref(null);
-    var placement = computed(() => props.variant === 'outlined' ? 'bottom-start' : 'cover-top-start');
+    var placement = computed(() => props.variant === 'outlined' ? 'bottom' : 'cover-top');
     var placeholderColor = computed(() => {
       var {
         hint,

package/es/select/index.mjs

@@ -1,7 +1,6 @@
 import Select from './Select.mjs';
-Select.install = function (app) {
-  app.component(Select.name, Select);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Select);
 export { props as selectProps } from './props.mjs';
 export var _SelectComponent = Select;
 export default Select;

package/es/skeleton/index.mjs

@@ -1,7 +1,6 @@
 import Skeleton from './Skeleton.mjs';
-Skeleton.install = function (app) {
-  app.component(Skeleton.name, Skeleton);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Skeleton);
 export { props as skeletonProps } from './props.mjs';
 export var _SkeletonComponent = Skeleton;
 export default Skeleton;

package/es/slider/index.mjs

@@ -1,7 +1,6 @@
 import Slider from './Slider.mjs';
-Slider.install = function (app) {
-  app.component(Slider.name, Slider);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Slider);
 export { props as sliderProps } from './props.mjs';
 export var _SliderComponent = Slider;
 export default Slider;

package/es/snackbar/index.mjs

@@ -4,7 +4,7 @@ import VarSnackbarCore from './core.mjs';
 import VarSnackbar from './Snackbar.mjs';
 import context from '../context/index.mjs';
 import { reactive, TransitionGroup } from 'vue';
-import { call, mountInstance } from '../utils/components.mjs';
+import { call, mountInstance, withInstall } from '../utils/components.mjs';
 import { isFunction, isPlainObject, isString, toNumber } from '@varlet/shared';
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !_isVNode(s);
@@ -138,9 +138,6 @@ SNACKBAR_TYPE.forEach(type => {
     return Snackbar(options);
   };
 });
-Snackbar.install = function (app) {
-  app.component(VarSnackbar.name, VarSnackbar);
-};
 Snackbar.allowMultiple = function (bool) {
   if (bool === void 0) {
     bool = false;
@@ -163,7 +160,6 @@ Snackbar.setDefaultOptions = function (options) {
 Snackbar.resetDefaultOptions = function () {
   defaultOptions = defaultOptionsValue;
 };
-Snackbar.Component = VarSnackbar;
 function opened(element) {
   var id = element.getAttribute('data-id');
   var option = uniqSnackbarOptions.find(option => option.id === toNumber(id));
@@ -213,9 +209,9 @@ function getTop(position) {
     top: position === 'top' ? '5%' : '45%'
   };
 }
-VarSnackbar.install = function (app) {
-  app.component(VarSnackbar.name, VarSnackbar);
-};
+Snackbar.Component = VarSnackbar;
+withInstall(VarSnackbar);
+withInstall(VarSnackbar, Snackbar);
 export { props as snackbarProps } from './props.mjs';
 export var _SnackbarComponent = VarSnackbar;
 export default Snackbar;

package/es/space/index.mjs

@@ -1,7 +1,6 @@
 import Space from './Space.mjs';
-Space.install = function (app) {
-  app.component(Space.name, Space);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Space);
 export { props as spaceProps } from './props.mjs';
 export var _SpaceComponent = Space;
 export default Space;

package/es/step/index.mjs

@@ -1,7 +1,6 @@
 import Step from './Step.mjs';
-Step.install = function (app) {
-  app.component(Step.name, Step);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Step);
 export { props as stepProps } from './props.mjs';
 export var _StepComponent = Step;
 export default Step;

package/es/steps/index.mjs

@@ -1,7 +1,6 @@
 import Steps from './Steps.mjs';
-Steps.install = function (app) {
-  app.component(Steps.name, Steps);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Steps);
 export { props as stepsProps } from './props.mjs';
 export var _StepsComponent = Steps;
 export default Steps;

package/es/sticky/index.mjs

@@ -1,7 +1,6 @@
 import Sticky from './Sticky.mjs';
-Sticky.install = function (app) {
-  app.component(Sticky.name, Sticky);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Sticky);
 export { props as stickyProps } from './props.mjs';
 export var _StickyComponent = Sticky;
 export default Sticky;

package/es/style-provider/index.mjs

@@ -1,5 +1,6 @@
 import VarStyleProvider from './StyleProvider.mjs';
 import { formatStyleVars } from '../utils/elements.mjs';
+import { withInstall } from '../utils/components.mjs';
 var mountedVarKeys = [];
 function StyleProvider(styleVars) {
   mountedVarKeys.forEach(key => document.documentElement.style.removeProperty(key));
@@ -12,12 +13,8 @@ function StyleProvider(styleVars) {
   });
 }
 StyleProvider.Component = VarStyleProvider;
-VarStyleProvider.install = function (app) {
-  app.component(VarStyleProvider.name, VarStyleProvider);
-};
-StyleProvider.install = function (app) {
-  app.component(VarStyleProvider.name, VarStyleProvider);
-};
+withInstall(VarStyleProvider);
+withInstall(VarStyleProvider, StyleProvider);
 export { props as styleProviderProps } from './props.mjs';
 export var _StyleProviderComponent = VarStyleProvider;
 export default StyleProvider;