@cloudbase/weda-ui-mp 3.6.0

package/components/form/uploaderFile/index.wxss

@@ -0,0 +1,171 @@
+@import '../../../style/weda-ui.wxss';
+
+.weda-uploader-files {
+  width: 100%;
+}
+
+.weda-uploader-files__hd {
+  width: 100%;
+  /* padding: 16px; */
+  padding-left: 0;
+}
+
+.weda-uploader-files__btn::after {
+  border: 1px solid #dcdcdc;
+  border-radius: 3px;
+  width: 100%;
+  height: 100%;
+  transform: none;
+}
+
+.weda-uploader-files__title {
+  line-height: 20px;
+  padding: 16px;
+  width: 130px;
+}
+
+.weda-uploader-files__btn-contain {
+  padding: 12px 0;
+}
+
+/* theme */
+.weda-uploader-files__btn {
+  margin: 0;
+  width: 88px;
+  height: 32px;
+  padding: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--wd-color-brand, #000);
+  border: 1px solid #dcdcdc;
+  border-radius: 3px;
+  font-weight: normal;
+  background-color: transparent;
+}
+
+.weda-uploader-files__tips {
+  margin-top: 8px;
+  margin-bottom: 8px;
+  font-size: 12px;
+  line-height: 20px;
+  color: rgba(0, 0, 0, 0.4);
+}
+
+.weda-uploader-files__item {
+  width: 100%;
+  padding: 16px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 8px;
+}
+
+.weda-uploader-files__item-left {
+  flex: 1;
+  margin-right: 4px;
+  max-width: calc(100% - 65px);
+}
+
+.weda-uploader-files__file-detail {
+  display: flex;
+  align-items: center;
+}
+
+.weda-uploader-files__file-name {
+  font-size: 14px;
+  line-height: 22px;
+  color: rgba(0, 0, 0, 0.9);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 200px;
+}
+
+.weda-uploader-files__file-status {
+  margin-right: 4px;
+  width: 28%;
+}
+
+.weda-uploader-files__file-size {
+  margin-right: 4px;
+}
+
+.weda-uploader-files__file-status--msg {
+  font-size: 12px;
+  line-height: 20px;
+}
+
+.weda-uploader-files__file-foot {
+  font-size: 12px;
+  line-height: 20px;
+  color: rgba(0, 0, 0, 0.4);
+  margin-top: 8px;
+  display: flex;
+}
+
+.weda-uploader-files__btn-group {
+  display: flex;
+  width: 60px;
+  justify-content: space-between;
+}
+
+.weda-uploader-files__icon {
+  width: 24px;
+  height: 24px;
+}
+
+.weda-uploader-files__icon + .weda-uploader-files__icon {
+  margin-left: 4px;
+}
+
+.weda-uploader-files__progress {
+  margin-top: 4px;
+}
+
+.weda-uploader-files .weda-uploader-files_split {
+  width: 100%;
+  height: 8px;
+  background-color: #f6f6f6;
+}
+
+/* 标准化样式适配 start */
+.wd-form-item.wd-mp-upload-file-root
+  .weda-uploader-files
+  .weda-uploader-files__btn-contain {
+  padding: 0;
+}
+
+.wd-form-item.wd-mp-upload-file-root
+  .weda-uploader-files
+  .weda-uploader-files__file-status {
+  width: auto;
+}
+
+.wd-form-item.wd-mp-upload-file-root
+  .weda-uploader-files
+  .weda-uploader-files__file-foot {
+  margin: 0;
+}
+
+.wd-form-item.wd-mp-upload-file-root
+  .weda-uploader-files
+  .weda-uploader-files__item {
+  padding: 0;
+}
+
+.wd-form-item.wd-mp-upload-file-root .wd-form-item-wrap__control {
+  overflow-x: hidden;
+}
+
+.wd-form-item.wd-mp-upload-file-root .weda-upload-file-mobile__btn-group {
+  overflow-x: hidden;
+}
+
+.wd-form-item.wd-mp-upload-file-root .weui-upload-file {
+  width: 100%;
+}
+
+/* 标准化样式适配 end */

package/components/form-checkbox/index.js

@@ -0,0 +1,78 @@
+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: '',
+    },
+    format: {
+      type: String,
+      value: '',
+    },
+    disabled: {
+      type: Boolean,
+      value: false,
+    },
+    range: {
+      type: Array,
+      value: [],
+    },
+    enumName: {
+      type: String,
+      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 && value.find((val) => val === item.value);
+          return {
+            value: item.value,
+            label: item.label,
+            checked: !!checked,
+          };
+        });
+      this.setData({ actualRange: range });
+    },
+    label: function (label) {
+      this.setReadonlyAttributes({ label });
+    },
+  },
+});

package/components/form-checkbox/index.json

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

package/components/form-checkbox/index.wxml

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

package/components/form-date/index.js

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

package/components/form-date/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-date/index.wxml

@@ -0,0 +1,25 @@
+<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}}"
+      mode="date"
+      dateMode="{{mode}}"
+      defaultDate="{{value}}"
+      endDate="{{end}}"
+      placeholder="{{placeholder}}"
+      size="{{size}}"
+      startDate="{{start}}"
+      bind:change="change"
+      bind:cancel="cancel"
+    />
+    <tips wx:if="{{validateState === 'error' || validateState === 'warn'}}" tips="{{validateErrorMsg}}" type="warn" />
+  </form-item-wrapper>
+</block>

package/components/form-email/index.js

@@ -0,0 +1,99 @@
+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',
+    },
+    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: 'email',
+        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-email/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-email/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="{{maxLength}}"
+      password="{{false}}"
+      defaultValue="{{value}}"
+      placeholder="{{placeholder}}"
+      size="{{size}}"
+      disabled="{{disabled}}"
+      type="text"
+      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>