uview-ultra-plus 1.0.0

package/uview-ultra/libs/composable/useMp.uts

@@ -0,0 +1,6 @@
+export const mpSharedMpOptions = {
+    // 将自定义节点设置成虚拟的，更加接近Vue组件的表现，能更好的使用flex属性
+    // #ifdef MP-WEIXIN
+    virtualHost: true
+    // #endif
+}

package/uview-ultra/libs/composable/useOpenType.uts

@@ -0,0 +1,63 @@
+/**
+ * 小程序开放能力相关事件处理的组合式函数
+ * 提供处理各种开放能力事件的方法
+ */
+import { getCurrentInstance } from 'vue'
+
+export const useOpenType = (emit: Function) => {
+	const instance = getCurrentInstance()
+	const onOpenType = (name: string, event: UniCustomEvent<UTSJSONObject>) => {
+	    emit(name, event.detail);
+	};
+    /**
+     * 获取用户信息事件处理
+     */
+    const onGetUserInfo = (event: UniCustomEvent<UTSJSONObject>) => {
+        instance!!.emit('getuserinfo', event.detail);
+    };
+
+    /**
+     * 联系人事件处理
+     */
+    const onContact = (event: UniCustomEvent<UTSJSONObject>) => {
+        instance!!.emit('contact', event.detail);
+    };
+
+    /**
+     * 获取手机号事件处理
+     */
+    const onGetPhoneNumber = (event: UniCustomEvent<UTSJSONObject>) => {
+        instance!!.emit('getphonenumber', event.detail);
+    };
+
+    /**
+     * 错误事件处理
+     */
+    const onError = (event: UniCustomEvent<UTSJSONObject>) => {
+        instance!!.emit('error', event.detail);
+    };
+
+    /**
+     * 启动APP事件处理
+     */
+    const onLaunchApp = (event: UniCustomEvent<UTSJSONObject>) => {
+        instance!!.emit('launchapp', event.detail);
+    };
+
+    /**
+     * 打开设置事件处理
+     */
+    const onOpenSetting = (event: UniCustomEvent<UTSJSONObject>) => {
+        instance!!.emit('opensetting', event.detail);
+    };
+
+    return {
+		onOpenType,
+        onGetUserInfo,
+        onContact,
+        onGetPhoneNumber,
+        onError,
+        onLaunchApp,
+        onOpenSetting
+    };
+};

package/uview-ultra/libs/composable/useUltraUI.uts

