@cloudbase/weda-ui-mp 0.2.20

package/components/form-field-behavior/item-behavior.js

@@ -0,0 +1,455 @@
+import { WD_PREFIX } from '../../utils/constant';
+
+/**
+ * 定义表单组件属性入参，取所有组件的并集
+ */
+export default Behavior({
+  properties: {
+    className: {
+      type: String,
+      value: '',
+    },
+    style: {
+      type: String,
+      value: '',
+    },
+    id: {
+      type: String,
+      value: '',
+    },
+    name: {
+      type: String,
+      value: '',
+    },
+    value: {
+      type: null,
+    },
+    inputValue: {
+      type: String,
+      value: '',
+    },
+    placeholder: {
+      type: String,
+      value: '请输入',
+    },
+    startPlaceholder: {
+      type: String,
+      value: '请选择开始时间',
+    },
+    endPlaceholder: {
+      type: String,
+      value: '请选择结束时间',
+    },
+    direction: {
+      type: String,
+      value: '',
+    },
+    size: {
+      type: String,
+      value: '',
+    },
+    block: {
+      type: Boolean,
+      value: false,
+    },
+    label: {
+      type: String,
+      value: '标题',
+    },
+    layout: {
+      type: String,
+      value: '',
+    },
+    labelVisible: {
+      type: Boolean,
+      value: true,
+    },
+    labelAlign: {
+      type: String,
+      value: '',
+    },
+    labelWrap: {
+      type: Boolean,
+      value: false,
+    },
+    labelWidth: {
+      type: String,
+      value: '',
+    },
+    labelTips: {
+      type: String,
+      value: '',
+    },
+    clearable: {
+      type: Boolean,
+      value: true,
+    },
+    before: {
+      type: String,
+      value: '',
+    },
+    after: {
+      type: String,
+      value: '',
+    },
+    isUnionValue: {
+      type: Boolean,
+      value: true,
+    },
+    prefixType: {
+      type: String,
+      value: '',
+    },
+    prefixIcon: {
+      type: String,
+      value: 'success',
+    },
+    prefixSrc: {
+      type: String,
+      value: '',
+    },
+    suffixType: {
+      type: String,
+      value: '',
+    },
+    suffixIcon: {
+      type: String,
+      value: 'success',
+    },
+    suffixSrc: {
+      type: String,
+      value: '',
+    },
+    extra: {
+      type: String,
+      value: '',
+    },
+    password: {
+      type: Boolean,
+      value: false,
+    },
+    type: {
+      type: String,
+      value: 'text',
+    },
+    focus: {
+      type: Boolean,
+      value: false,
+    },
+    borderedH5: {
+      type: Boolean,
+      value: true,
+    },
+    borderedPc: {
+      type: Boolean,
+      value: true,
+    },
+    isNickNameType: {
+      type: Boolean,
+      value: false,
+    },
+    maxLength: {
+      type: Number,
+      value: 140,
+    },
+    rules: {
+      type: Array,
+      value: [],
+    },
+    status: {
+      type: String,
+      value: 'edit',
+    },
+    required: {
+      type: Boolean,
+      value: false,
+    },
+    requiredFlag: {
+      type: Boolean,
+      value: true,
+    },
+    requiredMsg: {
+      type: String,
+      value: '该项为必填项',
+    },
+    wrapClassName: {
+      type: String,
+      value: '',
+    },
+    classRoot: {
+      type: String,
+      value: 'input',
+    },
+    counterVisible: {
+      type: Boolean,
+      value: false,
+    },
+    disabled: {
+      type: Boolean,
+      value: false,
+    },
+    readOnly: {
+      type: Boolean,
+      value: false,
+    },
+    validateErrorMsg: {
+      type: String,
+      value: '',
+    },
+    validateState: {
+      type: undefined,
+    },
+    readValue: {
+      type: String,
+      value: '',
+    },
+    controlAlign: {
+      type: String,
+      value: '',
+    },
+    format: {
+      type: String,
+      value: '',
+    },
+    range: {
+      type: Array,
+      value: [],
+    },
+    enumName: {
+      type: String,
+      value: '',
+    },
+    tipBlock: {
+      type: null,
+    },
+    isAll: {
+      type: Boolean,
+      value: false,
+    },
+    start: {
+      type: null,
+    },
+    end: {
+      type: null,
+    },
+    dateFormat: {
+      type: String,
+      value: 'YYYY-MM-DD HH:mm:ss',
+    },
+    mode: {
+      type: String,
+      value: 'datetime',
+    },
+    where: {
+      type: Array,
+      value: [],
+    },
+    viewId: {
+      type: String,
+      value: '',
+    },
+    primaryField: {
+      type: String,
+      value: '',
+    },
+    dataSourceName: {
+      type: String,
+      value: '',
+    },
+    regionType: {
+      type: String,
+      value: 'levelThree',
+    },
+    source: {
+      type: String,
+      value: '',
+    },
+    showLngLat: {
+      type: Boolean,
+      value: false,
+    },
+    showMap: {
+      type: Boolean,
+      value: false,
+    },
+    defauleShowLocation: {
+      type: Boolean,
+      value: true,
+    },
+    drag: {
+      type: Boolean,
+      value: true,
+    },
+    zoom: {
+      type: Boolean,
+      value: true,
+    },
+    locationType: {
+      type: Number,
+      value: 1,
+    },
+    locationRange: {
+      type: Number,
+      value: 0,
+    },
+    customRange: {
+      type: Number,
+      value: 0,
+    },
+    dataSource: {
+      type: Object,
+    },
+    acceptTypes: {
+      type: Array,
+      value: ['image/*'],
+    },
+    maxUploadCount: {
+      type: Number,
+      value: 9,
+    },
+    tips: {
+      type: String,
+      value: '图片上传提示',
+    },
+    single: {
+      type: Boolean,
+      value: false,
+    },
+    maxSize: {
+      type: Number,
+      value: 10,
+    },
+    //是否获取微信头像
+    isChooseAvatar: {
+      type: Boolean,
+      value: false,
+    },
+    //图片展示形状 圆角矩形-roundedTectangle 圆形-circular 直角矩形-ectangle
+    showShape: {
+      type: String,
+      value: 'ectangle',
+    },
+    deleteVisible: {
+      type: Boolean,
+      value: true,
+    },
+    downloadVisible: {
+      type: Boolean,
+      value: true,
+    },
+    isWdFormDetail: {
+      type: Boolean,
+      value: false,
+    },
+    readBeforeAfter: {
+      type: Boolean,
+      value: true,
+    },
+    autoHeight: {
+      type: Boolean,
+      value: true,
+    },
+    cursorSpacing: {
+      type: Number,
+      value: 0,
+    },
+    checkType: {
+      type: String,
+      value: 'checkbox',
+    },
+    tagStyleType: {
+      type: String,
+      value: 'light',
+    },
+    tagStyleColor: {
+      type: String,
+      value: '#0052d9',
+    },
+    tagStyleSpace: {
+      type: String,
+      value: 'md',
+    },
+    tagStyleRadius: {
+      type: null,
+    },
+    tagStyleWidth: {
+      type: null,
+    },
+    ignoreCase: {
+      type: Boolean,
+      value: true,
+    },
+    staticSearchable: {
+      type: Boolean,
+      value: true,
+    },
+  },
+  data: {
+    classPrefix: WD_PREFIX,
+    value: null,
+    hasClearIcon: false, // 通用：输入类组件是否有清除按钮
+    readValue: '', // 通用：只读值，需要每个组件自行实现
+  },
+  methods: {
+    // 通用: 事件透传
+    handleEvent: function (params) {
+      const { type, detail } = params || {};
+      this.triggerEvent(type, detail);
+    },
+    // 通用: 更改表单 context 中的 value 值
+    changeForm: function (e) {
+      this.setData({ value: e?.detail?.value });
+    },
+    // 通用: change 动作
+    handleChange: function (e) {
+      this.changeForm(e);
+      this.triggerEvent('change', e.detail);
+    },
+    // 通用: clear 动作
+    handleClear: function () {
+      const e = { detail: { value: null } };
+      this.handleChange(e);
+    },
+    // 通用: 输入类挂载 widgets
+    updateWidgetAPI: function () {
+      const {
+        name,
+        value,
+        label,
+        required,
+        visible,
+        disabled,
+        readOnly,
+        before,
+        after,
+      } = this.data;
+      this.setReadonlyAttributes?.({
+        name,
+        value,
+        label,
+        required,
+        visible,
+        disabled,
+        readOnly,
+        before,
+        after,
+      });
+    },
+    // 点击前后缀文字/图标
+    inputAdornmentClick: function (e) {
+      this.triggerEvent('inputAdornmentClick', {
+        type: e.currentTarget.dataset.type,
+      });
+    },
+  },
+  observers: {
+    'clearable,disabled,value': function (clearable, disabled, value) {
+      const truth =
+        value != null &&
+        value !== '' &&
+        (!Array.isArray(value) || value.length !== 0);
+      const hasClearIcon = !!(clearable && !disabled && truth);
+      this.setData({ hasClearIcon });
+    },
+  },
+});

