@tarojs/plugin-platform-harmony-ets 3.7.0-alpha.27

package/dist/components/components-react.js

@@ -0,0 +1,51 @@
+const View = 'view';
+const Icon = 'icon';
+const Progress = 'progress';
+const RichText = 'rich-text';
+const Text = 'text';
+const Button = 'button';
+const Checkbox = 'checkbox';
+const CheckboxGroup = 'checkbox-group';
+const Form = 'form';
+const Input = 'input';
+const Label = 'label';
+const Picker = 'picker';
+const PickerView = 'picker-view';
+const PickerViewColumn = 'picker-view-column';
+const Radio = 'radio';
+const RadioGroup = 'radio-group';
+const Slider = 'slider';
+const Switch = 'switch';
+const CoverImage = 'cover-image';
+const Textarea = 'textarea';
+const CoverView = 'cover-view';
+const MovableArea = 'movable-area';
+const MovableView = 'movable-view';
+const ScrollView = 'scroll-view';
+const Swiper = 'swiper';
+const SwiperItem = 'swiper-item';
+const Navigator = 'navigator';
+const Audio = 'audio';
+const Camera = 'camera';
+const Image = 'image';
+const LivePlayer = 'live-player';
+const Video = 'video';
+const Canvas = 'canvas';
+const Ad = 'ad';
+const WebView = 'web-view';
+const Block = 'block';
+const Map = 'map';
+const Slot = 'slot';
+const NativeSlot = 'native-slot';
+const CustomWrapper = 'custom-wrapper';
+
+// For React.createElement's type
+const Span = 'span';
+const Tabs = 'tabs';
+const TabBar = 'tab-bar';
+const TabContent = 'tab-content';
+const List = 'list';
+const ListItem = 'list-item';
+
+export { Ad, Audio, Block, Button, Camera, Canvas, Checkbox, CheckboxGroup, CoverImage, CoverView, CustomWrapper, Form, Icon, Image, Input, Label, List, ListItem, LivePlayer, Map, MovableArea, MovableView, NativeSlot, Navigator, Picker, PickerView, PickerViewColumn, Progress, Radio, RadioGroup, RichText, ScrollView, Slider, Slot, Span, Swiper, SwiperItem, Switch, TabBar, TabContent, Tabs, Text, Textarea, Video, View, WebView };
+//# sourceMappingURL=components-react.js.map

package/dist/components/components-react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-react.js","sources":["../../src/components/components-react.ts"],"sourcesContent":["// For React.createElement's type\nexport * from '@tarojs/components/mini'\nexport const Span = 'span'\nexport const Tabs = 'tabs'\nexport const TabBar = 'tab-bar'\nexport const TabContent = 'tab-content'\nexport const List = 'list'\nexport const ListItem = 'list-item'\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAEO,MAAM,IAAI,GAAG,OAAM;AACnB,MAAM,IAAI,GAAG,OAAM;AACnB,MAAM,MAAM,GAAG,UAAS;AACxB,MAAM,UAAU,GAAG,cAAa;AAChC,MAAM,IAAI,GAAG,OAAM;AACnB,MAAM,QAAQ,GAAG;;;;"}

package/dist/components-harmony/button/index.css

