gxd-uni-library-editx 1.0.0

package/src/dome/dome/order/success.vue

@@ -0,0 +1,68 @@
+<template>
+  <xd-layout
+    title="订单状态"
+    background="#eee"
+    :show-bar="true"
+    :show-footer="false"
+    @back="back"
+  >
+    <xd-my-success
+      :info="null"
+      :order="null"
+      @onBtn="handleOnBtnClick"
+      @getStatus="getStatus"
+    ></xd-my-success>
+  </xd-layout>
+</template>
+
+<script>
+  import {mapActions} from 'vuex';
+  import XdLayout from "@/components/XdLayout/XdLayout";
+  import XdMySuccess from "@/components/XdMySuccess/XdMySuccess";
+
+  export default {
+    name: "",
+    components: {
+      XdMySuccess,
+      XdLayout
+    },
+    data() {
+      return {}
+    },
+    methods: {
+      ...mapActions('xxx', [
+        'xxx'
+      ]),
+
+      back(){
+        this.$xdUniHelper.navigateBack()
+      },
+
+      handleOnBtnClick({btn,item}){
+        console.log(btn, item)
+      },
+
+      /**
+       * @description 获取订单详情，轮询时间使用2n次方递增方式
+       * @param resolve 回调函数
+       */
+      getStatus(resolve){
+        setTimeout(()=>{
+          console.log('order','reslut');
+          resolve({
+            icon: 'icondingdanwancheng', //iconfont里面的图标 ， 成功=>icondingdanwancheng，失败：icongerenzhongxinchufabaocuo
+            iconSize: 80, //图标大小
+            iconColor: 'red', //图标颜色
+            orderName: '订单已支付成功', //订单状态名称
+            orderStatus: '3000', //订单状态名称
+          })
+        },1000)
+
+      },
+    }
+  }
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/dome/dome/product.vue

