@cloudbase/weda-ui-mp 0.2.20

package/components/form-input/index.js

@@ -0,0 +1,103 @@
+import { commonCompBehavior } from '../../utils/common-behavior';
+import formFieldBehavior from '../form-field-behavior/form-field-behavior';
+
+Component({
+  options: {
+    virtualHost: true,
+  },
+  behaviors: [commonCompBehavior, formFieldBehavior],
+  properties: {
+    maxLength: {
+      type: Number,
+      value: 140,
+    },
+    className: {
+      type: String,
+      value: '',
+    },
+    style: {
+      type: String,
+      value: '',
+    },
+    id: {
+      type: String,
+      value: '',
+    },
+    size: {
+      type: String,
+      value: 'full',
+    },
+    type: {
+      type: String,
+      value: 'text',
+    },
+    focus: {
+      type: Boolean,
+      value: false,
+    },
+    label: {
+      type: String,
+      value: '标题',
+    },
+    rules: {
+      type: Array,
+      value: [],
+    },
+    layout: {
+      type: String,
+      value: '',
+    },
+    disabled: {
+      type: Boolean,
+      value: false,
+    },
+    password: {
+      type: Boolean,
+      value: false,
+    },
+    clearable: {
+      type: Boolean,
+      value: true,
+    },
+    placeholder: {
+      type: String,
+      value: '请输入',
+    },
+    labelVisible: {
+      type: Boolean,
+      value: true,
+    },
+    validateStatus: {
+      type: String,
+      value: 'success',
+    },
+    isNickNameType: {
+      type: Boolean,
+      value: false,
+    },
+  },
+  methods: {
+    handleFocus: function (e) {
+      this.triggerEvent('focus', e.detail);
+    },
+    handleBlur: function (e) {
+      this.triggerEvent('blur', e.detail);
+    },
+    handleChange(e) {
+      this.triggerEvent('change', e.detail);
+      this.setData({ value: e.detail.value });
+    },
+    handleClear: function (e) {
+      this.triggerEvent('clear', e.detail);
+      this.setData({ value: '' });
+    },
+    handleConfirm: function (e) {
+      this.triggerEvent('confirm', e.detail);
+    },
+  },
+  observers: {
+    label: function (label) {
+      this.setReadonlyAttributes({ label });
+    },
+  },
+});

package/components/form-input/index.json

@@ -0,0 +1,9 @@
+{
+  "component": true,
+  "styleIsolation": "shared",
+  "usingComponents": {
+    "old-input": "../form/input",
+    "form-item-wrapper": "../common/form-item-wrapper",
+    "tips": "../form/tips"
+  }
+}

package/components/form-input/index.wxml

@@ -0,0 +1,29 @@
+<block wx:if="{{visible}}">
+  <form-item-wrapper>
+    <old-input
+      id="{{id}}"
+      name="{{name}}"
+      className="{{className}}"
+      style="{{style}}"
+      requiredFlag="{{requiredFlag && required}}"
+      label="{{label}}"
+      layout="{{actualLayout}}"
+      labelVisible="{{labelVisible}}"
+      clearable="{{clearable}}"
+      maxLength="{{maxLength}}"
+      password="{{password}}"
+      defaultValue="{{value}}"
+      placeholder="{{placeholder}}"
+      size="{{size}}"
+      disabled="{{disabled}}"
+      type="{{type}}"
+      focus="{{focus}}"
+      isNickNameType="{{isNickNameType}}"
+      bind:change="handleChange"
+      bind:focus="handleFocus"
+      bind:blur="handleBlur"
+      bind:confirm="handleConfirm"
+    />
+    <tips wx:if="{{validateState === 'error' || validateState === 'warn'}}" tips="{{validateErrorMsg}}" type="warn" />
+  </form-item-wrapper>
+</block>

package/components/form-location/index.js

