@cloudbase/weda-ui-mp 0.2.20

package/components/wd-form/index.json

@@ -0,0 +1,5 @@
+{
+  "component": true,
+  "styleIsolation": "shared",
+  "usingComponents": { "status-content": "../status-content" }
+}

package/components/wd-form/index.wxml

@@ -0,0 +1,15 @@
+<view class="weui-form weda-ui wd-form wd-mp-form {{className}}" id="{{id}}" style="{{style}}">
+  <block wx:if="{{loadingStatus === 'loading'}}">
+    <view class="wedatea2td-action-state">
+      <view class="wedatea2td-mr-2n wedatea2td-icon wedatea2td-icon-loading" role="img" aria-label="loading"></view>
+      <view class="wedatea2td-action-state__text" title="数据加载中...">数据加载中...</view>
+    </view>
+  </block>
+
+  <block wx:if="{{errorObj.message}}">
+    <status-content errorObj="{{errorObj}}"></status-content>
+  </block>
+  <block wx:if="{{!errorObj.message}}">
+    <slot name="contentSlot" />
+  </block>
+</view>

package/components/wd-form/index.wxss

@@ -0,0 +1,38 @@
+@import '../../style/weda-ui.wxss';
+@import '../../style/wd-design.wxss';
+@import '../../style/wedatea2td.wxss';
+@import './wd-form.wxss';
+
+/*
+表单模版内置样式 {{{
+*/
+.wd-form-title__text.wd-mp-typography {
+  margin-left: 16px;
+  margin-right: 16px;
+  padding-left: 0px;
+  padding-right: 0px;
+}
+.wd-mp-form .wd-form-title {
+  --wd-form-item-mb: 0px;
+  padding-top: 16px;
+  padding-bottom: 8px;
+}
+
+.wd-mp-form {
+  position: relative;
+}
+.wd-mp-form .wedatea2td-action-state {
+  position: absolute;
+  top: 0;
+  height: 100%;
+  width: 100%;
+  margin: 0 auto;
+  text-align: center;
+  align-items: center;
+  justify-content: center;
+  z-index: 9999;
+  background: #fff;
+}
+/*
+  表单模版内置样式 END }}}
+  */

package/components/wd-form/remote-value.js

@@ -0,0 +1,76 @@
+// father-son 是老的，新的叫many-one
+const SINGLE_SELECT_FORMATS = [
+  'many-one',
+  /**
+   * A 建立 1对1 到B
+   * 从A看 就是one-one
+   * 从B看 就是one-one-r
+   */
+  'one-one',
+  'one-one-r',
+];
+
+const MULTI_SELECT_FORMATS = ['many-many', 'one-many'];
+
+export function convertRemoteValueToFormData(
+  dataSourceType,
+  dataSourceProfile,
+  fetchedInitialValues
+) {
+  if (dataSourceType === 'experssion') {
+    return fetchedInitialValues;
+  }
+  const result = Object.keys(fetchedInitialValues).reduce((acc, field) => {
+    const format = dataSourceProfile?.schema?.properties?.[field]?.format;
+    acc[field] = fetchedInitialValues[field];
+    if (
+      [...SINGLE_SELECT_FORMATS, 'father-son'].includes(format) &&
+      fetchedInitialValues[field]['_id']
+    ) {
+      acc[field] = fetchedInitialValues[field]['_id'];
+    }
+    if (MULTI_SELECT_FORMATS.includes(format)) {
+      acc[field] = fetchedInitialValues[field].map((item) => item['_id']);
+    }
+    return acc;
+  }, {});
+  return result;
+}
+
+export function convertFormDataToSubmitParams(
+  dataSourceProfile,
+  formData,
+  formType,
+  _id,
+  fields
+) {
+  const data = Object.keys(formData).reduce((acc, cur) => {
+    if (!fields.includes(cur)) return acc;
+    const format = dataSourceProfile.schema?.properties?.[cur]?.format;
+    acc[cur] = formData[cur];
+    if (SINGLE_SELECT_FORMATS.includes(format)) {
+      acc[cur] = { _id: formData[cur] };
+    }
+    if (MULTI_SELECT_FORMATS.includes(format)) {
+      acc[cur] = acc[cur]?.map((_id) => ({ _id }));
+    }
+    return acc;
+  }, {});
+  const result = {
+    data,
+  };
+  if (formType !== 'create' && _id) {
+    const where = {
+      $and: [
+        {
+          _id: {
+            $eq: _id,
+          },
+        },
+      ],
+    };
+    result['filter'] = { where };
+  }
+
+  return result;
+}