@@ -0,0 +1,179 @@
+<template>
+  <xd-layout
+    title="商品详情"
+    background="#f8f8f8"
+    :show-footer="false"
+    @back="back"
+  >
+    <xd-store-product-info
+      :item="item"
+      :collect="collect"
+      :cart-number="cartNumber"
+      :address="address"
+      :select-number="selectNumber"
+      :is-show-selected="true"
+      @onCollect="handleCollect"
+      @onFastLink="handleFastLink"
+      @onFastBtn="handleFastBtn"
+      @onSelect="handleSelect"
+      @onAddress="handleAddress"
+    >
+    </xd-store-product-info>
+  </xd-layout>
+</template>
+
+<script>
+  import XdLayout from "@/components/XdLayout/XdLayout";
+  import XdStoreCart from "@/components/XdCartList/XdCartList";
+  import XdStoreProductInfo from "@/components/XdStoreProductInfo/XdStoreProductInfo";
+
+  export default {
+    name: "AppProduct",
+    components: {
+      XdStoreProductInfo,
+      XdLayout,
+      XdStoreCart
+    },
+    data() {
+      return {
+        collect: false,
+        cartNumber: 99,
+        address:null,
+        selectNumber: null,
+
+        item: {
+          //头部轮播图
+          thumb: ["https:\/\/jfb-public-images.oss-cn-qingdao.aliyuncs.com\/20210604101103940.jpg", "https:\/\/jfb-public-images.oss-cn-qingdao.aliyuncs.com\/20210604101113376.jpg", "https:\/\/jfb-public-images.oss-cn-qingdao.aliyuncs.com\/20210604101122312.jpg"],
+          product_name: '中粮 福临门小厨味道米面礼盒 4.5kg', //商品名称
+          product_short_desc: '中粮 福临门小厨味道米面礼盒 4.5kg中粮 福临门小厨味道米面礼盒 4.5kg', //商品短名称
+          product_sub_name: '尺寸/口味/人群', //副标题，无此此地不显示副标题
+          sale_price: 150, //价格
+          id: 199191,
+          collect: true, //是否启用收藏按钮(undefined => 不显示  true=> 已收藏， false=> 未收藏)
+
+
+          //产品显示标签
+          infoLabel: [
+            {
+              label: '描述',
+              value: '下午茶类产品不包含生日帽、蜡烛和巧克力牌',
+            },
+            {
+              label: '保质期',
+              value: '当天食用',
+            },
+            {
+              label: '预约时间',
+              value: '提前24小时预约',
+            },
+            {
+              label: '配送方式',
+              value: ['专人配送', '到店自提', '快递物流'],
+            },
+            {
+              label: '配送范围',
+              value: '北京，上海，河北唐山，大连 或者  北京，上海城市地区除外',
+            },
+          ],
+
+          tips: '请到店内兑换',
+
+          //发货提示
+          notice: '订单付款后72小时内发货，法定节假日顺延到工作日发货',
+
+          //快速链接地址  align=left，right， center
+          // links: [
+          //   {name: '查看配送范围', value: '全国', key: 0, align: 'right'},
+          //   {name: '支持门店', value: '某某门店', key: 1, align: 'right'}
+          // ],
+
+          //快速按钮
+          fastBtns: [
+            {type: 'primary', name: '加入购物车', disabled: true},
+            {type: 'subPrimary', name: '立即购买', disabled: true},
+          ],
+
+          //详情
+          //detail: "\n                                                                                                                                    \n                                                                            \u003Cp\u003E\u003Cimg src=\u0022https:\/\/jfb-public-images.oss-cn-qingdao.aliyuncs.com\/20210119153542102.png?x-oss-process=style\/common\u0022 style=\u0022width: 100%;\u0022\u003E\u003C\/p\u003E\n                                                                                                                        \u003Cdiv\u003E\u003Cimg src=\u0022https:\/\/jfb-public-images.oss-cn-qingdao.aliyuncs.com\/7daysservice.jpeg\u0022 width=\u0022100%\u0022\u003E\u003C\/div\u003E",
+          detail: "\n                                                                                                                                    \n                                                                                                                                    \n                                                                                                                                    \n                                                                                                                                    \n                                                                            \u003Cp\u003E\u5907\u6ce8\uff1a\u003C\/p\u003E\u003Cp\u003E1\u3001\u672c\u4ea7\u54c1\u4e0d\u652f\u63017\u5929\u65e0\u7406\u7531\u9000\u6362\u8d27\u003C\/p\u003E\u003Cp\u003E2\u3001\u65b0\u7586\u3001\u897f\u85cf\u3001\u5185\u8499\u3001\u6d77\u5357\u3001\u6e2f\u6fb3\u53f0\u4e0d\u652f\u6301\u6d3e\u4ef6\u003C\/p\u003E\u003Cp\u003E\u003Cimg src=\u0022https:\/\/jfb-public-images.oss-cn-qingdao.aliyuncs.com\/20201130142948482.jpg?x-oss-process=style\/common\u0022 style=\u0022width: 100%;\u0022\u003E\u003C\/p\u003E\u003Cp\u003E\u003Cimg src=\u0022https:\/\/jfb-public-images.oss-cn-qingdao.aliyuncs.com\/20201130142947977.jpg?x-oss-process=style\/common\u0022 style=\u0022width: 100%;\u0022\u003E\u003C\/p\u003E\u003Cp\u003E\u003Cimg src=\u0022https:\/\/jfb-public-images.oss-cn-qingdao.aliyuncs.com\/20201130142947278.jpg?x-oss-process=style\/common\u0022 style=\u0022width: 100%;\u0022\u003E\u003C\/p\u003E\u003Cp\u003E\u003Cimg src=\u0022https:\/\/jfb-public-images.oss-cn-qingdao.aliyuncs.com\/20201130142947126.jpg?x-oss-process=style\/common\u0022 style=\u0022width: 100%;\u0022\u003E\u003C\/p\u003E\u003Cp\u003E\u003Cimg src=\u0022https:\/\/jfb-public-images.oss-cn-qingdao.aliyuncs.com\/20201130142947903.jpg?x-oss-process=style\/common\u0022 style=\u0022width: 100%;\u0022\u003E\u003C\/p\u003E\u003Cp\u003E\u003Cimg src=\u0022https:\/\/jfb-public-images.oss-cn-qingdao.aliyuncs.com\/20201130142947859.jpg?x-oss-process=style\/common\u0022 style=\u0022width: 100%;\u0022\u003E\u003C\/p\u003E\u003Cp\u003E\u003Cimg src=\u0022https:\/\/jfb-public-images.oss-cn-qingdao.aliyuncs.com\/20201130142947175.jpg?x-oss-process=style\/common\u0022 style=\u0022width: 100%;\u0022\u003E\u003C\/p\u003E\u003Cp\u003E\u003Cimg src=\u0022https:\/\/jfb-public-images.oss-cn-qingdao.aliyuncs.com\/20201130142947841.jpg?x-oss-process=style\/common\u0022 style=\u0022width: 100%;\u0022\u003E\u003C\/p\u003E\u003Cp\u003E\u003Cimg src=\u0022https:\/\/jfb-public-images.oss-cn-qingdao.aliyuncs.com\/20201130142947619.jpg?x-oss-process=style\/common\u0022 style=\u0022width: 100%;\u0022\u003E\u003C\/p\u003E\u003Cp\u003E\u003Cimg src=\u0022https:\/\/jfb-public-images.oss-cn-qingdao.aliyuncs.com\/20201130142948576.jpg?x-oss-process=style\/common\u0022 style=\u0022width: 100%;\u0022\u003E\u003C\/p\u003E\u003Cp\u003E\u003Cimg src=\u0022https:\/\/jfb-public-images.oss-cn-qingdao.aliyuncs.com\/20201130142947384.jpg?x-oss-process=style\/common\u0022 style=\u0022width: 100%;\u0022\u003E\u003C\/p\u003E\u003Cp\u003E\u003Cimg src=\u0022https:\/\/jfb-public-images.oss-cn-qingdao.aliyuncs.com\/20201130142947381.jpg?x-oss-process=style\/common\u0022 style=\u0022width: 100%;\u0022\u003E\u003C\/p\u003E\n                                                                                                                        \n                                                                                                                        \n                                                                                                                        \n                                                                                                                        \u003Cdiv\u003E\u003Cimg src=\u0022https:\/\/jfb-public-images.oss-cn-qingdao.aliyuncs.com\/7daysservice.jpeg\u0022 width=\u0022100%\u0022\u003E\u003C\/div\u003E",
+        },
+      }
+    },
+    created(){
+      setTimeout(()=>{
+        this.address = '河北省廊坊三河市北城汽车站片城建新村50号楼5单元3001室'
+      }, 1000);
+      setTimeout(()=>{
+        this.collect = true;
+        this.cartNumber = 100;
+        this.selectNumber = '2件'
+      }, 5000)
+    },
+
+    methods: {
+      back(){
+        this.$xdUniHelper.navigateBack()
+      },
+
+      /**
+       * @description 点击收藏事件
+       * @param item 当前商品对象
+       */
+      handleCollect(item) {
+        console.log('handleCollect',item)
+        this.$xdShowLoading({});
+        setTimeout(() => {
+          this.collect = !this.collect;
+          this.$xdHideLoading()
+        }, 1000)
+      },
+
+      /**
+       * @description 快速连接点击事件
+       * @param link 当前点击连接对象
+       * @param index 当前快速连接所在列表位置
+       */
+      handleFastLink({link ,index}){
+        if(index === 0) {
+          this.$xdUniHelper.redirectTo({
+
+          })
+        }
+        console.log('handleFastLink', link, index)
+      },
+
+      /**
+       * @description 快速按钮点击事件
+       * @param link 当前点击连接对象
+       * @param index 当前快速连接所在列表位置
+       */
+      handleFastBtn({btn, index}){
+        console.log('handleFastBtn', btn, index)
+      },
+
+      /**
+       * @description 选中规格事件
+       * @param item 当前商品信息对象
+       */
+      handleSelect(item) {
+        console.log('handleSelect', item)
+      },
+
+      /**
+       * @description 切换配送地址
+       */
+      handleAddress() {
+        console.log('onAddress');
+        setTimeout(()=>{
+          this.address = '河北省廊坊三河市北城汽车站片城建新村49号楼5单元2001室'
+        }, 2000)
+      }
+
+
+    }
+  }
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/dome/dome/store_cashier.vue

