@cloudbase/weda-ui-mp 0.2.20

package/components/form/selectMultiple/index.wxml

@@ -0,0 +1,34 @@
+<formcell className="{{cls}}" style="{{style}}" label="{{labelVisible ? label : null}}" layout="{{layout}}" multiCell="{{false}}" requiredFlag="{{requiredFlag}}">
+  <wd-form-item-read-only version="{{version}}" readOnly="{{readOnly}}" readValue="{{displayLabel}}">
+    <view class="{{subCls}}">
+      <view class="weui-cell__bd">
+        <view class="weui-picker__group weui-input select-picker weda-ui-tag" id="select-picker" bindtap="onOpenPicker" data-show="true">
+          <block wx:if="{{!isEmpty}}">
+            <view class="weda-ui-show-label">{{displayLabel}}</view>
+            <view class="weda-ui-select-multiple-picker-clear-icon" catchtap="onSelectPicker" data-clear="true"></view>
+          </block>
+          <block wx:else>
+            <view><label class="weda-ui-placeholder weui-input__placeholder">{{placeholder}}</label></view>
+          </block>
+        </view>
+        <block wx:if="{{allPickerShow}}">
+          <dropdownSelect
+            class="weui-picker__group weui-input"
+            bindchange="onChange"
+            bind:_childFetchData="_childFetchData"
+            bind:onSelectPicker="onSelectPicker"
+            bind:onClosePicker="onClosePicker"
+            option="{{option}}"
+            loadStatus="{{loadStatus}}"
+            searchStatus="{{searchStatus}}"
+            displayLabel="{{displayLabel}}"
+            selectedValue="{{value}}"
+            ignoreCase="{{ignoreCase}}"
+            staticSearchable="{{staticSearchable}}"
+            bind:search="onSearch"
+          />
+        </block>
+      </view>
+    </view>
+  </wd-form-item-read-only>
+</formcell>

package/components/form/selectMultiple/index.wxss