@@ -0,0 +1,206 @@
+import { ref, reactive } from 'vue'
+import { bem, upGetRect, getParentFunc } from '../function/index'
+import { array as testArray } from '../function/test.uts'
+
+export const commonProps = {
+    // 每个组件都有的父组件传递的样式，可以为字符串或者对象形式
+    customStyle: {
+        type: [UTSJSONObject, String],
+        default: {}
+    },
+    customClass: {
+        type: String,
+        default: ''
+    },
+    // 跳转的页面路径
+    url: {
+        type: String,
+        default: ''
+    },
+    // 页面跳转的类型
+    linkType: {
+        type: String,
+        default: 'navigateTo'
+    }
+}
+
+export type UPUseUltraUIType = {
+	parent: Ref<ComponentPublicInstance|null>,
+	parentData: Ref<UTSJSONObject>,
+	children: Ref<ComponentPublicInstance[]>,
+	childrenRefs: Ref<string[]>,
+	openPage:(urlKey: string) => void,
+	getChildIndex: (ins: ComponentPublicInstance) => number,
+	getParent: (name: string, instance: ComponentPublicInstance) => ComponentPublicInstance|null,
+	addChild: (ins: ComponentPublicInstance) => void,
+	addChildRef: (str: string) => void,
+	getChildren: () => ComponentPublicInstance[],
+	getParentData: (parentName: string, instance: ComponentPublicInstance, refMode: boolean) => ComponentPublicInstance|null,
+	onComponentDestroy: (instance: ComponentPublicInstance) => void,
+	preventEvent: (e: UniEvent) => void,
+	noop: (e: UniEvent) => void,
+}
+
+// 定义组件公共属性和方法的组合式函数
+export function useUltraUI(parentDataInit: UTSJSONObject = {}): UPUseUltraUIType  {
+    // 定义响应式数据
+    const parent = ref<ComponentPublicInstance | null>(null)
+    const parentData = ref(parentDataInit) as Ref<UTSJSONObject>
+    const children = ref<ComponentPublicInstance[]>([])
+    const childrenRefs = ref<string[]>([])
+
+    // 跳转某一个页面
+    const openPage = function(urlKey: string): void {
+        // const url: string = this.$data?.[urlKey].toString()
+        // if (url != '') {
+        //     // h5官方回应：发行h5会自动摇树优化，所有使用uni的地方，都会被直接转换成具体的API调用 https://ask.dcloud.net.cn/question/161523?notification_id-1201922__rf-false__item_id-226372
+        //     // 使用封装的 route 进行跳转（直接调用方法），不使用 uni 对象
+        //     // route({ type: this.linkType, url })
+        //     // 执行类似uni.navigateTo的方法
+        //     uni[this.linkType]({
+        //         url
+        //     })
+        // }
+    }
+
+    // 获取子组件索引
+    const getChildIndex = function(ins: ComponentPublicInstance): number {
+        let index = -1
+        if (parent.value != null) {
+            (parent.value!!.$data['children'] as ComponentPublicInstance[]).forEach((child: ComponentPublicInstance, idx: number) => {
+                if (child == ins) {
+                    index = idx
+                }
+            })
+        }
+        return index
+    }
+
+    // 获取父组件
+    const getParent = function(name: string, instance: ComponentPublicInstance): ComponentPublicInstance | null {
+        let parentTmp = getParentFunc(name, instance)
+        parent.value = parentTmp
+        return parentTmp
+    }
+
+    // 添加子组件
+    const addChild = function(ins: ComponentPublicInstance): void {
+        let exist = false
+        let childs: ComponentPublicInstance[] = children.value
+        childs.map((child: ComponentPublicInstance) => {
+            if (ins == child) {
+                exist = true
+            }
+        })
+        if (!exist) {
+            children.value.push(ins)
+        }
+    }
+
+    // 添加子组件引用
+    const addChildRef = function(str: string): void {
+        let index = childrenRefs.value.indexOf('str')
+        if (index <= -1) {
+            childrenRefs.value.push(str)
+        }
+    }
+	
+	const getChildren = function(): ComponentPublicInstance[] {
+		return children.value
+	}
+
+    // 获取父组件数据
+    const getParentData = function(parentName: string, instance: ComponentPublicInstance, refMode: boolean): ComponentPublicInstance|null {
+        // 避免在created中去定义parent变量
+        // 这里的本质原理是，通过获取父组件实例(也即类似up-radio的父组件up-radio-group的this)
+        // 将父组件this中对应的参数，赋值给本组件up-radio的this)的parentData对象中对应的属性
+        // 之所以需要这么做，是因为所有端中，头条小程序不支持通过this.parent.xxx去监听父组件参数的变化
+        // 此处并不会自动更新子组件的数据，而是依赖父组件up-radio-group去监听data的变化，手动调用更新子组件的方法去重新获取
+        // 注意不能赋值给parent,会导致与addChild中push冲突
+        let parentIns = getParent(parentName, instance)
+		// console.log('parentIns', parentIns)
+        // parent.value = parentIns
+        if (parentIns != null) {
+			let chds: ComponentPublicInstance[]|null = parentIns.$callMethod('getChildren') as ComponentPublicInstance[]
+            if (chds != null) {
+                // 如果父组件的children不存在本组件的实例，才将本实例添加到父组件的children中
+                if (refMode) {
+                    // if (Reflect.has(parentIns!, 'addChildRef')) {
+                        parentIns?.$callMethod('addChildRef', instance.$data['refstr'])
+                    // }
+                } else {
+                    // if (Reflect.has(parentIns, 'addChild')) {
+                        parentIns?.$callMethod('addChild', instance)
+                    // }
+                }
+            }
+            // 遍历parentData中的属性，将parent中的同名属性赋值给parentData
+            UTSJSONObject.keys(parentData.value).map((key: string) => {
+                // if (Reflect.has(parentIns!, 'getProps')) {
+                    const propsData = parentIns?.$callMethod('getProps') as UTSJSONObject
+                    // console.log(propsData)
+                    // console.log(key, '=', propsData)
+                    if (propsData?.[key] != null) {
+                        parentData.value[key] = propsData?.[key]
+                    }
+                // }
+
+				// if (Reflect.has(parentIns!, 'getRefs')) {
+                    const refsData = parentIns?.$callMethod('getRefs') as UTSJSONObject
+                    if (refsData?.[key] != null) {
+                        parentData.value[key] = refsData?.[key]
+                    }
+                // }
+            })
+        }
+        return parentIns
+    }
+
+    // 阻止事件冒泡
+    const preventEvent = function(e: UniEvent): void {
+        e.stopPropagation()
+    }
+
+    // 空操作
+    const noop = function(e: UniEvent): void {
+        preventEvent(e)
+    }
+
+    // 组件销毁时清理逻辑
+    const onComponentDestroy = function(instance: ComponentPublicInstance)  {
+        // 判断当前页面是否存在parent和children，一般在checkbox和checkbox-group父子联动的场景会有此情况
+        // 组件销毁时，移除子组件在父组件children数组中的实例，释放资源，避免数据混乱
+        if (parent.value != null) {
+            // 组件销毁时，移除父组件中的children数组中对应的实例
+            const childrenList = parent.value.$callMethod('getChildren') as ComponentPublicInstance[]
+			//if (childrenList != null) {
+				childrenList.map((child: ComponentPublicInstance, index: number) => {
+				    // 如果相等，则移除
+				    if (child === instance) {
+				        childrenList.splice(index, 1)
+				    }
+				})
+			//}
+        }
+    }
+
+    return {
+        // 响应式数据
+        parent,
+        parentData,
+        children,
+        childrenRefs,
+
+        // 方法
+        openPage,
+        getChildIndex,
+        getParent,
+        addChild,
+        addChildRef,
+        getParentData,
+		getChildren,
+        preventEvent,
+        noop,
+        onComponentDestroy
+    }
+}