@@ -0,0 +1,67 @@
+<template>
+  <xd-layout
+    title="收银台"
+    background="#f8f8f8"
+    :show-bar="true"
+    :show-footer="false"
+    @back="back"
+  >
+    <view class="app-body">
+      <xd-cashier-money
+        @onSet="handleSetList"
+        @onGet="handleGetList"
+      >
+      </xd-cashier-money>
+    </view>
+  </xd-layout>
+</template>
+
+<script>
+  import XdLayout from "@/components/XdLayout/XdLayout";
+  import XdCashierMoney from "@/components/XdCashierMoney/XdCashierMoney";
+
+
+  export default {
+    name: "XdCartInde",
+    components: {
+      XdCashierMoney,
+      XdLayout,
+    },
+    data() {
+      return {
+
+      }
+    },
+
+    created(){
+
+    },
+
+    methods: {
+
+      handleSetList(){
+
+      },
+
+      /***
+       * @description 获取列表数据
+       * @param resolve
+       */
+      handleGetList(resolve){
+        setTimeout(()=>{
+          resolve(null)
+        }, 2000)
+      },
+
+      back(){
+        this.$xdUniHelper.navigateBack()
+      },
+    }
+  }
+</script>
+
+<style scoped lang="less">
+  .app-body {
+
+  }
+</style>

package/src/dome/dome/swiper.vue