@@ -0,0 +1,127 @@
+@import '../../../style/weda-ui.wxss';
+.weda-ui .weui-cell.weui-check__label {
+  padding: 16px;
+}
+.weda-ui .weui-flex__item .weui-cell.weui-check__label {
+  padding-left: 0;
+}
+
+.weda-ui.weda-select .weui-cell_form {
+  padding: 0 16px;
+}
+
+.weda-ui.weda-select .weui-flex__item .weui-cell_form {
+  padding: 0;
+  padding-right: 16px;
+}
+
+.weui-picker__group.weui-input.select-picker::after {
+  content: '';
+  width: 24px;
+  height: 24px;
+  display: block;
+  position: absolute;
+  right: -6px;
+  top: 12px;
+  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Crect opacity='0.01' width='24' height='24' fill='%23D8D8D8'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.6003 12.5769L7.93943 20L6.99981 19.0875L14.3157 11.9986L6.99983 4.91249L7.93945 4L15.5754 11.3961C15.5858 11.4048 15.596 11.4139 15.6059 11.4235L15.8278 11.639C16.0302 11.8355 16.03 12.1605 15.8274 12.3568L15.6253 12.5526L15.6049 12.5725C15.6034 12.574 15.6018 12.5754 15.6003 12.5769Z' fill='black' fill-opacity='0.4'/%3E %3C/svg%3E ");
+}
+
+.weda-ui.weda-select .select-picker-input {
+  margin-right: 17.5px;
+}
+
+.weda-ui-tag {
+  position: relative;
+  display: flex;
+}
+
+.weda-ui-tag-item {
+  position: relative;
+  background-color: #eee;
+  color: rgba(0, 0, 0, 0.9);
+  margin: 4px 4px 0 0;
+  padding: 5px 10px;
+  height: auto;
+  vertical-align: middle;
+  border: 1px solid #eee;
+  border-radius: 3px;
+  font-size: 14px;
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+  word-break: break-word;
+}
+.weda-ui-show-label {
+  width: 200px;
+  position: relative;
+  color: rgba(0, 0, 0, 0.9);
+  margin: 4px 4px 0 0;
+  height: auto;
+  vertical-align: middle;
+  border-radius: 3px;
+  font-size: 16px;
+  display: inline-block;
+  word-wrap: break-word;
+  word-break: break-word;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.weda-ui-placeholder {
+  color: rgb(0 0 0 / 40%);
+}
+.weui-input.select-picker.weda-ui-tag {
+  padding: 14px 0;
+}
+
+.weda-ui-select-multiple-picker-clear-icon {
+  position: absolute;
+  right: 16px;
+  width: 24px;
+  height: 24px;
+  line-height: 54px;
+  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4IiBmaWxsPSJub25lIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNy43NSA5QzE3Ljc1IDQuMTY3NTEgMTMuODMyNSAwLjI1MDAwMSA5IDAuMjVDNC4xNjc1MSAwLjI0OTk5NyAwLjI1MDAwMSA0LjE2NzUxIDAuMjUgOUMwLjI0OTk5NyAxMy44MzI1IDQuMTY3NTEgMTcuNzUgOSAxNy43NUMxMy44MzI1IDE3Ljc1IDE3Ljc1IDEzLjgzMjUgMTcuNzUgOVpNNi4wODg2MyA1LjE4NDQyTDkuMDAwMDIgOC4xMTM0NEwxMS45MTE0IDUuMTg0NDJMMTIuNzk3OSA2LjA2NTYzTDkuODgxMjQgOUwxMi43OTc5IDExLjkzNDRMMTEuOTExNCAxMi44MTU2TDkuMDAwMDEgOS44ODY1N0w2LjA4ODY0IDEyLjgxNTZMNS4yMDIxIDExLjkzNDRMOC4xMTg3OSA5TDUuMjAyMDggNi4wNjU2M0w2LjA4ODYzIDUuMTg0NDJaIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjkiLz4KPC9zdmc+)
+    no-repeat center;
+}
+
+/* 标准化样式适配 start */
+.wd-form-item .wd-form-input-wrap .weda-select {
+  width: 100%;
+}
+
+.wd-form-item
+  .wd-form-input-wrap
+  .weda-select
+  .weui-picker__group.weui-input.select-picker::after {
+  display: none;
+}
+
+.wd-mp-select-multiple-root .weui-cells::before,
+.wd-mp-select-multiple-root .weui-cells::after {
+  display: none;
+}
+
+.wd-form-item .wd-form-input-wrap .weda-select .weda-ui .weui-input {
+  padding: 9px 0;
+}
+
+.wd-form-item
+  .wd-form-input-wrap
+  .weda-select
+  .weui-flex__item
+  .weui-cell_form {
+  padding-right: 0;
+}
+
+.wd-form-item
+  .wd-form-input-wrap
+  .weda-select
+  .weda-ui-select-multiple-picker-clear-icon {
+  display: none;
+}
+
+.wd-form-item .wd-form-input-wrap .weda-select .weda-ui-show-label {
+  margin: 0;
+}
+/* 标准化样式适配 end */

package/components/form/switch/index.js