@@ -0,0 +1,98 @@
+import { commonCompBehavior } from '../../utils/common-behavior';
+import formFieldBehavior from '../form-field-behavior/form-field-behavior';
+
+Component({
+  options: {
+    virtualHost: true,
+  },
+  behaviors: [commonCompBehavior, formFieldBehavior],
+  properties: {
+    className: {
+      type: String,
+      value: '',
+    },
+    style: {
+      type: String,
+      value: '',
+    },
+    id: {
+      type: String,
+      value: '',
+    },
+    source: {
+      type: String,
+      value: '',
+    },
+    showLngLat: {
+      type: Boolean,
+      value: true,
+    },
+    showMap: {
+      type: Boolean,
+      value: true,
+    },
+    defauleShowLocation: {
+      type: Boolean,
+      value: true,
+    },
+    drag: {
+      type: Boolean,
+      value: true,
+    },
+    zoom: {
+      type: Boolean,
+      value: true,
+    },
+    disabled: {
+      type: Boolean,
+      value: false,
+    },
+    requiredFlag: {
+      type: Boolean,
+      value: true,
+    },
+    value: {
+      type: Object,
+      value: {
+        latitude: 39.98410411,
+        longitude: 116.307503,
+        poiname: '',
+        detailedAddress: '',
+      },
+    },
+    locationType: {
+      type: Number,
+      value: 1,
+    },
+    locationRange: {
+      type: Number,
+      value: 0,
+    },
+    customRange: {
+      type: Number,
+      value: 0,
+    },
+    dataSource: {
+      type: Object,
+    },
+    labelVisible: {
+      type: Boolean,
+      value: true,
+    },
+    label: {
+      type: String,
+      value: '字段标题',
+    },
+  },
+  methods: {
+    change: function (e) {
+      this.triggerEvent('change', e.detail);
+      this.setData({ value: e.detail.value });
+    },
+  },
+  observers: {
+    label: function (label) {
+      this.setReadonlyAttributes({ label });
+    },
+  },
+});

package/components/form-location/index.json

@@ -0,0 +1,9 @@
+{
+  "component": true,
+  "styleIsolation": "shared",
+  "usingComponents": {
+    "old-location": "../form/location",
+    "form-item-wrapper": "../common/form-item-wrapper",
+    "tips": "../form/tips"
+  }
+}

package/components/form-location/index.wxml

@@ -0,0 +1,28 @@
+<block wx:if="{{visible}}">
+  <form-item-wrapper>
+    <old-location
+      id="{{id}}"
+      className="{{className}}"
+      style="{{style}}"
+      name="{{name}}"
+      disabled="{{disabled}}"
+      label="{{label}}"
+      labelVisible="{{labelVisible}}"
+      requiredFlag="{{requiredFlag && required}}"
+      layout="{{actualLayout}}"
+      value="{{value}}"
+      customLocation="{{customLocation}}"
+      customRange="{{customRange}}"
+      dataSource="{{dataSource}}"
+      defauleShowLocation="{{defauleShowLocation}}"
+      drag="{{drag}}"
+      locationType="{{locationType}}"
+      locationRange="{{locationRange}}"
+      showLngLat="{{showLngLat}}"
+      showMap="{{showMap}}"
+      zoom="{{zoom}}"
+      bind:change="change"
+    />
+    <tips wx:if="{{validateState === 'error' || validateState === 'warn'}}" tips="{{validateErrorMsg}}" type="warn" />
+  </form-item-wrapper>
+</block>

package/components/form-multi-region/index.js

@@ -0,0 +1,62 @@
+import handleEvents from '../../utils/handleEvents';
+import { commonCompBehavior } from '../../utils/common-behavior';
+import formFieldBehavior from '../form-field-behavior/form-field-behavior';
+
+Component({
+  options: {
+    virtualHost: true,
+  },
+  behaviors: [commonCompBehavior, formFieldBehavior],
+
+  properties: {
+    className: {
+      type: String,
+      value: '',
+    },
+    style: {
+      type: String,
+      value: '',
+    },
+    id: {
+      type: String,
+      value: '',
+    },
+    placeholder: {
+      type: String,
+      value: '',
+    },
+    size: {
+      type: String,
+      value: 'l',
+    },
+    regionType: {
+      type: String,
+      value: '',
+    },
+    labelVisible: {
+      type: Boolean,
+      value: true,
+    },
+    label: {
+      type: String,
+      value: '字段标题',
+    },
+  },
+  methods: {
+    change: function (e) {
+      this.setData({ value: e.detail.value });
+      this.triggerEvent('change', e.detail);
+    },
+    ...handleEvents([
+      {
+        title: '取消',
+        name: 'cancel',
+      },
+    ]),
+  },
+  observers: {
+    label: function (label) {
+      this.setReadonlyAttributes({ label });
+    },
+  },
+});

package/components/form-multi-region/index.json

@@ -0,0 +1,9 @@
+{
+  "component": true,
+  "styleIsolation": "shared",
+  "usingComponents": {
+    "tips": "../form/tips",
+    "form-item-wrapper": "../common/form-item-wrapper",
+    "old-select": "../form/select"
+  }
+}

package/components/form-multi-region/index.wxml

