papayaui 0.2.22 → 0.3.1

package/components/badge/index.ts

@@ -1,4 +1,6 @@
-import type Badge from './badge.vue'
+import Badge from './badge.vue'
 
 export type BadgeInstance = InstanceType<typeof Badge>
 export * from './props'
+
+export default Badge

package/components/bottom-popup/index.ts

@@ -1,4 +1,6 @@
-import type BottomPopup from './bottom-popup.vue'
+import BottomPopup from './bottom-popup.vue'
 
 export type BottomPopupInstance = InstanceType<typeof BottomPopup>
 export * from './props'
+
+export default BottomPopup

package/components/button/button.scss

@@ -3,7 +3,10 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
+  width: _var(button-width, auto);
   height: _var(button-height, 44px);
+  min-width: _var(button-min-width, auto);
+  min-height: _var(button-min-height, auto);
   line-height: _var(button-line-height, 1.2);
   margin: _var(button-margin, 0);
   border-width: _var(button-border-width, 1px);

package/components/button/index.ts

@@ -1,4 +1,6 @@
-import type Button from './button.vue'
+import Button from './button.vue'
 
 export type ButtonInstance = InstanceType<typeof Button>
 export * from './props'
+
+export default Button

package/components/calendar/index.ts

@@ -1,4 +1,6 @@
-import type Calendar from './calendar.vue'
+import Calendar from './calendar.vue'
 
 export type CalendarInstance = InstanceType<typeof Calendar>
 export * from './props'
+
+export default Calendar

package/components/cascader/index.ts

@@ -1,4 +1,6 @@
-import type Cascader from './cascader.vue'
+import Cascader from './cascader.vue'
 
 export type CascaderInstance = InstanceType<typeof Cascader>
 export * from './props'
+
+export default Cascader

package/components/cell/index.ts

@@ -1,4 +1,6 @@
-import type Cell from './cell.vue'
+import Cell from './cell.vue'
 
 export type CellInstance = InstanceType<typeof Cell>
 export * from './props'
+
+export default Cell

package/components/cell-group/index.ts

@@ -1,4 +1,6 @@
-import type CellGroup from './cell-group.vue'
+import CellGroup from './cell-group.vue'
 
 export type CellGroupInstance = InstanceType<typeof CellGroup>
 export * from './props'
+
+export default CellGroup

package/components/checkbox/index.ts

@@ -1,4 +1,6 @@
-import type Checkbox from './checkbox.vue'
+import Checkbox from './checkbox.vue'
 
 export type CheckboxInstance = InstanceType<typeof Checkbox>
 export * from './props'
+
+export default Checkbox

package/components/checkbox-btns/index.ts

@@ -1,4 +1,6 @@
-import type CheckboxBtns from './checkbox-btns.vue'
+import CheckboxBtns from './checkbox-btns.vue'
 
 export type CheckboxBtnsInstance = InstanceType<typeof CheckboxBtns>
 export * from './props'
+
+export default CheckboxBtns

package/components/checkbox-group/index.ts

@@ -1,4 +1,6 @@
-import type CheckboxGroup from './checkbox-group.vue'
+import CheckboxGroup from './checkbox-group.vue'
 
 export type CheckboxGroupInstance = InstanceType<typeof CheckboxGroup>
 export * from './props'
+
+export default CheckboxGroup

package/components/circle/index.ts

@@ -1,4 +1,6 @@
-import type Circle from './circle.vue'
+import Circle from './circle.vue'
 
 export type CircleInstance = InstanceType<typeof Circle>
 export * from './props'
+
+export default Circle

package/components/collapse/index.ts

@@ -1,4 +1,6 @@
-import type Collapse from './collapse.vue'
+import Collapse from './collapse.vue'
 
 export type CollapseInstance = InstanceType<typeof Collapse>
 export * from './props'
+
+export default Collapse

package/components/collapse-item/index.ts

@@ -1,4 +1,6 @@
-import type CollapseItem from './collapse-item.vue'
+import CollapseItem from './collapse-item.vue'
 
 export type CollapseItemInstance = InstanceType<typeof CollapseItem>
 export * from './props'
+
+export default CollapseItem

package/components/container/container.scss

@@ -1,9 +1,9 @@
 @import '../../styles/vars.scss';
 .#{$prefix}-container {