@@ -0,0 +1,90 @@
+import classNames from '../../../utils/classnames';
+import handleEvents from '../../../utils/handleEvents';
+
+Component({
+  options: {
+    virtualHost: true,
+  },
+  properties: {
+    className: {
+      type: String,
+      value: '',
+    },
+    style: {
+      type: String,
+      value: '',
+    },
+    label: {
+      type: String,
+      value: '标题',
+    },
+    labelVisible: {
+      type: Boolean,
+      value: true,
+    },
+    checked: {
+      type: Boolean,
+      value: false,
+    },
+    layout: {
+      type: String,
+      value: 'horizontal',
+    },
+    disabled: {
+      type: Boolean,
+      value: false,
+    },
+    requiredFlag: {
+      type: Boolean,
+      value: false,
+    },
+  },
+  data: {
+    cls: '',
+    subCls: '',
+    isFlex: true,
+  },
+  lifetimes: {
+    attached() {
+      const { className, layout, disabled } = this.properties;
+      const isFlex = layout !== 'vertical';
+      const cls = classNames({
+        'weda-ui': true,
+        'weda-switch': true,
+        [className]: className,
+      });
+      const subCls = classNames({
+        'weui-cell': true,
+        'weui-cell_active': true,
+        'weui-cell_switch': true,
+        'weui-flex__item': isFlex,
+        'weui-cell_disabled': disabled,
+      });
+
+      this.setData({ cls, subCls, isFlex });
+    },
+  },
+  methods: {
+    ...handleEvents([
+      {
+        name: 'change',
+        title: '选中状态改变',
+      },
+    ]),
+  },
+  observers: {
+    'disabled, layout': function (disabled, layout) {
+      const subCls = classNames({
+        'weui-cell': true,
+        'weui-cell_active': true,
+        'weui-cell_switch': true,
+        'weui-flex__item': layout !== 'vertical',
+        'weui-cell_disabled': disabled,
+      });
+
+      this.setData({
+        subCls,
+      });
+    },
+  },
+});

package/components/form/switch/index.json

@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "styleIsolation": "shared",
+  "usingComponents": {
+    "formcell": "../formcell"
+  }
+}

package/components/form/switch/index.wxml

@@ -0,0 +1,11 @@
+<formcell className="{{cls}}" style="{{style}}" label="{{labelVisible ? label : null}}" layout="{{layout}}" multiCell="{{false}}" requiredFlag="{{requiredFlag}}">
+  <view class="{{subCls}}">
+    <view wx:if="{{isFlex}}" class="weui-cell__bd" />
+    <view class="{{ isFlex? 'weui-cell__ft' : 'weui-cell__bd'}}">
+      <label class="weui-switch-cp">
+        <switch class="weui-switch-cp__input" checked="{{checked}}" bindchange="change" disabled="{{disabled}}" />
+        <view class="weui-switch-cp__box" />
+      </label>
+    </view>
+  </view>
+</formcell>

package/components/form/switch/index.wxss

@@ -0,0 +1 @@
+@import '../../../style/weda-ui.wxss';

package/components/form/textarea/index.js

@@ -0,0 +1,90 @@
+import classNames from '../../../utils/classnames';
+
+Component({
+  options: {
+    virtualHost: true,
+  },
+  properties: {
+    className: {
+      type: String,
+      value: '',
+    },
+    style: {
+      type: String,
+      value: '',
+    },
+    label: {
+      type: String,
+      value: '标题',
+    },
+    labelVisible: {
+      type: Boolean,
+      value: true,
+    },
+    defaultValue: {
+      type: String,
+      value: '',
+    },
+    placeholder: {
+      type: String,
+      value: '请输入',
+    },
+    maxLength: {
+      type: Number,
+      value: 140,
+    },
+    disabled: {
+      type: Boolean,
+      value: false,
+    },
+    focus: {
+      type: Boolean,
+      value: false,
+    },
+    layout: {
+      type: String,
+      value: 'horizontal',
+    },
+    requiredFlag: {
+      type: Boolean,
+      value: false,
+    },
+    counterVisible: {
+      type: Boolean,
+      value: true,
+    },
+  },
+  data: {
+    cls: '',
+    value: '',
+  },
+  lifetimes: {
+    attached() {
+      const { className } = this.properties;
+      this.setData({
+        cls: classNames({
+          'weda-ui': true,
+          'weda-textarea': true,
+          [className]: className,
+        }),
+      });
+    },
+  },
+  observers: {
+    defaultValue: function (defaultValue) {
+      this.setData({ value: defaultValue });
+    },
+  },
+  methods: {
+    handleChange: function (e) {
+      this.setData({ value: e.detail.value });
+      this.triggerEvent('change', e.detail);
+    },
+    handleFocus: function (e) {
+      this.triggerEvent('focus', e.detail);
+    },
+    handleBlur: function (e) {
+      this.triggerEvent('blur', e.detail);
+    },
+  },
+});

