@kengic/uni 0.3.2-beta.8 → 0.3.2

package/dist/uni/uni-ui/index.ts

@@ -0,0 +1,62 @@
+export { default as UniBadge } from './uni-badge/uni-badge.vue';
+export { default as UniBreadcrumb } from './uni-breadcrumb/uni-breadcrumb.vue';
+export { default as UniBreadcrumbItem } from './uni-breadcrumb-item/uni-breadcrumb-item.vue';
+export { default as UniCalendar } from './uni-calendar/uni-calendar.vue';
+export { default as UniCard } from './uni-card/uni-card.vue';
+export { default as UniCol } from './uni-col/uni-col.vue';
+export { default as UniCollapse } from './uni-collapse/uni-collapse.vue';
+export { default as UniCollapseItem } from './uni-collapse-item/uni-collapse-item.vue';
+export { default as UniCombox } from './uni-combox/uni-combox.vue';
+export { default as UniCountdown } from './uni-countdown/uni-countdown.vue';
+export { default as UniDataCheckbox } from './uni-data-checkbox/uni-data-checkbox.vue';
+export { default as UniDataPicker } from './uni-data-picker/uni-data-picker.vue';
+export { default as UniDataPickerview } from './uni-data-pickerview/uni-data-pickerview.vue';
+export { default as UniDataSelect } from './uni-data-select/uni-data-select.vue';
+export { default as UniDateformat } from './uni-dateformat/uni-dateformat.vue';
+export { default as UniDatetimePicker } from './uni-datetime-picker/uni-datetime-picker.vue';
+export { default as UniDrawer } from './uni-drawer/uni-drawer.vue';
+export { default as UniEasyinput } from './uni-easyinput/uni-easyinput.vue';
+export { default as UniFab } from './uni-fab/uni-fab.vue';
+export { default as UniFav } from './uni-fav/uni-fav.vue';
+export { default as UniFilePicker } from './uni-file-picker/uni-file-picker.vue';
+export { default as UniForms } from './uni-forms/uni-forms.vue';
+export { default as UniFormsItem } from './uni-forms-item/uni-forms-item.vue';
+export { default as UniGoodsNav } from './uni-goods-nav/uni-goods-nav.vue';
+export { default as UniGrid } from './uni-grid/uni-grid.vue';
+export { default as UniGridItem } from './uni-grid-item/uni-grid-item.vue';
+export { default as UniGroup } from './uni-group/uni-group.vue';
+export { default as UniIcons } from './uni-icons/uni-icons.vue';
+export { default as UniIndexedList } from './uni-indexed-list/uni-indexed-list.vue';
+export { default as UniLink } from './uni-link/uni-link.vue';
+export { default as UniList } from './uni-list/uni-list.vue';
+export { default as UniListAd } from './uni-list-ad/uni-list-ad.vue';
+export { default as UniListChat } from './uni-list-chat/uni-list-chat.vue';
+export { default as UniListItem } from './uni-list-item/uni-list-item.vue';
+export { default as UniLoadMore } from './uni-load-more/uni-load-more.vue';
+export { default as UniNavBar } from './uni-nav-bar/uni-nav-bar.vue';
+export { default as UniNoticeBar } from './uni-notice-bar/uni-notice-bar.vue';
+export { default as UniNumberBox } from './uni-number-box/uni-number-box.vue';
+export { default as UniPagination } from './uni-pagination/uni-pagination.vue';
+export { default as UniPopup } from './uni-popup/uni-popup.vue';
+export { default as UniPopupDialog } from './uni-popup-dialog/uni-popup-dialog.vue';
+export { default as UniPopupMessage } from './uni-popup-message/uni-popup-message.vue';
+export { default as UniPopupShare } from './uni-popup-share/uni-popup-share.vue';
+export { default as UniRate } from './uni-rate/uni-rate.vue';
+export { default as UniRow } from './uni-row/uni-row.vue';
+export { default as UniSearchBar } from './uni-search-bar/uni-search-bar.vue';
+export { default as UniSection } from './uni-section/uni-section.vue';
+export { default as UniSegmentedControl } from './uni-segmented-control/uni-segmented-control.vue';
+export { default as UniSteps } from './uni-steps/uni-steps.vue';
+export { default as UniSwipeAction } from './uni-swipe-action/uni-swipe-action.vue';
+export { default as UniSwipeActionItem } from './uni-swipe-action-item/uni-swipe-action-item.vue';
+export { default as UniSwiperDot } from './uni-swiper-dot/uni-swiper-dot.vue';
+export { default as UniTable } from './uni-table/uni-table.vue';
+export { default as UniTag } from './uni-tag/uni-tag.vue';
+export { default as UniTbody } from './uni-tbody/uni-tbody.vue';
+export { default as UniTd } from './uni-td/uni-td.vue';
+export { default as UniTh } from './uni-th/uni-th.vue';
+export { default as UniThead } from './uni-thead/uni-thead.vue';
+export { default as UniTitle } from './uni-title/uni-title.vue';
+export { default as UniTooltip } from './uni-tooltip/uni-tooltip.vue';
+export { default as UniTr } from './uni-tr/uni-tr.vue';
+export { default as UniTransition } from './uni-transition/uni-transition.vue';

