gxd-uni-library-editx 1.0.0

package/src/dome/dome/clip.vue

@@ -0,0 +1,82 @@
+<template>
+  <xd-layout
+    title="图片剪辑"
+    background="#f8f8f8"
+    :show-bar="true"
+    :show-footer="false"
+    @back="back"
+  >
+    <button @tap="chooseImage()">选择图片</button>
+    <image class="image" @click="handleClick(path)" mode="aspectFit" :src="path"></image>
+    <xd-clip-image
+      @confirm="onok"
+      @cancel="oncancle"
+      :source-src="url"
+      :crop-height="200"
+      :crop-width="300"
+    ></xd-clip-image>
+  </xd-layout>
+</template>
+
+<script>
+
+  import XdLayout from "@/components/XdLayout/XdLayout";
+  import XdClipImage from "@/components/XdClipImage/XdClipImage";
+
+  export default {
+		components: {
+      XdClipImage,
+      XdLayout
+    },
+
+		data() {
+			return {
+        url: "",
+        path: ""
+      }
+		},
+
+		created() {
+
+		},
+		methods: {
+      chooseImage() {
+        uni.chooseImage({
+          success: (res) => {
+            console.log(res)
+            // 设置url的值，显示控件
+            this.url = res.tempFilePaths[0];
+            this.path = res.tempFilePaths[0];
+          }
+        });
+      },
+      onok(ev) {
+        this.path = ev.detail.tempFilePath[0];
+        this.url = "";
+      },
+      oncancle() {
+        this.url = "";
+      },
+
+      back(){
+        this.$xdUniHelper.navigateBack()
+      },
+
+      handleClick(url){
+        uni.previewImage({
+          urls: [url]
+        })
+      }
+    }
+	}
+</script>
+
+<style lang="less">
+
+  .image {
+    width: 200px;
+    height: 150px;
+  }
+
+
+</style>

package/src/dome/dome/date/date.vue