package/components/form/textarea/index.json

@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "styleIsolation": "shared",
+  "usingComponents": {
+    "formcell": "../formcell"
+  }
+}

package/components/form/textarea/index.wxml

@@ -0,0 +1,8 @@
+<formcell className="{{cls}}" style="{{style}}" label="{{labelVisible ? label : null}}" layout="{{layout}}" multiCell="{{true}}" requiredFlag="{{requiredFlag}}">
+  <view class="weui-cell weui-cell_active weui-cell_form}} {{disabled ? 'weui-cell_disabled' : ''}}">
+    <view class="weui-cell__bd">
+      <textarea auto-focus="{{focus}}" focus="{{focus}}" class="weui-textarea" placeholder="{{placeholder}}" placeholder-class="weui-input__placeholder" bindinput="handleChange" value="{{value}}" disable="{{disabled}}" maxlength="{{maxLength}}" bindfocus="handleFocus" bindblur="handleBlur"></textarea>
+      <view wx:if="{{counterVisible}}" class="weui-textarea-counter"><span>{{!!value ? value.length : 0}}</span>/{{maxLength}}</view>
+    </view>
+  </view>
+</formcell>

package/components/form/textarea/index.wxss

@@ -0,0 +1,10 @@
+@import '../../../style/weda-ui.wxss';
+
+.weda-ui .weda-textarea .weui-cell_form {
+  padding: 16px;
+}
+
+.weda-ui .weda-textarea .weui-flex__item .weui-cell_form {
+  padding: 16px;
+  padding-left: 0;
+}

package/components/form/tips/index.js

@@ -0,0 +1,41 @@
+import classNames from '../../../utils/classnames';
+
+Component({
+  options: {
+    virtualHost: true,
+  },
+  properties: {
+    className: {
+      type: String,
+      value: '',
+    },
+    style: {
+      type: String,
+      value: '',
+    },
+    tips: {
+      type: String,
+      value: '表单提示',
+    },
+    type: {
+      type: String,
+      value: 'normal',
+    },
+  },
+  data: {
+    cls: '',
+  },
+  lifetimes: {
+    attached() {
+      const { className, type, tips } = this.properties;
+      const cls = classNames('weda-ui', {
+        'weda-tips': true,
+        'weui-cells__tips': !!tips,
+        'weui-cells__tips_warn': !!tips && type === 'warn',
+        [className]: className,
+      });
+
+      this.setData({ cls });
+    },
+  },
+});

package/components/form/tips/index.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "styleIsolation": "shared"
+}

package/components/form/tips/index.wxml

@@ -0,0 +1 @@
+<view class="{{cls}}"> {{tips}} </view>

package/components/form/tips/index.wxss

@@ -0,0 +1,5 @@
+@import '../../../style/weda-ui.wxss';
+
+.weda-ui.weui-form .weui-cells__group .weda-tips.weui-cells__tips {
+  padding-left: 16px;
+}

package/components/form/uploader/compress.js

@@ -0,0 +1,31 @@
+const normalizeOptions = (inputOptions) => {
+  let quality = inputOptions.compressQuality ?? 70;
+  if (typeof quality !== 'number') {
+    quality = 70;
+  }
+
+  let { compressedHeight, compressedWidth } = inputOptions;
+  if (typeof compressedHeight !== 'number' || compressedWidth <= 0) {
+    compressedHeight = undefined;
+  }
+  if (typeof compressedWidth !== 'number' || compressedWidth <= 0) {
+    compressedWidth = undefined;
+  }
+  return {
+    quality,
+    compressedWidth,
+    compressedHeight,
+  };
+};
+export async function compressImage(file, options) {
+  const normalizedOptions = normalizeOptions(options);
+
+  return new Promise((resolve, reject) => {
+    wx.compressImage({
+      src: file,
+      ...normalizedOptions,
+      success: (res) => resolve(res.tempFilePath),
+      fail: reject,
+    });
+  });
+}