@@ -0,0 +1,109 @@
+div {
+  display: flex;
+  justify-content: center;
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+
+button {
+  height: 98px;
+  font-size: 36px;
+}
+
+.type-default {
+  background-color: #f8f8f8;
+  text-color: #000;
+  border: 1px solid #eee;
+}
+
+.type-primary {
+  background-color: #1aad19;
+  text-color: #fff;
+}
+
+.type-warn {
+  background-color: #e64340;
+  text-color: #fff;
+}
+
+.type-warn-plain {
+  background-color: transparent;
+  border: 1px solid #e64340;
+  text-color: #e64340;
+}
+
+.type-default-plain {
+  background-color: transparent;
+  border: 1px solid #353535;
+  text-color: #353535;
+}
+
+.type-primary-plain {
+  background-color: transparent;
+  border: 1px solid #1aad19;
+  text-color: #1aad19;
+}
+
+.disbaled {
+  text-color: hsla(0,0%,100%,.6);
+}
+
+.type-default-disabled {
+  background-color: #f7f7f7;
+  text-color: rgba(0,0,0,.3);
+  border: 1px solid #eee;
+}
+
+.type-primary-disabled {
+  background-color: #9ed99d;
+}
+
+.type-warn-disabled {
+  background-color: #ec8b89;
+}
+
+.type-default-plain-disabled {
+  border-color: rgba(0,0,0,.2);
+  text-color: rgba(0,0,0,.2);
+}
+
+.type-primary-plain-disabled {
+  border-color: rgba(0,0,0,.2);
+  text-color: rgba(0,0,0,.2);
+}
+
+.type-warn-plain-disabled {
+  border-color: rgba(0,0,0,.2);
+  text-color: rgba(0,0,0,.2);
+}
+
+.type-default-loading {
+  background-color: #dedede;
+  color: rgba(0,0,0,.6);
+}
+
+.type-warn-loading {
+  background-color: #ce3c39;
+  color: hsla(0,0%,100%,.6);
+}
+
+.type-primary-loading {
+  background-color: #179b16;
+  color: hsla(0,0%,100%,.6);
+}
+
+.size-default {
+  width: 100%;
+}
+
+.size-mini {
+  width: 200px;
+  height: 72px;
+  font-size: 26px;
+}
+
+.button-hover {
+  background-color: #dedede;
+  text-color: rgba(0,0,0,.6);
+  transition: all linear 0.2s;
+}

package/dist/components-harmony/button/index.hml

@@ -0,0 +1,31 @@
+<div>
+  <input
+    type='submit'
+    if="{{formType === 'submit'}}"
+    id="{{id}}"
+    class="{{cls}} {{clsType}} {{clsSize}} {{clsPlain}} {{clsDisable}} {{clsDisableType}} {{clsLoading}} {{clsHover}}"
+    disabled="{{disabled}}"
+    @touchstart="onTouchStart"
+    @touchend="onTouchEnd"
+  >{{value}}</input>
+  <input
+    type='reset'
+    elif="{{formType === 'reset'}}"
+    id="{{id}}"
+    class="{{cls}} {{clsType}} {{clsSize}} {{clsPlain}} {{clsDisable}} {{clsDisableType}} {{clsLoading}} {{clsHover}}"
+    disabled="{{disabled}}"
+    @touchstart="onTouchStart"
+    @touchend="onTouchEnd"
+  >{{value}}</input>
+  <button
+    else
+    id="{{id}}"
+    class="{{cls}} {{clsType}} {{clsSize}} {{clsPlain}} {{clsDisable}} {{clsDisableType}} {{clsLoading}} {{clsHover}}"
+    type="{{harmonyType}}"
+    disabled="{{disabled}}"
+    waiting="{{loading}}"
+    @click="onClick"
+    @touchstart="onTouchStart"
+    @touchend="onTouchEnd"
+  >{{value}}</button>
+</div>

package/dist/components-harmony/button/index.js

@@ -0,0 +1,105 @@
+import { createOption } from '../utils'
+
+export default createOption({
+  props: {
+    id: {
+      default: ''
+    },
+    cls: {
+      default: ''
+    },
+    type: {
+      default: 'default'
+    },
+    harmonyType: {
+      default: 'capsule'
+    },
+    size: {
+      default: 'default'
+    },
+    plain: {
+      default: false
+    },
+    disabled: {
+      default: false
+    },
+    loading: {
+      default: false
+    },
+    hoverStartTime: {
+      default: 20
+    },
+    hoverStayTime: {
+      default: 70
+    },
+    hoverClass: {
+      default: 'button-hover'
+    },
+    formType: {
+      default: null
+    },
+    cn: {
+      default: []
+    }
+  },
+  data () {
+    return {
+      hover: false,
+      touch: false
+    }
+  },
+  computed: {
+    clsType () {
+      return `type-${this.type}`
+    },
+    clsSize () {
+      return `size-${this.size}`
+    },
+    clsPlain () {
+      if (!this.plain) return ''
+      return `type-${this.type}-plain`
+    },
+    clsDisable () {
+      if (!this.disabled) return ''
+      return 'disabled'
+    },
+    clsLoading () {
+      if (!this.loading) return ''
+      return `type-${this.type}-loading`
+    },
+    clsDisableType () {
+      if (!this.disabled) return ''
+      if (this.plain) return `type-${this.type}-plain-disabled`
+      return `type-${this.type}-disabled`
+    },
+    clsHover () {
+      return this.hover && !this.disabled ? this.hoverClass : ''
+    },
+    value () {
+      return this.cn.map(i => i.v).join('')
+    }
+  },
+  onTouchStart () {
+    this.touch = true
+    if (this.hoverClass && !this.disabled) {
+      setTimeout(() => {
+        if (this.touch) {
+          this.hover = true
+        }
+      }, this.hoverStartTime)
+    }
+  },
+  onTouchEnd () {
+    this.touch = false
+    if (this.hoverClass && !this.disabled) {
+      setTimeout(() => {
+        if (!this.touch) {
+          this.hover = false
+        }
+      }, this.hoverStayTime)
+    }
+  },
+  onClick () {
+    this.$trigger('tap')
+  }
+})

package/dist/components-harmony/camera/index.hml

@@ -0,0 +1,6 @@
+<camera
+  id="{{id}}"
+  flash="{{flash}}"
+  deviceposition="{{devicePosition}}"
+  @error="onError"
+></camera>

package/dist/components-harmony/camera/index.js

@@ -0,0 +1,12 @@
+import { createOption } from '../utils'
+
+export default createOption({
+  props: [
+    'id',
+    'flash',
+    'devicePosition'
+  ],
+  onError () {
+    this.$trigger('error', { errMsg: '用户不允许使用摄像头' })
+  }
+})

package/dist/components-harmony/checkbox/index.hml

@@ -0,0 +1,11 @@
+<div>
+  <input
+    id="{{id}}"
+    name="{{name}}"
+    type="checkbox"
+    checked="{{checked}}"
+    disabled="{{disabled}}"
+    @change="onChange"
+  ></input>
+  <text if="{{textValue !== ''}}">{{textValue}}</text>
+</div>

package/dist/components-harmony/checkbox/index.js

@@ -0,0 +1,60 @@
+export default {
+  props: [
+    'id',
+    'value',
+    'name',
+    'disabled',
+    'checked',
+    'groupId',
+    'cn'
+  ],
+  computed: {
+    textValue () {
+      const cn = this.cn
+      return cn && cn[0] && cn[0].nn === '#text' ? cn[0].v : ''
+    }
+  },
+  onAttached () {
+    const checkboxGroup = this.findCheckboxGroup()
+    if (checkboxGroup && this.checked) {
+      checkboxGroup.collectValue(this.value)
+    }
+  },
+  onChange (e) {
+    const checkboxGroup = this.findCheckboxGroup()
+
+    if (!checkboxGroup) return
+
+    if (e.checked) {
+      checkboxGroup.collectValue(this.value)
+    } else {
+      checkboxGroup.removeValue(this.value)
+    }
+    checkboxGroup.onChange()
+  },
+  onDestroy () {
+    let checkboxGroup
+
+    try {
+      // 可能父元素已经卸载了，不 catch 会报错
+      checkboxGroup = this.findCheckboxGroup()
+    // eslint-disable-next-line no-empty
+    } catch (error) {}
+
+    if (checkboxGroup && this.checked) {
+      checkboxGroup.removeValue(this.value)
+    }
+  },
+  findCheckboxGroup () {
+    let parent = this.$parent()
+    while (parent && parent.$child) {
+      // parent.$child(this.groupId) 这是鸿蒙的 bug。
+      // 等待修复后，直接 parent 就行
+      const checkboxGroup = parent.$child(this.groupId)
+      if (checkboxGroup) {
+        return checkboxGroup
+      }
+      parent = parent.$parent()
+    }
+  }
+}

package/dist/components-harmony/checkbox-group/index.hml

@@ -0,0 +1,3 @@
+<div id="{{id}}">
+  <slot></slot>
+</div>

package/dist/components-harmony/checkbox-group/index.js

@@ -0,0 +1,22 @@
+import { createOption } from '../utils'
+
+export default createOption({
+  data: {
+    values: []
+  },
+  props: [
+    'id'
+  ],
+  onChange () {
+    this.$trigger('change', { value: this.values })
+  },
+  collectValue (value) {
+    this.values.push(value)
+  },
+  removeValue (value) {
+    const idx = this.values.indexOf(value)
+    if (idx > -1) {
+      this.values.splice(idx, 1)
+    }
+  }
+})

package/dist/components-harmony/cover-image/index.css

@@ -0,0 +1,4 @@
+.cover-image {
+  height: 240vp;
+  width: 320vp;
+}

package/dist/components-harmony/cover-image/index.hml

@@ -0,0 +1,9 @@
+<div class="cover-image">
+  <image
+    id="{{id}}"
+    alt="{{alt}}"
+    src="{{src}}"
+    @complete="onLoad"
+    @error="onError"
+  ></image>
+</div>

package/dist/components-harmony/cover-image/index.js

@@ -0,0 +1,15 @@
+import { createOption } from '../utils'
+
+export default createOption({
+  props: [
+    'id',
+    'src',
+    'alt'
+  ],
+  onLoad (e) {
+    this.$trigger('load', { width: e.width, height: e.height })
+  },
+  onError () {
+    this.$trigger('error', { errMsg: '图片加载异常' })
+  }
+})

package/dist/components-harmony/form/index.hml

@@ -0,0 +1,10 @@
+<div>
+  <form
+    id="{{id}}"
+    class="{{cls}}"
+    @submit="onSubmit"
+    @reset="onReset"
+  >
+    <slot></slot>
+  </form>
+</div>

package/dist/components-harmony/form/index.js

@@ -0,0 +1,11 @@
+import { createOption } from '../utils'
+
+export default createOption({
+  props: ['cls', 'id'],
+  onSubmit (e) {
+    this.$trigger('submit', { value: e.value })
+  },
+  onReset () {
+    this.$trigger('reset')
+  }
+})

package/dist/components-harmony/icon/index.css

@@ -0,0 +1,27 @@
+@font-face {
+  font-family: taroicon;
+  src: url('https://storage.360buyimg.com/datapool/iconfont.ttf');
+}
+.taro-icon {
+  font-family: taroicon;
+  font-size: 23vp;
+  font-style: normal;
+}
+.icon-success,
+.icon-success_no_circle,
+.icon-download,
+.icon-info_circle {
+  color: #09bb07;
+}
+.icon-info,
+.icon-waiting {
+  color: #10aeff;
+}
+.icon-warn,
+.icon-cancel {
+  color: #f76260;
+}
+.icon-clear,
+.icon-search {
+  color: #b2b2b2;
+}

package/dist/components-harmony/icon/index.hml

@@ -0,0 +1,54 @@
+<div
+  id="{{id}}"
+>
+  <text
+    if="{{type === 'success'}}"
+    class="taro-icon icon-success"
+    style=" color: {{iconColor}};font-size: {{size}}vp;min-width: {{size}}vp;"
+  >&#xe60c;</text>
+  <text
+    if="{{type === 'success_no_circle'}}"
+    class="taro-icon icon-success_no_circle"
+    style=" color: {{iconColor}};font-size: {{size}}vp;min-width: {{size}}vp;"
+  >&#xe60d;</text>
+  <text
+    if="{{type === 'info'}}"
+    class="taro-icon icon-info"
+    style=" color: {{iconColor}};font-size: {{size}}vp;min-width: {{size}}vp;"
+  >&#xe60e;</text>
+  <text
+    if="{{type === 'info_circle'}}"
+    class="taro-icon icon-info_circle"
+    style=" color: {{iconColor}};font-size: {{size}}vp;min-width: {{size}}vp;"
+  >&#xe608;</text>
+  <text
+    if="{{type === 'warn'}}"
+    class="taro-icon icon-warn"
+    style=" color: {{iconColor}};font-size: {{size}}vp;min-width: {{size}}vp;"
+  >&#xe60b;</text>
+  <text
+    if="{{type === 'waiting'}}"
+    class="taro-icon icon-waiting"
+    style=" color: {{iconColor}};font-size: {{size}}vp;min-width: {{size}}vp;"
+  >&#xe60a;</text>
+  <text
+    if="{{type === 'cancel'}}"
+    class="taro-icon icon-cancel"
+    style=" color: {{iconColor}};font-size: {{size}}vp;min-width: {{size}}vp;"
+  >&#xe607;</text>
+  <text
+    if="{{type === 'download'}}"
+    class="taro-icon icon-download"
+    style=" color: {{iconColor}};font-size: {{size}}vp;min-width: {{size}}vp;"
+  >&#xe606;</text>
+  <text
+    if="{{type === 'search'}}"
+    class="taro-icon icon-search"
+    style=" color: {{iconColor}};font-size: {{size}}vp;min-width: {{size}}vp;"
+  >&#xe609;</text>
+  <text
+    if="{{type === 'clear'}}"
+    class="taro-icon icon-clear"
+    style=" color: {{iconColor}};font-size: {{size}}vp;min-width: {{size}}vp;"
+  >&#xe605;</text>
+</div>

package/dist/components-harmony/icon/index.js

@@ -0,0 +1,17 @@
+import { covertHex3ToHex6 } from '../utils'
+
+export default {
+  props: {
+    size: {
+      default: 23
+    },
+    type: String,
+    id: String,
+    color: String
+  },
+  computed: {
+    iconColor () {
+      return covertHex3ToHex6(this.color)
+    }
+  }
+}

package/dist/components-harmony/image/index.css

@@ -0,0 +1,5 @@
+.image {
+  height: 240vp;
+  width: 320vp;
+}
+

package/dist/components-harmony/image/index.hml

@@ -0,0 +1,11 @@
+<div class="image">
+  <image
+    id="{{id}}"
+    style="object-fit: {{objectFit}};"
+    src="{{src}}"
+    alt="{{alt}}"
+    @complete="onLoad"
+    @error="onError"
+  ></image>
+</div>
+

package/dist/components-harmony/image/index.js

@@ -0,0 +1,28 @@
+import { createOption } from '../utils'
+
+const modeMap = {
+  scaleToFill: 'fill',
+  aspectFit: 'contain',
+  aspectFill: 'cover'
+}
+
+export default createOption({
+  props: [
+    'id',
+    'mode',
+    'src',
+    'alt',
+    'style'
+  ],
+  computed: {
+    objectFit () {
+      return modeMap[this.mode] || ''
+    }
+  },
+  onLoad (e) {
+    this.$trigger('load', { width: e.width, height: e.height })
+  },
+  onError () {
+    this.$trigger('error', { errMsg: '图片加载异常' })
+  }
+})

package/dist/components-harmony/input/index.hml

@@ -0,0 +1,21 @@
+<div>
+  <input
+    id="{{ id }}"
+    value="{{ value }}"
+    name="{{ name }}"
+    type="{{ realType }}"
+    placeholder="{{ placeholder }}"
+    style="placeholder-color: {{placeholderColor}};"
+    autofocus="{{ focus }}"
+    enterkeytype="{{ confirmType }}"
+    maxlength="{{ maxlength }}"
+    disabled="{{ disabled }}"
+
+    @change="onInput"
+    @focus="onFocus"
+    @blur="onBlur"
+    @enterkeyclick="onEnterKeyClick"
+    >
+    </input>
+</div>
+