@cloudbase/weda-ui 3.5.1 → 3.5.2-mp

package/components/form-select/index.js

@@ -0,0 +1,114 @@
+import handleEvents from '../../utils/handleEvents';
+import { commonCompBehavior } from '../../utils/common-behavior';
+import formFieldBehavior from '../form-field-behavior/form-field-behavior';
+import debounce from '../../utils/debounce';
+
+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',
+    },
+    range: {
+      type: Array,
+      value: [{ label: '选项名称', value: '选项值' }],
+    },
+
+    where: {
+      type: Array,
+    },
+    format: {
+      type: String,
+      value: '',
+    },
+    viewId: {
+      type: String,
+      value: '',
+    },
+    labelVisible: {
+      type: Boolean,
+      value: true,
+    },
+    label: {
+      type: String,
+      value: '字段标题',
+    },
+
+    enumName: {
+      type: String,
+      value: '',
+    },
+
+    tipBlock: {
+      type: String,
+      value: '',
+    },
+    placeholder: {
+      type: String,
+      value: '请选择',
+    },
+    primaryField: {
+      type: String,
+      value: '',
+    },
+    dataSourceName: {
+      type: String,
+      value: '',
+    },
+    required: {
+      type: Boolean,
+      value: false,
+    },
+    requiredFlag: {
+      type: Boolean,
+      value: true,
+    },
+  },
+  methods: {
+    debouncedTriggerSearchEvent: debounce(function (value) {
+      this.triggerEvent('search', { value });
+    }),
+    change: function (event) {
+      this.setData({ value: event.detail.value });
+      this.triggerEvent('change', event.detail);
+    },
+    ...handleEvents([
+      {
+        title: '取消',
+        name: 'cancel',
+      },
+    ]),
+
+    search: function (ev) {
+      this.setReadonlyAttributes({ searchValue: ev.detail.value });
+      this.debouncedTriggerSearchEvent(ev.detail.value);
+    },
+  },
+
+  observers: {
+    primaryField: function (primaryField) {
+      this.setReadonlyAttributes &&
+        this.setReadonlyAttributes({ selectFields: [primaryField] });
+    },
+    label: function (label) {
+      this.setReadonlyAttributes({ label });
+    },
+  },
+});

package/components/form-select/index.json

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

package/components/form-select/index.wxml

@@ -0,0 +1,31 @@
+<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}}"
+      defaultValue="{{value}}"
+      enumName="{{enumName}}"
+      format="{{format === 'many-one' ? 'father-son' : format}}"
+      placeholder="{{placeholder}}"
+      primaryField="{{primaryField}}"
+      range="{{range}}"
+      size="{{size}}"
+      tipBlock="{{tipBlock}}"
+      viewId="{{viewId}}"
+      where="{{where}}"
+      dataSourceName="{{dataSourceName}}"
+      mode="selector"
+      bind:change="change"
+      bind:cancel="cancel"
+      bind:search="search"
+    />
+    <tips wx:if="{{validateState === 'error' || validateState === 'warn'}}" tips="{{validateErrorMsg}}" type="warn" />
+  </form-item-wrapper>
+</block>

package/components/form-select-multiple/index.js

@@ -0,0 +1,97 @@
+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',
+    },
+    range: {
+      type: Array,
+      value: [{ label: '选项名称', value: '选项值' }],
+    },
+
+    // where: {
+    //   type: Array,
+    // },
+    format: {
+      type: String,
+      value: '',
+    },
+    viewId: {
+      type: String,
+      value: '',
+    },
+    labelVisible: {
+      type: Boolean,
+      value: true,
+    },
+    label: {
+      type: String,
+      value: '字段标题',
+    },
+
+    enumName: {
+      type: String,
+      value: '',
+    },
+
+    tipBlock: {
+      type: String,
+      value: '',
+    },
+    placeholder: {
+      type: String,
+      value: '请选择',
+    },
+    primaryField: {
+      type: String,
+      value: '',
+    },
+    dataSourceName: {
+      type: String,
+      value: '',
+    },
+  },
+  methods: {
+    change: function (e) {
+      this.setData({ value: e.detail.value });
+      this.triggerEvent('change', e.detail);
+    },
+
+    ...handleEvents([
+      {
+        title: '取消',
+        name: 'cancel',
+      },
+    ]),
+  },
+  observers: {
+    primaryField: function (primaryField) {
+      this.setReadonlyAttributes &&
+        this.setReadonlyAttributes({ selectFields: [primaryField] });
+    },
+    label: function (label) {
+      this.setReadonlyAttributes({ label });
+    },
+  },
+});

package/components/form-select-multiple/index.json

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

package/components/form-select-multiple/index.wxml