package/components/form-field-behavior/validator.js

@@ -0,0 +1,137 @@
+/* eslint-disable no-useless-escape */
+
+const pattern = {
+  email:
+    /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
+  url: new RegExp(
+    '^(?!mailto:)(?:(?:http|https|ftp)://|//)(?:\\S+(?::\\S*)?@)?(?:(?:(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}(?:\\.(?:[0-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))|(?:(?:[a-z\\u00a1-\\uffff0-9]+-?)*[a-z\\u00a1-\\uffff0-9]+)(?:\\.(?:[a-z\\u00a1-\\uffff0-9]+-?)*[a-z\\u00a1-\\uffff0-9]+)*(?:\\.(?:[a-z\\u00a1-\\uffff]{2,})))|localhost)(?::\\d{2,5})?(?:(/|\\?|#)[^\\s]*)?$',
+    'i'
+  ),
+  cn: /^[\u2E80-\uFE4F]+$/,
+  enName: /^[\da-zA-Z\s]{2,}$/,
+  cnName: /^[\u2E80-\uFE4F]{2,6}(?:·[\u2E80-\uFE4F]{2,6})*$/,
+  userName: /^[\da-zA-Z\u2E80-\uFE4F \s]{2,}$/,
+  carId:
+    /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$/,
+  mobile: /^1[3-9]\d{9}$/,
+  tel: /(^(0\d{2,3}-)?|^\(\d{3}\)?|^(400|800)-?)(\d{3,8})(-\d{1,4})?$/,
+  internationalTel:
+    /^(\+\d{1,4}[\s-]?)?(\(?\d{1,4}\)?[\s-]?)?(\d{1,4}[\s-]?)?(\d{1,4})?\d{1,9}(\s?(x|ext)\s?\d{1,6})?$/,
+  address: /^[\da-zA-Z\u2E80-\uFE4F \s-]{4,400}$/,
+  date: /((^((1[8-9]\d{2})|([2-9]\d{3}))([-\/\._])(10|12|0?[13578])([-\/\._])(3[01]|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))([-\/\._])(11|0?[469])([-\/\._])(30|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))([-\/\._])(0?2)([-\/\._])(2[0-8]|1[0-9]|0?[1-9])$)|(^([2468][048]00)([-\/\._])(0?2)([-\/\._])(29)$)|(^([3579][26]00)([-\/\._])(0?2)([-\/\._])(29)$)|(^([1][89][0][48])([-\/\._])(0?2)([-\/\._])(29)$)|(^([2-9][0-9][0][48])([-\/\._])(0?2)([-\/\._])(29)$)|(^([1][89][2468][048])([-\/\._])(0?2)([-\/\._])(29)$)|(^([2-9][0-9][2468][048])([-\/\._])(0?2)([-\/\._])(29)$)|(^([1][89][13579][26])([-\/\._])(0?2)([-\/\._])(29)$)|(^([2-9][0-9][13579][26])([-\/\._])(0?2)([-\/\._])(29)$))/,
+  numVcode: /^[0-9]{4,8}$/,
+  vcode: /^[a-zA-Z0-9]{4,8}$/,
+  code: /^[a-zA-Z0-9]{4,}$/,
+  hkMc: /^[WC][0-9]{8}$/,
+  taiWan: /^T[0-9]{8}$/,
+  passport:
+    /^1[45][0-9]{7}|([E|e]\d{8})|([P|p|S|s]\d{7})|([S|s|G|g]\d{8})|([Gg|Tt|Ss|Ll|Qq|Dd|Aa|Ff]\d{8})|([H|h|M|m]\d{8，10})$/,
+  num: /^-?[0-9]+\.?[0-9]*$/,
+  money:
+    /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/,
+  id: /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/,
+};
+
+// 定义字符串的trim方法
+if (String.prototype.trim === void 0) {
+  String.prototype.trim = function () {
+    return this.replace(/(^\s*)|(\s*$)/g, '');
+  };
+}
+
+export const validType = {
+  // required 校验方法
+  required(value) {
+    // 如果是数组，则判断数组长度
+    if (Array.isArray(value)) {
+      return value.length > 0;
+    } else if (value && typeof value === 'object') {
+      return Object.keys(value).length > 0;
+    } else if (typeof value === 'boolean') {
+      return true;
+    }
+    return !!(value || value === 0);
+  },
+  // 身份证规则检测
+  id(value) {
+    return typeof value === 'string' && pattern.id.test(value.trim());
+  },
+  // 中文检测
+  cn(value) {
+    return typeof value === 'string' && pattern.cn.test(value.trim());
+  },
+  // 手机号码检测
+  mobile(value) {
+    return pattern.mobile.test(String(value).trim());
+  },
+  // 固定电话检测
+  tel(value) {
+    return pattern.tel.test(String(value).trim());
+  },
+  internationalTel(value) {
+    return pattern.internationalTel.test(String(value).trim());
+  },
+  // 邮箱检测
+  email(value) {
+    return typeof value === 'string' && pattern.email.test(value.trim());
+  },
+  // URL检测
+  url(value) {
+    return typeof value === 'string' && pattern.url.test(value.trim());
+  },
+  // 车牌检测
+  carId(value) {
+    return typeof value === 'string' && pattern.carId.test(value.trim());
+  },
+  // 中文名检测
+  cnName(value) {
+    return typeof value === 'string' && pattern.cnName.test(value.trim());
+  },
+  // 英文名检测
+  enName(value) {
+    return typeof value === 'string' && pattern.enName.test(value.trim());
+  },
+  // 用户名检测
+  userName(value) {
+    return typeof value === 'string' && pattern.userName.test(value.trim());
+  },
+  // 地址检测
+  address(value) {
+    return typeof value === 'string' && pattern.address.test(value.trim());
+  },
+  // 日期检测
+  date(value) {
+    return typeof value === 'string' && pattern.date.test(value.trim());
+  },
+  // 数字验证码检测
+  numVcode(value) {
+    return typeof value === 'string' && pattern.numVcode.test(value.trim());
+  },
+  // 其它验证码检测
+  vcode(value) {
+    return typeof value === 'string' && pattern.vcode.test(value.trim());
+  },
+  // 编码检测
+  code(value) {
+    return typeof value === 'string' && pattern.code.test(value.trim());
+  },
+  // 港澳通行证检测
+  hkMc(value) {
+    return typeof value === 'string' && pattern.hkMc.test(value.trim());
+  },
+  // 台湾通行证检测
+  taiWan(value) {
+    return typeof value === 'string' && pattern.taiWan.test(value.trim());
+  },
+  // 护照检测
+  passport(value) {
+    return typeof value === 'string' && pattern.passport.test(value.trim());
+  },
+  num(value) {
+    return typeof value === 'string' && pattern.num.test(value.trim());
+  },
+  // 金额检测
+  money(value) {
+    return typeof value === 'string' && pattern.money.test(value.trim());
+  },
+};