@@ -0,0 +1,273 @@
+<template>
+	<view class="calendar-content" v-if="showCalendar">
+    <xd-bar @click="back">日历组件</xd-bar>
+		<text class="example-info">日历组件可以查看日期，选择任意范围内的日期，打点操作。常用场景如：酒店日期预订、火车机票选择购买日期、上下班打卡等。</text>
+    <xd-title-section title="插入模式" type="line"></xd-title-section>
+		<view>
+			<xd-date
+        :selected="info.selected"
+        :current-is-show-other-month="false"
+        :showMonth="true"
+        :selected-circle="false"
+        :startDate="info.startDate"
+        :endDate="info.endDate"
+        @change="change"
+        @monthSwitch="monthSwitch">
+      </xd-date>
+		</view>
+		<xd-title-section title="弹出模式" type="line"></xd-title-section>
+		<view class="example-body">
+      <xd-button btn-type="danger" @click="open">打开日历</xd-button>
+		</view>
+    <xd-date
+      :show.sync="show"
+      :select-type="true"
+      :current-is-show-other-month="false"
+      :clearDate="false"
+      :showMonth="false"
+      :range="false"
+      :insert="false"
+      :pleStatus="endMultipleStatus"
+      @confirm="monthSwitch"
+    />
+	</view>
+</template>
+
+<script>
+	import XdDate from "@/components/XdDate/XdDate";
+  import XdTitleSection from "@/components/XdTitleSection/XdTitleSection";
+  import XdBar from "@/components/XdBar/XdBar";
+  import XdButton from "@/components/XdButton/XdButton";
+  import selected from './selected'
+
+
+  /**
+	 * 获取任意时间
+	 */
+	function getDate(date, AddDayCount = 0, type) {
+		if (!date) {
+			date = new Date()
+		}
+		if (typeof date !== 'object') {
+			date = date.replace(/-/g, '/')
+		}
+		const dd = new Date(date)
+
+		dd.setDate(dd.getDate() + AddDayCount) // 获取AddDayCount天后的日期
+
+		const y = dd.getFullYear();
+		const m = dd.getMonth() + 1 < 10 ? '0' + (dd.getMonth() + 1) : dd.getMonth() + 1 // 获取当前月份的日期，不足10补0
+		const d = dd.getDate() < 10 ? '0' + dd.getDate() : dd.getDate() // 获取当前几号，不足10补0
+		return {
+			fullDate: y + '-' + m + '-' + d,
+			year: y,
+			month: m,
+			date: d,
+			day: dd.getDay()
+		}
+	}
+
+	export default {
+		components: {
+		  XdButton,
+      XdBar,
+      XdTitleSection,
+      XdDate,
+    },
+		data() {
+			return {
+				showCalendar: true,
+        datetimerange: ['', ''],
+        show: false,
+        tempRange: {
+          startDate: '',
+          startTime: '',
+          endDate: '',
+          endTime: ''
+        },
+        caleRange: {
+          startDate: '',
+          startTime: '',
+          endDate: '',
+          endTime: ''
+        },
+        endMultipleStatus: {
+          before: '',
+          after: '',
+          data: [],
+          fulldate: ''
+        },
+
+				info: {
+					lunar: false,
+					range: false,
+					insert: false,
+					selected: []
+				}
+			}
+		},
+		mounted() {
+			this.$nextTick(() => {
+        setTimeout(()=>{
+          let date = [];
+          selected.result.data.map(item=>{
+            date.push({
+              ...item,
+              info: item['isky'],
+              disable: item['isky'] === '不可约'
+            })
+          });
+          this.$set(this.info, 'startDate', selected.result.data[0].date);
+          this.$set(this.info, 'endDate', selected.result.data[selected.result.data.length - 1].date);
+          this.$set(this.info, 'selected', date);
+          console.log(selected.result.data.length)
+        }, 2000)
+			});
+		},
+		methods: {
+			open() {
+        //this.$refs.mobile.open()
+        this.show = true
+			},
+      back(){
+			  this.$xdUniHelper.navigateBack();
+      },
+
+			close() {
+				console.log('弹窗关闭');
+			},
+
+			change(e) {
+				console.log('change 返回:', e)
+				// 模拟动态打卡
+				if (this.info.selected.length > 5) return
+				this.info.selected.push({
+					date: e.fulldate,
+					info: '打卡'
+				})
+			},
+
+			confirm(e) {
+				console.log('confirm 返回:', e)
+			},
+
+			monthSwitch(e) {
+				console.log('monthSwitchs 返回:', e)
+			}
+		}
+	}
+</script>
+
+<style>
+	/* 头条小程序组件内不能引入字体 */
+	/* #ifdef MP-TOUTIAO */
+	@font-face {
+		font-family: uniicons;
+		font-weight: normal;
+		font-style: normal;
+		src: url('~@/static/uni.ttf') format('truetype');
+	}
+
+	/* #endif */
+
+	/* #ifndef APP-NVUE */
+	page {
+		display: flex;
+		flex-direction: column;
+		box-sizing: border-box;
+		background-color: #efeff4;
+		min-height: 100%;
+		height: auto;
+	}
+
+	view {
+		font-size: 14px;
+		line-height: inherit;
+	}
+
+	.example {
+		padding: 0 15px 15px;
+	}
+
+	.example-info {
+		padding: 15px;
+		color: #3b4144;
+		background: #ffffff;
+	}
+
+	.example-body {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		flex-wrap: wrap;
+		justify-content: center;
+		padding: 0;
+		font-size: 14px;
+		background-color: #ffffff;
+	}
+
+	/* #endif */
+	.example {
+		padding: 0 15px;
+	}
+
+	.example-info {
+		/* #ifndef APP-NVUE */
+		display: block;
+		/* #endif */
+		padding: 15px;
+		color: #3b4144;
+		background-color: #ffffff;
+		font-size: 14px;
+		line-height: 20px;
+	}
+
+	.example-info-text {
+		font-size: 14px;
+		line-height: 20px;
+		color: #3b4144;
+	}
+
+
+	.example-body {
+		flex-direction: column;
+		padding: 15px;
+		background-color: #ffffff;
+	}
+
+	.word-btn-white {
+		font-size: 18px;
+		color: #FFFFFF;
+	}
+
+	.word-btn {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		border-radius: 6px;
+		height: 48px;
+		margin: 15px;
+		background-color: #007AFF;
+	}
+
+	.word-btn--hover {
+		background-color: #4ca2ff;
+	}
+
+	.example-body {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+	}
+
+	.calendar-button {
+		flex: 1;
+		font-weight: bold;
+		font-size: 32rpx;
+	}
+</style>

package/src/dome/dome/date/selected.js