@@ -0,0 +1,29 @@
+<block wx:if="{{visible}}">
+  <form-item-wrapper>
+    <old-select-multiple
+      id="{{id}}"
+      className="{{className}}"
+      style="{{style}}"
+      name="{{name}}"
+      label="{{label}}"
+      disabled="{{disabled}}"
+      layout="{{actualLayout}}"
+      labelVisible="{{labelVisible}}"
+      requiredFlag="{{requiredFlag && required}}"
+      defaultValue="{{value}}"
+      enumName="{{enumName}}"
+      format="{{format}}"
+      placeholder="{{placeholder}}"
+      primaryField="{{primaryField}}"
+      range="{{range}}"
+      size="{{size}}"
+      tipBlock="{{tipBlock}}"
+      viewId="{{viewId}}"
+      dataSourceName="{{dataSourceName}}"
+      mode="selector"
+      bind:change="change"
+      bind:cancel="cancel"
+    />
+    <tips wx:if="{{validateState === 'error' || validateState === 'warn'}}" tips="{{validateErrorMsg}}" type="warn" />
+  </form-item-wrapper>
+</block>

package/components/form-switch/index.js

@@ -0,0 +1,43 @@
+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: '',
+    },
+    labelVisible: {
+      type: Boolean,
+      value: true,
+    },
+    label: {
+      type: String,
+      value: '字段标题',
+    },
+  },
+  methods: {
+    change: function (event) {
+      this.setData({ value: event.detail.value });
+      this.triggerEvent('change', event.detail);
+    },
+  },
+  observers: {
+    label: function (label) {
+      this.setReadonlyAttributes({ label });
+    },
+  },
+});

package/components/form-switch/index.json

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

package/components/form-switch/index.wxml

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

package/components/form-text-area/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: '',
+    },
+    maxLength: {
+      type: Number,
+      value: 140,
+    },
+    size: {
+      type: String,
+      value: 'full',
+    },
+    focus: {
+      type: Boolean,
+      value: false,
+    },
+    label: {
+      type: String,
+      value: '标题',
+    },
+    layout: {
+      type: String,
+      value: '',
+    },
+    disabled: {
+      type: Boolean,
+      value: false,
+    },
+    placeholder: {
+      type: String,
+      value: '请输入',
+    },
+    labelVisible: {
+      type: Boolean,
+      value: true,
+    },
+    validateStatus: {
+      type: String,
+      value: 'success',
+    },
+    counterVisible: {
+      type: Boolean,
+      value: true,
+    },
+    required: {
+      type: Boolean,
+      value: false,
+    },
+    requiredFlag: {
+      type: Boolean,
+      value: true,
+    },
+  },
+  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-text-area/index.json

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

package/components/form-text-area/index.wxml

@@ -0,0 +1,26 @@
+<block wx:if="{{visible}}">
+  <form-item-wrapper>
+    <old-textarea
+      id="{{id}}"
+      className="{{className}}"
+      style="{{style}}"
+      requiredFlag="{{requiredFlag && required}}"
+      label="{{label}}"
+      layout="{{actualLayout}}"
+      labelVisible="{{labelVisible}}"
+      defaultValue="{{value}}"
+      placeholder="{{placeholder}}"
+      size="{{size}}"
+      type="{{type}}"
+      focus="{{focus}}"
+      disabled="{{disabled}}"
+      maxLength="{{maxLength}}"
+      counterVisible="{{counterVisible}}"
+      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-time/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: '',
+    },
+
+    size: {
+      type: String,
+      value: 'm',
+    },
+    labelVisible: {
+      type: Boolean,
+      value: true,
+    },
+    label: {
+      type: String,
+      value: '字段标题',
+    },
+    placeholder: {
+      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: {
+    label: function (label) {
+      this.setReadonlyAttributes({ label });
+    },
+  },
+});

package/components/form-time/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-time/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}}" mode="time" defaultTime="{{value}}" endTime="{{end}}" placeholder="{{placeholder}}" size="{{size}}" startTime="{{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-upload-file/index.js

@@ -0,0 +1,73 @@
+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,
+    },
+    labelVisible: {
+      type: Boolean,
+      value: true,
+    },
+    label: {
+      type: String,
+      value: '字段标题',
+    },
+    single: {
+      type: Boolean,
+      value: false,
+    },
+    maxSize: {
+      type: Number,
+      value: 10,
+    },
+    deleteVisible: {
+      type: Boolean,
+      value: true,
+    },
+    downloadVisible: {
+      type: Boolean,
+      value: true,
+    },
+  },
+  methods: {
+    change: function (e) {
+      this.setData({ value: e.detail.value });
+      this.triggerEvent('change', e.detail);
+    },
+    ...handleEvents([
+      {
+        title: '上传成功',
+        name: 'success',
+      },
+      {
+        title: '上传失败',
+        name: 'error',
+      },
+    ]),
+  },
+  observers: {
+    label: function (label) {
+      this.setReadonlyAttributes({ label });
+    },
+  },
+});

package/components/form-upload-file/index.json

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

package/components/form-upload-file/index.wxml

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