@@ -0,0 +1,32 @@
+<template>
+  <xd-layout
+    title="滑选"
+    background="#f8f8f8"
+  >
+    <xd-swipe-select></xd-swipe-select>
+  </xd-layout>
+</template>
+
+<script>
+  import {mapActions} from 'vuex';
+  import XdLayout from "@/components/XdLayout/XdLayout";
+  import XdSwipeSelect from "@/components/XdSwipeSelect/XdSwipeSelect";
+
+  export default {
+    name: "AppSwiper",
+    components: {
+      XdSwipeSelect,
+      XdLayout
+    },
+    data() {
+      return {}
+    },
+    methods: {
+
+    }
+  }
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/dome/dome/webview.vue

@@ -0,0 +1,61 @@
+<template>
+  <web-view
+    :src="src"
+    @message="handleMessage"
+    @onPostMessage="handlePostMessage"
+  ></web-view>
+</template>
+
+<script>
+
+  export default {
+		components: {
+    },
+
+		data() {
+			return {
+        src: 'https://www.baidu.com'
+      }
+		},
+
+    watch:{
+		  src(val){
+		    console.log(val);
+      }
+    },
+
+		created() {
+      console.log(1111)
+		},
+		methods: {
+      handlePostMessage(evt){
+        console.log('handlePostMessage：' + JSON.stringify(evt.detail.data));
+      },
+      handleMessage(evt){
+        console.log('handleMessage：' + JSON.stringify(evt.detail.data));
+      },
+
+      back(){
+        console.log('back')
+        this.$xdUniHelper.navigateBack()
+      },
+
+
+
+    }
+	}
+</script>
+
+<style lang="less">
+  .app-body {
+    min-height: unit(100vh,rpx);
+  }
+  .app-time-line {
+    padding: unit(20,rpx);
+    & > view {
+      padding-bottom: unit(20,rpx);
+    }
+  }
+
+
+</style>

package/src/install.js