package/dist/uni/uni-ui/uni-breadcrumb/uni-breadcrumb.vue

@@ -0,0 +1,41 @@
+<template>
+    <view class="uni-breadcrumb">
+        <slot />
+    </view>
+</template>
+<script>
+/**
+ * Breadcrumb 面包屑导航父组件
+ * @description 显示当前页面的路径，快速返回之前的任意页面
+ * @tutorial https://ext.dcloud.net.cn/plugin?id=xxx
+ * @property {String} separator 分隔符，默认为斜杠'/'
+ * @property {String} separatorClass 图标分隔符 class
+ */
+export default {
+    name: 'UniBreadcrumb',
+    options: {
+        virtualHost: true,
+    },
+    props: {
+        separator: {
+            type: String,
+            default: '/',
+        },
+        separatorClass: {
+            type: String,
+            default: '',
+        },
+    },
+
+    provide() {
+        return {
+            uniBreadcrumb: this,
+        };
+    },
+};
+</script>
+<style lang="scss">
+.uni-breadcrumb {
+    display: flex;
+}
+</style>

package/dist/uni/uni-ui/uni-breadcrumb-item/uni-breadcrumb-item.vue

@@ -0,0 +1,125 @@
+<template>
+    <view class="uni-breadcrumb-item">
+        <view
+            :class="{
+                'uni-breadcrumb-item--slot': true,
+                'uni-breadcrumb-item--slot-link': to && currentPage !== to,
+            }"
+            @click="navTo"
+        >
+            <slot />
+        </view>
+        <i v-if="separatorClass" class="uni-breadcrumb-item--separator" :class="separatorClass" />
+        <text v-else class="uni-breadcrumb-item--separator">{{ separator }}</text>
+    </view>
+</template>
+<script>
+/**
+ * BreadcrumbItem 面包屑导航子组件
+ * @property {String/Object} to 路由跳转页面路径/对象
+ * @property {Boolean} replace 在使用 to 进行路由跳转时，启用 replace 将不会向 history 添加新记录(仅 h5 支持）
+ */
+export default {
+    name: 'UniBreadcrumbItem',
+    data() {
+        return {
+            currentPage: '',
+        };
+    },
+    options: {
+        virtualHost: true,
+    },
+    props: {
+        to: {
+            type: String,
+            default: '',
+        },
+        replace: {
+            type: Boolean,
+            default: false,
+        },
+    },
+    inject: {
+        uniBreadcrumb: {
+            from: 'uniBreadcrumb',
+            default: null,
+        },
+    },
+    created() {
+        const pages = getCurrentPages();
+        const page = pages[pages.length - 1];
+
+        if (page) {
+            this.currentPage = `/${page.route}`;
+        }
+    },
+    computed: {
+        separator() {
+            return this.uniBreadcrumb.separator;
+        },
+        separatorClass() {
+            return this.uniBreadcrumb.separatorClass;
+        },
+    },
+    methods: {
+        navTo() {
+            const { to } = this;
+
+            if (!to || this.currentPage === to) {
+                return;
+            }
+
+            if (this.replace) {
+                uni.redirectTo({
+                    url: to,
+                });
+            } else {
+                uni.navigateTo({
+                    url: to,
+                });
+            }
+        },
+    },
+};
+</script>
+<style lang="scss">
+$uni-primary: #2979ff !default;
+$uni-base-color: #6a6a6a !default;
+$uni-main-color: #3a3a3a !default;
+.uni-breadcrumb-item {
+    display: flex;
+    align-items: center;
+    white-space: nowrap;
+    font-size: 14px;
+
+    &--slot {
+        color: $uni-base-color;
+        padding: 0 10px;
+
+        &-link {
+            color: $uni-main-color;
+            font-weight: bold;
+            /* #ifndef APP-NVUE */
+            cursor: pointer;
+            /* #endif */
+
+            &:hover {
+                color: $uni-primary;
+            }
+        }
+    }
+
+    &--separator {
+        font-size: 12px;
+        color: $uni-base-color;
+    }
+
+    &:first-child &--slot {
+        padding-left: 0;
+    }
+
+    &:last-child &--separator {
+        display: none;
+    }
+}
+</style>