package/uview-ultra/libs/config/color.js

@@ -0,0 +1,17 @@
+// 为了让用户能够自定义主题，会逐步弃用此文件，各颜色通过css提供
+// 为了给某些特殊场景使用和向后兼容，无需删除此文件(2020-06-20)
+const color = {
+    primary: '#3c9cff',
+    info: '#909399',
+    default: '#909399',
+    warning: '#f9ae3d',
+    error: '#f56c6c',
+    success: '#5ac725',
+    mainColor: '#303133',
+    contentColor: '#606266',
+    tipsColor: '#909399',
+    lightColor: '#c0c4cc',
+    borderColor: '#e4e7ed'
+}
+
+export default color

package/uview-ultra/libs/config/color.uts

@@ -0,0 +1,17 @@
+// 为了让用户能够自定义主题，会逐步弃用此文件，各颜色通过css提供
+// 为了给某些特殊场景使用和向后兼容，无需删除此文件(2020-06-20)
+const color = {
+    primary: '#3c9cff',
+    info: '#909399',
+    default: '#909399',
+    warning: '#f9ae3d',
+    error: '#f56c6c',
+    success: '#5ac725',
+    mainColor: '#303133',
+    contentColor: '#606266',
+    tipsColor: '#909399',
+    lightColor: '#c0c4cc',
+    borderColor: '#e4e7ed'
+} as UTSJSONObject
+
+export default color

package/uview-ultra/libs/config/config.js