-  width: 100%;
-  min-height: 100vh;
+  width: _var(container-width, 100%);
+  min-height: _var(container-min-height, 100vh);
   &-header {
-    width: 100%;
+    width: _var(container-header-width, 100%);
   }
 
   &-body {
@@ -12,11 +12,12 @@
 
   &-bottom-fixed {
     position: fixed;
-    width: 100%;
+    width: _var(container-bottom-fixed-width, 100%);
     left: 0;
     bottom: 0;
-    z-index: 98;
-    background-color: #fff;
+    z-index: _var(container-bottom-fixed-z-index, 98);
+    padding: _var(container-bottom-fixed-padding, 0);
+    background-color: _var(container-bottom-fixed-bg-color, #fff);
   }
 
   &--safe-bottom {

package/components/container/index.ts

@@ -1,4 +1,6 @@
-import type Container from './container.vue'
+import Container from './container.vue'
 
 export type ContainerInstance = InstanceType<typeof Container>
 export * from './props'
+
+export default Container

package/components/count-down/index.ts

@@ -1,4 +1,6 @@
-import type CountDown from './count-down.vue'
+import CountDown from './count-down.vue'
 
 export type CountDownInstance = InstanceType<typeof CountDown>
 export * from './props'
+
+export default CountDown

package/components/count-to/index.ts

@@ -1,4 +1,6 @@
-import type CountTo from './count-to.vue'
+import CountTo from './count-to.vue'
 
 export type CountToInstance = InstanceType<typeof CountTo>
 export * from './props'
+
+export default CountTo

package/components/date-picker/index.ts

@@ -1,4 +1,6 @@
-import type DatePicker from './date-picker.vue'
+import DatePicker from './date-picker.vue'
 
 export type DatePickerInstance = InstanceType<typeof DatePicker>
 export * from './props'
+
+export default DatePicker

package/components/dialog/index.ts

@@ -1,4 +1,6 @@
-import type Dialog from './dialog.vue'
+import Dialog from './dialog.vue'
 
 export type DialogInstance = InstanceType<typeof Dialog>
 export * from './props'
+
+export default Dialog

package/components/empty/index.ts

@@ -1,4 +1,6 @@
-import type Empty from './empty.vue'
+import Empty from './empty.vue'
 
 export type EmptyInstance = InstanceType<typeof Empty>
 export * from './props'
+
+export default Empty

package/components/env-view/index.ts

@@ -1,4 +1,6 @@
-import type EnvView from './env-view.vue'
+import EnvView from './env-view.vue'
 
 export type EnvViewInstance = InstanceType<typeof EnvView>
 export * from './props'
+
+export default EnvView

package/components/field/index.ts

@@ -1,4 +1,6 @@
-import type Field from './field.vue'
+import Field from './field.vue'
 
 export type FieldInstance = InstanceType<typeof Field>
 export * from './props'
+
+export default Field

package/components/form/index.ts

@@ -1,4 +1,6 @@
-import type Form from './form.vue'
+import Form from './form.vue'
 
 export type FormInstance = InstanceType<typeof Form>
 export * from './props'
+
+export default Form

package/components/form-item/index.ts

@@ -1,4 +1,6 @@
-import type FormItem from './form-item.vue'
+import FormItem from './form-item.vue'
 
 export type FormItemInstance = InstanceType<typeof FormItem>
 export * from './props'
+
+export default FormItem

package/components/icon/index.ts

@@ -1,4 +1,6 @@
-import type Icon from './icon.vue'
+import Icon from './icon.vue'
 
 export type IconInstance = InstanceType<typeof Icon>
 export * from './props'
+
+export default Icon

package/components/image/index.ts

@@ -1,4 +1,6 @@
-import type Image from './image.vue'
+import Image from './image.vue'
 
 export type ImageInstance = InstanceType<typeof Image>
 export * from './props'
+
+export default Image

package/components/index-anchor/index.ts

@@ -1,4 +1,6 @@
-import type IndexAnchor from './index-anchor.vue'
+import IndexAnchor from './index-anchor.vue'
 
 export type IndexAnchorInstance = InstanceType<typeof IndexAnchor>
 export * from './props'
+
+export default IndexAnchor

package/components/index-bar/index.ts

@@ -1,4 +1,6 @@
-import type IndexBar from './indexBar.vue'
+import IndexBar from './index-bar.vue'
 
 export type IndexBarInstance = InstanceType<typeof IndexBar>
 export * from './props'
+
+export default IndexBar

package/components/index.ts

@@ -45,6 +45,7 @@ export * from './radio-group'
 export * from './safe-bottom'
 export * from './search'
 export * from './section'
+export * from './segmented'
 export * from './sidebar'
 export * from './sidebar-item'
 export * from './skeleton'

package/components/input/index.ts

@@ -1,4 +1,6 @@
-import type Input from './input.vue'
+import Input from './input.vue'
 
 export type InputInstance = InstanceType<typeof Input>
 export * from './props'
+
+export default Input

package/components/input/input.vue

@@ -91,7 +91,7 @@ const onInput = (e: Event) => {
   let value = (e as unknown as EventDetail<{ value: string }>).detail.value
   // 数值类型处理，整数或小数
   if (props.type === 'number') {
-    value = formatNumericTypeString(value, props.intLength, props.decimalLength)
+    value = formatNumericTypeString(value, props.intLength, props.decimalLength, props.allowNegative)
   }
   // 格式化函数处理
   if (typeof props.formatter === 'function') {

package/components/input/props.ts

@@ -22,6 +22,10 @@ const inputNumberProps = {
    * 小数位长度
    */
   decimalLength: Number,
+  /**
+   * 是否允许输入负数
+   */
+  allowNegative: Boolean,
 }
 
 export const inputProps = {

package/components/input-number/index.ts

@@ -1,4 +1,6 @@
-import type InputNumber from './input-number.vue'
+import InputNumber from './input-number.vue'
 
 export type InputNumberInstance = InstanceType<typeof InputNumber>
 export * from './props'
+
+export default InputNumber

package/components/list/index.ts

@@ -1,4 +1,6 @@
-import type List from './list.vue'
+import List from './list.vue'
 
 export type ListInstance = InstanceType<typeof List>
 export * from './props'
+
+export default List

package/components/list-item/index.ts

@@ -1,4 +1,6 @@
-import type ListItem from './list-item.vue'
+import ListItem from './list-item.vue'
 
 export type ListItemInstance = InstanceType<typeof ListItem>
 export * from './props'
+
+export default ListItem

package/components/loading-icon/index.ts

@@ -1,4 +1,6 @@
-import type LoadingIcon from './loading-icon.vue'
+import LoadingIcon from './loading-icon.vue'
 
 export type LoadingIconInstance = InstanceType<typeof LoadingIcon>
 export * from './props'
+
+export default LoadingIcon

package/components/loadmore/index.ts

@@ -1,4 +1,6 @@
-import type Loadmore from './loadmore.vue'
+import Loadmore from './loadmore.vue'
 
 export type LoadmoreInstance = InstanceType<typeof Loadmore>
 export * from './props'
+
+export default Loadmore

package/components/menu/index.ts

@@ -1,4 +1,6 @@
-import type Menu from './menu.vue'
+import Menu from './menu.vue'
 
 export type MenuInstance = InstanceType<typeof Menu>
 export * from './props'
+
+export default Menu

package/components/menu-item/index.ts

@@ -1,4 +1,6 @@
-import type MenuItem from './menu-item.vue'
+import MenuItem from './menu-item.vue'
 
 export type MenuItemInstance = InstanceType<typeof MenuItem>
 export * from './props'
+
+export default MenuItem

package/components/nav-bar/index.ts

@@ -1,4 +1,6 @@
-import type NavBar from './nav-bar.vue'
+import NavBar from './nav-bar.vue'
 
 export type NavBarInstance = InstanceType<typeof NavBar>
 export * from './props'
+
+export default NavBar

package/components/notice-bar/index.ts

@@ -1,4 +1,6 @@
-import type NoticeBar from './notice-bar.vue'
+import NoticeBar from './notice-bar.vue'
 
 export type NoticeBarInstance = InstanceType<typeof NoticeBar>
 export * from './props'
+
+export default NoticeBar

package/components/overlay/index.ts

@@ -1,4 +1,6 @@
-import type Overlay from './overlay.vue'
+import Overlay from './overlay.vue'
 
 export type OverlayInstance = InstanceType<typeof Overlay>
 export * from './props'
+
+export default Overlay

package/components/picker-popup/index.ts

@@ -1,4 +1,6 @@
-import type PickerPopup from './picker-popup.vue'
+import PickerPopup from './picker-popup.vue'
 
 export type PickerPopupInstance = InstanceType<typeof PickerPopup>
 export * from './props'
+
+export default PickerPopup

package/components/picker-view/index.ts

@@ -1,4 +1,6 @@
-import type PickerView from './picker-view.vue'
+import PickerView from './picker-view.vue'
 
 export type PickerViewInstance = InstanceType<typeof PickerView>
 export * from './props'
+
+export default PickerView

package/components/popover/index.ts

@@ -1,4 +1,6 @@
-import type Popover from './popover.vue'
+import Popover from './popover.vue'
 
 export type PopoverInstance = InstanceType<typeof Popover>
 export * from './props'
+
+export default Popover

package/components/popup/index.ts

@@ -1,4 +1,6 @@
-import type Popup from './popup.vue'
+import Popup from './popup.vue'
 
 export type PopupInstance = InstanceType<typeof Popup>
 export * from './props'
+
+export default Popup

package/components/radio/index.ts

@@ -1,4 +1,6 @@
-import type Radio from './radio.vue'
+import Radio from './radio.vue'
 
 export type RadioInstance = InstanceType<typeof Radio>
 export * from './props'
+
+export default Radio

package/components/radio-group/index.ts

@@ -1,4 +1,6 @@
-import type RadioGroup from './radio-group.vue'
+import RadioGroup from './radio-group.vue'
 
 export type RadioGroupInstance = InstanceType<typeof RadioGroup>
 export * from './props'
+
+export default RadioGroup

package/components/safe-bottom/index.ts

@@ -1,3 +1,5 @@
-import type SafeBottom from './safe-bottom.vue'
+import SafeBottom from './safe-bottom.vue'
 
 export type SafeBottomInstance = InstanceType<typeof SafeBottom>
+
+export default SafeBottom

package/components/search/index.ts

@@ -1,4 +1,6 @@
-import type Search from './search.vue'
+import Search from './search.vue'
 
 export type SearchInstance = InstanceType<typeof Search>
 export * from './props'
+
+export default Search

package/components/section/index.ts

@@ -1,4 +1,6 @@
-import type Section from './section.vue'
+import Section from './section.vue'
 
 export type SectionInstance = InstanceType<typeof Section>
 export * from './props'
+
+export default Section

package/components/segmented/index.ts

@@ -0,0 +1,6 @@
+import Segmented from './segmented.vue'
+
+export type SegmentedInstance = InstanceType<typeof Segmented>
+export * from './props'
+
+export default Segmented

package/components/segmented/props.ts

@@ -0,0 +1,61 @@
+import type { ExtractPropTypes, PropType } from 'vue'
+
+export type SegmentedValue = string | number
+
+export interface SegmentedOption {
+  /**
+   * 选项的值
+   */
+  value: SegmentedValue
+  /**
+   * 选项的文本
+   */
+  label: string
+  /**
+   * 选项是否禁用
+   */
+  disabled?: boolean
+  /**
+   * 选项的图标
+   */
+  icon?: string
+}
+
+export const segmentedProps = {
+  /**
+   * 当前选中的值
+   */
+  modelValue: {
+    type: [String, Number] as PropType<SegmentedValue>,
+  },
+  /**
+   * 选项数据
+   */
+  options: {
+    type: Array as PropType<SegmentedOption[] | SegmentedValue[]>,
+    default: () => [],
+  },
+  /**
+   * 是否禁用
+   */
+  disabled: Boolean,
+  /**
+   * 是否为块级元素
+   */
+  block: Boolean,
+  /**
+   * 尺寸大小
+   */
+  size: {
+    type: String as PropType<'small' | 'medium' | 'large'>,
+    default: 'medium',
+  },
+}
+
+export const segmentedEmits = {
+  'update:modelValue': (_value: SegmentedValue) => true,
+  change: (_value: SegmentedValue) => true,
+}
+
+export type SegmentedProps = ExtractPropTypes<typeof segmentedProps>
+export type SegmentedEmits = typeof segmentedEmits