@@ -0,0 +1,183 @@
+'use strict';
+
+// 自动以数组加载并结构保存组件，便于遍历
+import helper from "@/utils/helper";
+import VueClipboard from 'vue-clipboard2';
+const color = require('color');
+import {mapState} from 'vuex';
+import store from "@/store/index";
+
+
+const install = (Vue, options = {}) => {
+  if (install.installed) return;
+  install.installed = true;
+
+  Vue.prototype.$xdUniHelper = helper;
+  Vue.prototype.$xdUniOptions = options;
+  Vue.prototype.$color = color;
+
+  /**
+   * @description 确认框
+   * @param obj {object}
+   * @param obj.zIndex {number} 样式层级关系 默认：1000
+   * @param obj.width {string} 确认框宽度 默认：65%
+   * @param obj.title {string} 标题文案
+   * @param obj.isTitle {boolean} 是否显示标题文案
+   * @param obj.titleColor {string} 提示文案颜色 默认：#fff
+   * @param obj.content {string|Element} html 只支持原生元素（请不要使用小程序相关元素组件，有兼容问题）,例如：<div style="color: green">html test</div>
+   * @param obj.contentColor {string} 文本颜色  默认：#333
+   * @param obj.isHtml {boolean} 是否支持html 默认：false
+   * @param obj.cancel {boolean} 是否显示取消按钮 默认：true
+   * @param obj.cancelText {string} 取消文本 默认：取消
+   * @param obj.cancelColorType {string} 按钮样式（primary,default,subPrimary,danger,info,warning,success） 默认：default
+   * @param obj.confirm {boolean} 是否显示确认按钮 默认：true
+   * @param obj.confirmText {string} 确认文本  默认：确认
+   * @param obj.confirmColorType {string} 确认按钮样式（primary,default,subPrimary,danger,info,warning,success） 默认：primary
+
+   *
+   * @param obj.success {function} 按钮回调事件
+   *
+   */
+  Vue.prototype.$xdConfirm = (obj) => {
+    obj['radius'] = obj['radius'] === undefined ? '10rpx' : obj['radius'];
+    store.commit('setXdInputConfirm', obj);
+  };
+
+  /**
+   * @description 提示框
+   * @param obj {Object}
+   * @param obj.zIndex {number} 样式层级关系 默认：1000
+   * @param obj.content {string|Element} html 只支持原生元素（请不要使用小程序相关元素组件，有兼容问题）,例如：<div style="color: green">html test</div>
+   * @param obj.contentColor {string} 文本颜色  默认：#eee
+   * @param obj.background {string} 提示框背景  默认：#333
+   * @param obj.isHtml {boolean} 是否支持html 默认：false
+   * @param obj.radius {string} 边框圆角  默认：确认10rpx
+   * @param obj.time {number} 关闭时间 默认: 1500ms
+   * @param obj.icon {string} icon标 支持iconfont 标准 默认：iconinfo
+   * @param obj.iconSize {string} icon大小 标准 默认：55
+   * @param obj.iconColor {string} icon标样式 标准 默认：#eee
+   * @param obj.iconShow {boolean} 是否显示icon 默认：true
+   * @param obj.isClose {function} 是否显示关闭Icon 默认：true
+   * @param obj.width {string} 确认框宽度 默认：65%
+   *
+   * @param obj.close {function} 按钮回调事件
+   *
+   */
+  Vue.prototype.$xdAlert = (obj) => {
+    obj['radius'] = obj['radius'] === undefined ? '30rpx' : obj['radius'];
+    store.commit('setTips', obj);
+  };
+
+  /**
+   * @description 确认框
+   * @property obj {Object}
+   * @property obj.zIndex {Number} 样式层级关系 默认：1700
+   * @property obj.radius {String} 边框圆角  默认：确认30rpx
+   * @property obj.title {String} 文字显示  默认：''
+   * @property obj.bgColor {String} 文字显示  默认：rgba(0,0,0,0)
+   * @property obj.isMask {Boolean} 是否显示遮罩层  默认：true
+   */
+  Vue.prototype.$xdShowLoading = (obj) => {
+    obj['radius'] = obj['radius'] === undefined ? '30rpx' : obj['radius'];
+    store.commit('setXdLoading', obj);
+  };
+
+  /**
+   * @description 关闭加载loading
+   */
+  Vue.prototype.$xdHideLoading = () => {
+    store.commit('setXdLoading', null);
+  };
+
+  /**
+   * @description 输入到页面日志方法
+   * @param key {String}  日志键值
+   * @param type {String} 其值：info|error 默认：info
+   * @param data {*} 日志数据
+   */
+  Vue.prototype.$logger = (key, data, type = 'info') => {
+    helper.logger(type,{key, data})
+  };
+
+  Vue.mixin({
+    data() {
+      return {
+        $mainColor: '',
+        $btnColor: '',
+        $subBtnColor: '',
+        $pxNum: null, //px to rpx  (1px * $pxNum)rpx
+        $rpxNum: null, //rpx to px (1rpx * $rpxNum)px
+        $portrait: null,
+        $isPortrait: null,
+        $isIpad: null, //是为ipad
+        $isIpadCC: 1, //ipad模式尺寸为正常尺寸0.75
+        $webSetting: {}, //网站风格
+        $isShow : false,
+      }
+    },
+    computed: {
+      ...mapState(['webSetting']),
+    },
+
+    created() {
+      if(this.webSetting !== null) {
+        this.$webSetting = this.webSetting;
+      }
+      let systemInfo = helper.cloneDeep(uni.getSystemInfoSync());
+      this.$pxNum = 750 / systemInfo.windowWidth;
+      this.$rpxNum = systemInfo.windowWidth / 750;
+
+      //ipad判定
+      let isIpad = /(iPad)/ig.test(systemInfo['model']);
+      if (isIpad) this.$isIpadCC = 0.6;
+      else this.$isIpadCC = 1;
+      this.$isIpad = isIpad;
+
+      //#ifdef H5
+      this.$isIpadCC = 1;
+      // #endif
+
+      if (this.webSetting) {
+        this.$mainColor = this.webSetting['mainColor'] || options['mainColor'];
+        this.$btnColor = this.webSetting['btnColor'] || options['btnColor'];
+        this.$subBtnColor = this.webSetting['subBtnColor'] || options['subBtnColor'];
+      } else {
+        this.$mainColor = options['mainColor'] ? options['mainColor'] : '';
+        this.$btnColor = options['btnColor'] ? options['btnColor'] : '';
+        this.$subBtnColor = options['subBtnColor'] ? options['subBtnColor'] : '';
+      }
+
+      //横竖屏
+      this.$portrait = 1.4;
+      this.$isPortrait = systemInfo.windowWidth < systemInfo.windowHeight;
+    },
+
+    watch: {
+      webSetting(value) {
+        if (value !== null) {
+          if (value['mainColor']) this.$mainColor = value['mainColor'];
+          if (value['btnColor']) this.$btnColor = value['btnColor'];
+          if (value['subBtnColor']) this.$subBtnColor = value['subBtnColor'];
+          this.$webSetting = value;
+        }
+      }
+    },
+    onShow(){
+      this.$isShow = true
+    },
+    onHide() {
+      this.$isShow = false
+    },
+
+    methods: {
+
+    }
+
+  });
+
+  Vue.use(VueClipboard)
+};
+
+export default install;
+
+