package/components/form-image-uploader/index.js

@@ -0,0 +1,83 @@
+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: '',
+    },
+    maxUploadCount: {
+      type: Number,
+      value: 5,
+    },
+    title: {
+      type: String,
+      value: '图片上传',
+    },
+    tips: {
+      type: String,
+      value: '图片上传提示',
+    },
+    single: {
+      type: Boolean,
+      value: false,
+    },
+    maxSize: {
+      type: Number,
+      value: 10,
+    },
+    //是否获取微信头像
+    isChooseAvatar: {
+      type: Boolean,
+      value: false,
+    },
+    //图片展示形状 圆角矩形-roundedTectangle 圆形-circular 直角矩形-ectangle
+    showShape: {
+      type: String,
+      value: 'ectangle',
+    },
+    labelVisible: {
+      type: Boolean,
+      value: true,
+    },
+    label: {
+      type: String,
+      value: '字段标题',
+    },
+  },
+  methods: {
+    change: function (e) {
+      this.triggerEvent('change', e.detail);
+      this.setData({ value: e.detail.value });
+    },
+    ...handleEvents([
+      {
+        title: '上传成功',
+        name: 'success',
+      },
+      {
+        title: '上传失败',
+        name: 'error',
+      },
+    ]),
+  },
+  observers: {
+    title: function (label) {
+      this.setReadonlyAttributes({ label });
+    },
+  },
+});

package/components/form-image-uploader/index.json

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

package/components/form-image-uploader/index.wxml

@@ -0,0 +1,27 @@
+<block wx:if="{{visible}}">
+  <form-item-wrapper>
+    <old-image-uploader
+      id="{{id}}"
+      className="{{className}}"
+      style="{{style}}"
+      name="{{name}}"
+      title="{{title}}"
+      disabled="{{disabled}}"
+      layout="{{actualLayout}}"
+      labelVisible="{{labelVisible}}"
+      requiredFlag="{{requiredFlag && required}}"
+      acceptTypes="{{acceptTypes}}"
+      defaultValue="{{value}}"
+      maxSize="{{maxSize}}"
+      maxUploadCount="{{maxUploadCount}}"
+      single="{{single}}"
+      tips="{{tips}}"
+      isChooseAvatar="{{isChooseAvatar}}"
+      showShape="{{showShape}}"
+      bind:change="change"
+      bind:success="success"
+      bind:error="error"
+    />
+    <tips wx:if="{{validateState === 'error' || validateState === 'warn'}}" tips="{{validateErrorMsg}}" type="warn" />
+  </form-item-wrapper>
+</block>