@@ -0,0 +1,33 @@
+const version = '4'
+
+// 开发环境才提示，生产环境不会提示
+if (process.env.NODE_ENV === 'development') {
+	console.log(`\n %c uview-plus V${version} %c https://ijry.github.io/uview-plus/ \n\n`, 'color: #ffffff; background: #3c9cff; padding:5px 0;', 'color: #3c9cff;background: #ffffff; padding:5px 0;');
+}
+
+export default {
+    v: version,
+    version,
+    // 主题名称
+    type: [
+        'primary',
+        'success',
+        'info',
+        'error',
+        'warning'
+    ],
+    // 颜色部分，本来可以通过scss的:export导出供js使用，但是奈何nvue不支持
+    color: {
+        'up-primary': '#2979ff',
+        'up-warning': '#ff9900',
+        'up-success': '#19be6b',
+        'up-error': '#fa3534',
+        'up-info': '#909399',
+        'up-main-color': '#303133',
+        'up-content-color': '#606266',
+        'up-tips-color': '#909399',
+        'up-light-color': '#c0c4cc',
+    },
+	// 默认单位，可以通过配置为rpx，那么在用于传入组件大小参数为数值时，就默认为rpx
+	unit: 'px'
+}

package/uview-ultra/libs/config/config.uts

@@ -0,0 +1,33 @@
+let version = '4'
+
+// 开发环境才提示，生产环境不会提示
+// if (process.env.NODE_ENV === 'development') {
+// 	console.log(`\n %c uview-plus V${version} %c https://ijry.github.io/uview-plus/ \n\n`, 'color: #ffffff; background: #3c9cff; padding:5px 0;', 'color: #3c9cff;background: #ffffff; padding:5px 0;');
+// }
+
+export default {
+    v: '4',
+    version: '4',
+    // 主题名称
+    type: [
+        'primary',
+        'success',
+        'info',
+        'error',
+        'warning'
+    ],
+    // 颜色部分，本来可以通过scss的:export导出供js使用，但是奈何nvue不支持
+    color: {
+        'up-primary': '#2979ff',
+        'up-warning': '#ff9900',
+        'up-success': '#19be6b',
+        'up-error': '#fa3534',
+        'up-info': '#909399',
+        'up-main-color': '#303133',
+        'up-content-color': '#606266',
+        'up-tips-color': '#909399',
+        'up-light-color': '#c0c4cc'
+    },
+	// 默认单位，可以通过配置为rpx，那么在用于传入组件大小参数为数值时，就默认为rpx
+	unit: 'px'
+} as UTSJSONObject

package/uview-ultra/libs/config/props.js