@@ -0,0 +1,315 @@
+'use strict';
+
+export default {
+  "code": 200,
+  "result": {
+    "data": [
+      {
+        "date": "2021-09-30",
+        "week": "周四",
+        "isky": "可约",
+      },
+      {
+        "date": "2021-10-01",
+        "week": "周五",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-10-02",
+        "week": "周六",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-10-03",
+        "week": "周日",
+        "isky": "不可约"
+      },
+      {
+        "date": "2021-10-04",
+        "week": "周一",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-10-05",
+        "week": "周二",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-10-06",
+        "week": "周三",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-10-07",
+        "week": "周四",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-10-08",
+        "week": "周五",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-10-09",
+        "week": "周六",
+        "isky": "不可约"
+      },
+      {
+        "date": "2021-10-10",
+        "week": "周日",
+        "isky": "不可约"
+      },
+      {
+        "date": "2021-10-11",
+        "week": "周一",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-10-12",
+        "week": "周二",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-10-13",
+        "week": "周三",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-10-14",
+        "week": "周四",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-10-15",
+        "week": "周五",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-10-16",
+        "week": "周六",
+        "isky": "不可约"
+      },
+      {
+        "date": "2021-10-17",
+        "week": "周日",
+        "isky": "不可约"
+      },
+      {
+        "date": "2021-10-18",
+        "week": "周一",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-10-19",
+        "week": "周二",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-10-20",
+        "week": "周三",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-10-21",
+        "week": "周四",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-10-22",
+        "week": "周五",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-10-23",
+        "week": "周六",
+        "isky": "不可约"
+      },
+      {
+        "date": "2021-10-24",
+        "week": "周日",
+        "isky": "不可约"
+      },
+      {
+        "date": "2021-10-25",
+        "week": "周一",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-10-26",
+        "week": "周二",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-10-27",
+        "week": "周三",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-10-28",
+        "week": "周四",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-10-29",
+        "week": "周五",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-10-30",
+        "week": "周六",
+        "isky": "不可约"
+      },
+      {
+        "date": "2021-10-31",
+        "week": "周日",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-11-01",
+        "week": "周一",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-11-02",
+        "week": "周二",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-11-03",
+        "week": "周三",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-11-04",
+        "week": "周四",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-11-05",
+        "week": "周五",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-11-06",
+        "week": "周六",
+        "isky": "不可约"
+      },
+      {
+        "date": "2021-11-07",
+        "week": "周日",
+        "isky": "不可约"
+      },
+      {
+        "date": "2021-11-08",
+        "week": "周一",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-11-09",
+        "week": "周二",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-11-10",
+        "week": "周三",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-11-11",
+        "week": "周四",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-11-12",
+        "week": "周五",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-11-13",
+        "week": "周六",
+        "isky": "不可约"
+      },
+      {
+        "date": "2021-11-14",
+        "week": "周日",
+        "isky": "不可约"
+      },
+      {
+        "date": "2021-11-15",
+        "week": "周一",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-11-16",
+        "week": "周二",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-11-17",
+        "week": "周三",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-11-18",
+        "week": "周四",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-11-19",
+        "week": "周五",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-11-20",
+        "week": "周六",
+        "isky": "不可约"
+      },
+      {
+        "date": "2021-11-21",
+        "week": "周日",
+        "isky": "不可约"
+      },
+      {
+        "date": "2021-11-22",
+        "week": "周一",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-11-23",
+        "week": "周二",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-11-24",
+        "week": "周三",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-11-25",
+        "week": "周四",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-11-26",
+        "week": "周五",
+        "isky": "可约"
+      },
+      {
+        "date": "2021-11-27",
+        "week": "周六",
+        "isky": "不可约"
+      },
+      {
+        "date": "2021-11-28",
+        "week": "周日",
+        "isky": "不可约"
+      },
+      {
+        "date": "2021-11-29",
+        "week": "周一",
+        "isky": "可约"
+      }
+    ]
+  },
+  "message": "success"
+}

package/src/dome/dome/dcom/app1.vue

@@ -0,0 +1,13 @@
+<template>
+  <view>1</view>
+</template>
+
+<script>
+  export default {
+    name: "app1"
+  }
+</script>
+
+<style scoped>
+
+</style>

package/src/dome/dome/dcom/app2.vue

@@ -0,0 +1,13 @@
+<template>
+  <view>2</view>
+</template>
+
+<script>
+  export default {
+    name: "app2"
+  }
+</script>
+
+<style scoped>
+
+</style>

package/src/dome/dome/dcom/app3.vue

@@ -0,0 +1,13 @@
+<template>
+  <view>3</view>
+</template>
+
+<script>
+  export default {
+    name: "app3"
+  }
+</script>
+
+<style scoped>
+
+</style>