@@ -0,0 +1,6 @@
+<block wx:if="{{visible}}">
+  <form-item-wrapper>
+    <old-select id="{{id}}" className="{{className}}" style="{{style}}" name="{{name}}" label="{{label}}" disabled="{{disabled}}" layout="{{actualLayout}}" labelVisible="{{labelVisible}}" requiredFlag="{{requiredFlag && required}}" defaultMutiRegion="{{value}}" placeholder="{{placeholder}}" mode="mutiRegion" size="{{size}}" regionType="{{regionType}}" bind:change="change" bind:cancel="cancel" />
+    <tips wx:if="{{validateState === 'error' || validateState === 'warn'}}" tips="{{validateErrorMsg}}" type="warn" />
+  </form-item-wrapper>
+</block>

package/components/form-phone/index.js

@@ -0,0 +1,95 @@
+import { commonCompBehavior } from '../../utils/common-behavior';
+import formFieldBehavior from '../form-field-behavior/form-field-behavior';
+
+Component({
+  options: {
+    virtualHost: true,
+  },
+  behaviors: [commonCompBehavior, formFieldBehavior],
+  properties: {
+    className: {
+      type: String,
+      value: '',
+    },
+    style: {
+      type: String,
+      value: '',
+    },
+    id: {
+      type: String,
+      value: '',
+    },
+    size: {
+      type: String,
+      value: 'full',
+    },
+    focus: {
+      type: Boolean,
+      value: false,
+    },
+    label: {
+      type: String,
+      value: '标题',
+    },
+    rules: {
+      type: Array,
+      value: [],
+    },
+    layout: {
+      type: String,
+      value: '',
+    },
+    disabled: {
+      type: Boolean,
+      value: false,
+    },
+    clearable: {
+      type: Boolean,
+      value: true,
+    },
+    placeholder: {
+      type: String,
+      value: '请输入',
+    },
+    labelVisible: {
+      type: Boolean,
+      value: true,
+    },
+    validateStatus: {
+      type: String,
+      value: 'success',
+    },
+  },
+  data: {
+    rules: [
+      {
+        format: 'mobile',
+        message: '手机校验失败',
+      },
+    ],
+  },
+  methods: {
+    handleFocus: function (e) {
+      this.triggerEvent('focus', e.detail);
+    },
+    handleBlur: function (e) {
+      this.triggerEvent('blur', e.detail);
+    },
+    handleChange(e) {
+      this.triggerEvent('change', e.detail);
+      this.setData({ value: e.detail.value });
+    },
+    handleClear: function (e) {
+      this.triggerEvent('clear', e.detail);
+      this.setData({ value: '' });
+    },
+    handleConfirm: function (e) {
+      this.triggerEvent('confirm', e.detail);
+    },
+  },
+  observers: {
+    label: function (label) {
+      this.setReadonlyAttributes({ label });
+    },
+  },
+});

package/components/form-phone/index.json

@@ -0,0 +1,9 @@
+{
+  "component": true,
+  "styleIsolation": "shared",
+  "usingComponents": {
+    "old-input": "../form/input",
+    "form-item-wrapper": "../common/form-item-wrapper",
+    "tips": "../form/tips"
+  }
+}

package/components/form-phone/index.wxml

@@ -0,0 +1,28 @@
+<block wx:if="{{visible}}">
+  <form-item-wrapper>
+    <old-input
+      id="{{id}}"
+      name="{{name}}"
+      className="{{className}}"
+      style="{{style}}"
+      requiredFlag="{{requiredFlag && required}}"
+      label="{{label}}"
+      layout="{{actualLayout}}"
+      labelVisible="{{labelVisible}}"
+      clearable="{{clearable}}"
+      maxLength="{{20}}"
+      password="{{false}}"
+      defaultValue="{{value}}"
+      placeholder="{{placeholder}}"
+      size="{{size}}"
+      disabled="{{disabled}}"
+      type="number"
+      focus="{{focus}}"
+      bind:change="handleChange"
+      bind:focus="handleFocus"
+      bind:blur="handleBlur"
+      bind:confirm="handleConfirm"
+    />
+    <tips wx:if="{{validateState === 'error' || validateState === 'warn'}}" tips="{{validateErrorMsg}}" type="warn" />
+  </form-item-wrapper>
+</block>

package/components/form-radio/index.js