@@ -0,0 +1,190 @@
+/**
+ * 此文件的作用为统一配置所有组件的props参数
+ * 借此用户可以全局覆盖组件的props默认值
+ * 无需在每个引入组件的页面中都配置一次
+ */
+import config from './config.js'
+
+import ActionSheet from '../../components/up-action-sheet/actionSheet.js'
+import Album from '../../components/up-album/album.js'
+import Alert from '../../components/up-alert/alert.js'
+import Avatar from '../../components/up-avatar/avatar.js'
+import AvatarGroup from '../../components/up-avatar-group/avatarGroup.js'
+import Backtop from '../../components/up-back-top/backtop.js'
+import Badge from '../../components/up-badge/badge.js'
+import Button from '../../components/up-button/button.js'
+import Calendar from '../../components/up-calendar/calendar.js'
+import CarKeyboard from '../../components/up-car-keyboard/carKeyboard.js'
+import Cell from '../../components/up-cell/cell.js'
+import CellGroup from '../../components/up-cell-group/cellGroup.js'
+import Checkbox from '../../components/up-checkbox/checkbox.js'
+import CheckboxGroup from '../../components/up-checkbox-group/checkboxGroup.js'
+import CircleProgress from '../../components/up-circle-progress/circleProgress.js'
+import Code from '../../components/up-code/code.js'
+import CodeInput from '../../components/up-code-input/codeInput.js'
+import Col from '../../components/up-col/col.js'
+import Collapse from '../../components/up-collapse/collapse.js'
+import CollapseItem from '../../components/up-collapse-item/collapseItem.js'
+import ColumnNotice from '../../components/up-column-notice/columnNotice.js'
+import CountDown from '../../components/up-count-down/countDown.js'
+import CountTo from '../../components/up-count-to/countTo.js'
+import DatetimePicker from '../../components/up-datetime-picker/datetimePicker.js'
+import Divider from '../../components/up-divider/divider.js'
+import Empty from '../../components/up-empty/empty.js'
+import Form from '../../components/up-form/form.js'
+import GormItem from '../../components/up-form-item/formItem.js'
+import Gap from '../../components/up-gap/gap.js'
+import Grid from '../../components/up-grid/grid.js'
+import GridItem from '../../components/up-grid-item/gridItem.js'
+import Icon from '../../components/up-icon/icon.js'
+import Image from '../../components/up-image/image.js'
+import IndexAnchor from '../../components/up-index-anchor/indexAnchor.js'
+import IndexList from '../../components/up-index-list/indexList.js'
+import Input from '../../components/up-input/input.js'
+import Keyboard from '../../components/up-keyboard/keyboard.js'
+import Line from '../../components/up-line/line.js'
+import LineProgress from '../../components/up-line-progress/lineProgress.js'
+import Link from '../../components/up-link/link.js'
+import List from '../../components/up-list/list.js'
+import ListItem from '../../components/up-list-item/listItem.js'
+import LoadingIcon from '../../components/up-loading-icon/loadingIcon.js'
+import LoadingPage from '../../components/up-loading-page/loadingPage.js'
+import Loadmore from '../../components/up-loadmore/loadmore.js'
+import Modal from '../../components/up-modal/modal.js'
+import Navbar from '../../components/up-navbar/navbar.js'
+import NoNetwork from '../../components/up-no-network/noNetwork.js'
+import NoticeBar from '../../components/up-notice-bar/noticeBar.js'
+import Notify from '../../components/up-notify/notify.js'
+import NumberBox from '../../components/up-number-box/numberBox.js'
+import NumberKeyboard from '../../components/up-number-keyboard/numberKeyboard.js'
+import Overlay from '../../components/up-overlay/overlay.js'
+import Parse from '../../components/up-parse/parse.js'
+import Picker from '../../components/up-picker/picker.js'
+import Popup from '../../components/up-popup/popup.js'
+import Radio from '../../components/up-radio/radio.js'
+import RadioGroup from '../../components/up-radio-group/radioGroup.js'
+import Rate from '../../components/up-rate/rate.js'
+import ReadMore from '../../components/up-read-more/readMore.js'
+import Row from '../../components/up-row/row.js'
+import RowNotice from '../../components/up-row-notice/rowNotice.js'
+import ScrollList from '../../components/up-scroll-list/scrollList.js'
+import Search from '../../components/up-search/search.js'
+// import Section from '../../components/up-section/section.js'
+import Skeleton from '../../components/up-skeleton/skeleton.js'
+import Slider from '../../components/up-slider/slider.js'
+import StatusBar from '../../components/up-status-bar/statusBar.js'
+import Steps from '../../components/up-steps/steps.js'
+import StepsItem from '../../components/up-steps-item/stepsItem.js'
+import Sticky from '../../components/up-sticky/sticky.js'
+import Subsection from '../../components/up-subsection/subsection.js'
+import SwipeAction from '../../components/up-swipe-action/swipeAction.js'
+import SwipeActionItem from '../../components/up-swipe-action-item/swipeActionItem.js'
+import Swiper from '../../components/up-swiper/swiper.js'
+import SwipterIndicator from '../../components/up-swiper-indicator/swipterIndicator.js'
+import Switch from '../../components/up-switch/switch.js'
+import Tabbar from '../../components/up-tabbar/tabbar.js'
+import TabbarItem from '../../components/up-tabbar-item/tabbarItem.js'
+import Tabs from '../../components/up-tabs/tabs.js'
+import Tag from '../../components/up-tag/tag.js'
+import Text from '../../components/up-text/text.js'
+import Textarea from '../../components/up-textarea/textarea.js'
+import Toast from '../../components/up-toast/toast.js'
+import Toolbar from '../../components/up-toolbar/toolbar.js'
+import Tooltip from '../../components/up-tooltip/tooltip.js'
+import Transition from '../../components/up-transition/transition.js'
+import Upload from '../../components/up-upload/upload.js'
+
+const {
+    color
+} = config
+
+export default {
+    ...ActionSheet,
+    ...Album,
+    ...Alert,
+    ...Avatar,
+    ...AvatarGroup,
+    ...Backtop,
+    ...Badge,
+    ...Button,
+    ...Calendar,
+    ...CarKeyboard,
+    ...Cell,
+    ...CellGroup,
+    ...Checkbox,
+    ...CheckboxGroup,
+    ...CircleProgress,
+    ...Code,
+    ...CodeInput,
+    ...Col,
+    ...Collapse,
+    ...CollapseItem,
+    ...ColumnNotice,
+    ...CountDown,
+    ...CountTo,
+    ...DatetimePicker,
+    ...Divider,
+    ...Empty,
+    ...Form,
+    ...GormItem,
+    ...Gap,
+    ...Grid,
+    ...GridItem,
+    ...Icon,
+    ...Image,
+    ...IndexAnchor,
+    ...IndexList,
+    ...Input,
+    ...Keyboard,
+    ...Line,
+    ...LineProgress,
+    ...Link,
+    ...List,
+    ...ListItem,
+    ...LoadingIcon,
+    ...LoadingPage,
+    ...Loadmore,
+    ...Modal,
+    ...Navbar,
+    ...NoNetwork,
+    ...NoticeBar,
+    ...Notify,
+    ...NumberBox,
+    ...NumberKeyboard,
+    ...Overlay,
+    ...Parse,
+    ...Picker,
+    ...Popup,
+    ...Radio,
+    ...RadioGroup,
+    ...Rate,
+    ...ReadMore,
+    ...Row,
+    ...RowNotice,
+    ...ScrollList,
+    ...Search,
+    // ...Section,
+    ...Skeleton,
+    ...Slider,
+    ...StatusBar,
+    ...Steps,
+    ...StepsItem,
+    ...Sticky,
+    ...Subsection,
+    ...SwipeAction,
+    ...SwipeActionItem,
+    ...Swiper,
+    ...SwipterIndicator,
+    ...Switch,
+    ...Tabbar,
+    ...TabbarItem,
+    ...Tabs,
+    ...Tag,
+    ...Text,
+    ...Textarea,
+    ...Toast,
+    ...Toolbar,
+    ...Tooltip,
+    ...Transition,
+    ...Upload
+}