@@ -0,0 +1,70 @@
+import { commonCompBehavior } from '../../utils/common-behavior';
+import formFieldBehavior from '../form-field-behavior/form-field-behavior';
+
+Component({
+  options: {
+    virtualHost: true,
+  },
+  behaviors: [commonCompBehavior, formFieldBehavior],
+  properties: {
+    className: {
+      type: String,
+      value: '',
+    },
+    style: {
+      type: String,
+      value: '',
+    },
+    id: {
+      type: String,
+      value: '',
+    },
+    label: {
+      type: String,
+      value: '标题',
+    },
+    labelVisible: {
+      type: Boolean,
+      value: true,
+    },
+    layout: {
+      type: String,
+      value: '',
+    },
+    disabled: {
+      type: Boolean,
+      value: false,
+    },
+    range: {
+      type: Array,
+      value: [],
+    },
+  },
+  data: {
+    actualRange: [],
+  },
+  methods: {
+    change: function (e) {
+      this.setData({ value: e.detail.value });
+      this.triggerEvent('change', e.detail);
+    },
+  },
+  observers: {
+    'range, value': function (propRange, value) {
+      const range =
+        propRange &&
+        propRange.map((item) => {
+          const checked = value === item.value;
+          return {
+            value: item.value,
+            label: item.label,
+            checked: !!checked,
+          };
+        });
+      this.setData({ actualRange: range });
+    },
+    label: function (label) {
+      this.setReadonlyAttributes({ label });
+    },
+  },
+});

package/components/form-radio/index.json

@@ -0,0 +1,9 @@
+{
+  "component": true,
+  "styleIsolation": "shared",
+  "usingComponents": {
+    "old-radio": "../form/radio",
+    "form-item-wrapper": "../common/form-item-wrapper",
+    "tips": "../form/tips"
+  }
+}

package/components/form-radio/index.wxml

@@ -0,0 +1,6 @@
+<block wx:if="{{visible}}">
+  <form-item-wrapper>
+    <old-radio id="{{id}}" className="{{className}}" style="{{style}}" requiredFlag="{{requiredFlag && required}}" name="{{name}}" label="{{label}}" layout="{{actualLayout}}" labelVisible="{{labelVisible}}" range="{{actualRange}}" disabled="{{disabled}}" bind:change="change" />
+    <tips wx:if="{{validateState === 'error' || validateState === 'warn'}}" tips="{{validateErrorMsg}}" type="warn" />
+  </form-item-wrapper>
+</block>

package/components/form-region/index.js

@@ -0,0 +1,59 @@
+import handleEvents from '../../utils/handleEvents';
+import { commonCompBehavior } from '../../utils/common-behavior';
+import formFieldBehavior from '../form-field-behavior/form-field-behavior';
+
+Component({
+  options: {
+    virtualHost: true,
+  },
+  behaviors: [commonCompBehavior, formFieldBehavior],
+
+  properties: {
+    className: {
+      type: String,
+      value: '',
+    },
+    style: {
+      type: String,
+      value: '',
+    },
+    id: {
+      type: String,
+      value: '',
+    },
+    size: {
+      type: String,
+      value: 'full',
+    },
+    placeholder: {
+      type: String,
+      value: '请选择',
+    },
+    separator: {
+      type: String,
+      value: ',',
+    },
+    labelVisible: {
+      type: Boolean,
+      value: true,
+    },
+    label: {
+      type: String,
+      value: '字段标题',
+    },
+  },
+  methods: {
+    change: function (e) {
+      this.setData({ value: e.detail.value });
+      this.triggerEvent('change', e.detail);
+    },
+
+    ...handleEvents([
+      {
+        title: '取消',
+        name: 'cancel',
+      },
+    ]),
+  },
+  observers: {},
+});

package/components/form-region/index.json

@@ -0,0 +1,9 @@
+{
+  "component": true,
+  "styleIsolation": "shared",
+  "usingComponents": {
+    "tips": "../form/tips",
+    "form-item-wrapper": "../common/form-item-wrapper",
+    "old-select": "../form/select"
+  }
+}

package/components/form-region/index.wxml

@@ -0,0 +1,6 @@
+<block wx:if="{{visible}}">
+  <form-item-wrapper>
+    <old-select id="{{id}}" className="{{className}}" style="{{style}}" name="{{name}}" label="{{label}}" disabled="{{disabled}}" layout="{{actualLayout}}" labelVisible="{{labelVisible}}" requiredFlag="{{requiredFlag && required}}" defaultRegion="{{value}}" placeholder="{{placeholder}}" size="{{size}}" mode="region" bind:change="change" bind:cancel="cancel" />
+    <tips wx:if="{{validateState === 'error' || validateState === 'warn'}}" tips="{{validateErrorMsg}}" type="warn" />
+  </form-item-wrapper>
+</block>