package/uview-ultra/libs/config/props.uts

@@ -0,0 +1,3 @@
+let obj: UTSJSONObject = UTSJSONObject.assign({},
+);
+export default obj;

package/uview-ultra/libs/config/zIndex.js

@@ -0,0 +1,20 @@
+// uniapp在H5中各API的z-index值如下：
+/**
+ * actionsheet: 999
+ * modal: 999
+ * navigate: 998
+ * tabbar: 998
+ * toast: 999
+ */
+
+export default {
+    toast: 10090,
+    noNetwork: 10080,
+    // popup包含popup，actionsheet，keyboard，picker的值
+    popup: 10075,
+    mask: 10070,
+    navbar: 980,
+    topTips: 975,
+    sticky: 970,
+    indexListSticky: 965
+}

package/uview-ultra/libs/config/zIndex.uts

@@ -0,0 +1,20 @@
+// uniapp在H5中各API的z-index值如下：
+/**
+ * actionsheet: 999
+ * modal: 999
+ * navigate: 998
+ * tabbar: 998
+ * toast: 999
+ */
+
+export default {
+    toast: 10090,
+    noNetwork: 10080,
+    // popup包含popup，actionsheet，keyboard，picker的值
+    popup: 10075,
+    mask: 10070,
+    navbar: 980,
+    topTips: 975,
+    sticky: 970,
+    indexListSticky: 965
+} as UTSJSONObject