@cloudbase/lowcode-builder 1.8.74 → 1.8.75

package/template/mp/packages/$wd_system/pages/login/index.js

@@ -0,0 +1,161 @@
+import { app, $app } from '../../../../app/weapps-api'
+import loginByPassword from './methods/loginByPassword'
+import loginByWXPhone from './methods/loginByWXPhone'
+
+function decodePageQuery(query) {
+  return Object.keys(query).reduce((decoded, key) => {
+    decoded[key] = decodeURIComponent(query[key]);
+    return decoded;
+  }, {});
+}
+
+let loginConfig
+Component({
+  data: {
+    params: {},
+    initing: true,
+    error: null,
+    settingData: {
+      "logo": "",
+      "agreement": {
+        "items": [],
+        "enable": false
+      },
+      "miniprogram": [],
+    },
+    pageStyle: '',
+    agreement: false,
+    wxLoginStatus: '',
+    passwordVisible: false,
+    enablePassword: false,
+    enableMpPhone: false
+  },
+  methods: {
+    async getPhoneCodeNumber(e) {
+      if (
+        e?.detail?.errMsg?.includes('fail') ||
+        e?.detail?.errno ||
+        !e?.detail?.code
+      ) {
+        console.warn(
+          '获取手机号授权令牌失败:',
+          !e?.detail.code ? { errMsg: '可能基础库版本过低' } : e.detail
+        );
+
+        $app.showModal({
+          "cancelColor": "#000000",
+          "cancelText": "取消",
+          "confirmColor": "#576B95",
+          "confirmText": "确认",
+          "showCancel": true,
+          "title": "获取手机号授权令牌失败",
+          "content": `获取手机号授权令牌失败: ${e.detail.errno || e.detail?.errMsg || '可能基础库版本过低'}`
+        })
+
+        return;
+      }
+
+      return loginByWXPhone(this, { event: e })
+    },
+    async onLoad(options) {
+      try {
+        const config = await this._getLoginConfig().catch(() => {
+          return this._getLoginConfig()
+        })
+        const query = decodePageQuery(options || {});
+        let settingData = {
+          "logo": config.logo || "https://sso-1303824488.cos.ap-shanghai.myqcloud.com/logo.svg",
+          "agreement": {
+            "items": [],
+            "enable": false,
+            ...config.agreement
+          },
+          "miniprogram": config.miniprogram || [],
+        }
+        this.setData({
+          params: query,
+          settingData,
+          enablePassword: this._getEnablePassword(settingData),
+          enableMpPhone: this._getEnableMpPhone(settingData),
+          pageStyle: `${this.data.pageStyle}; background-color: ${config.backgroundColor || '#fff'};`,
+          initing: false
+        })
+      } catch(e) {
+        this.setData({
+          initing: false,
+          error: {
+            message: '获取登录配置失败,' + (e.message || '')
+          }
+        })
+      }
+    },
+    togglePasswordVisible() {
+      this.setData({
+        passwordVisible: !this.data.passwordVisible
+      })
+    },
+    loginByPassword(e) {
+      const values = e.detail.value
+
+      return loginByPassword(this, { username: values?.username?.value, password: values?.password?.value })
+    },
+    showAgreement(e) {
+      const index = e.currentTarget?.dataset?.index
+      const agreementContent = this.data.settingData.agreement.items[index].value
+      this.setData({
+        agreementContent,
+        isShowAgreement: !!agreementContent
+      })
+    },
+    checkAgreement(e) {
+      if (this.data.settingData.agreement.enable && !this.data.agreement) {
+        app.showToast({ title: '请阅读并勾选底部协议', icon: 'error', duartion: Math.min(1500, title.length * 200) })
+
+        return false;
+      }
+      return true;
+    },
+    onAgreementChange(e) {
+      this.setData({
+        agreement: e.detail.value.length > 0
+      })
+    },
+    _getEnablePassword(settingData) {
+      const config = settingData || this.data.settingData
+      return config.miniprogram?.find?.(item => item.type === 'password')?.enable ?? false
+    },
+    _getEnableMpPhone(settingData) {
+      const config = settingData || this.data.settingData
+      return !!config.miniprogram.find(function (item) { return item.type === 'miniprogram_phone' }
+      )
+    },
+    async _getLoginConfig() {
+      const { staticResourceDomain, loginConfigVersion, id } = app.__internal__?.getConfig() || {};
+      if (staticResourceDomain && loginConfigVersion && id) {
+        const url = app.__internal__?.resolveStaticResourceUrl?.(`/__auth/app/${id}/login.config.${loginConfigVersion}.json`)
+        if (!loginConfig) {
+          loginConfig = await new Promise((resolve, reject) => {
+            wx.request({
+              // url: `https://lowcode-1gk9y5ik310a94df-1307578329.tcloudbaseapp.com/__auth/app/app-8ph9atcy/login.config.v1_97dab26a85842c557de0ecb47cbb9bc1.json`,
+              url,
+              success: res => {
+                if(String(res.statusCode).startsWith('2')){
+                  resolve(res.data)
+                } else {
+                  reject(new Error(`statusCode: ${res.statusCode} 获取${url}失败`))
+                }
+              },
+              fail: e => {
+                reject(e)
+              }
+            })
+          })
+        }
+        return loginConfig
+      } else {
+        throw new Error('缺少登录配置');
+      }
+    }
+  }
+})
+

package/template/mp/packages/$wd_system/pages/login/index.json

@@ -0,0 +1,16 @@
+{
+  "usingComponents": {
+    "login-input": "./components/input/index",
+    "gsd-h5-react-Modal": "../../../../materials/gsd-h5-react/components/modal/index",
+    "gsd-h5-react-ScrollView": "../../../../materials/gsd-h5-react/components/scrollView/index",
+    "gsd-h5-react-RichTextView": "../../../../materials/gsd-h5-react/components/richText/index",
+    "wd-ph": "../../../../common/placeholder/index",
+    "wd-info": "../../../../common/info/index"
+  },
+  "componentPlaceholder": {
+    "gsd-h5-react-Modal": "wd-ph",
+    "gsd-h5-react-ScrollView": "wd-ph",
+    "gsd-h5-react-RichTextView": "wd-ph"
+  },
+  "navigationBarTitleText": "登录"
+}

package/template/mp/packages/$wd_system/pages/login/index.wxml

@@ -0,0 +1,60 @@
+<page-meta page-style="{{pageStyle}}">
+  <view wx:if="{{!initing && !error}}"  id="wd-page-root" data-weui-theme="light">
+    <view id="id33" style="width:90%;margin:0px auto;display:flex;flex-direction:column;max-width:50rem;" class="login-class">
+      <view id="id44" style="margin:80px 0px;">
+        <image id="id15" style="margin:0px auto;display:flex;justify-content:center;width: 120px;height: 120px;" class="weda-ui weda-image" mode="aspectFit" src="{{settingData.logo}}" />
+      </view>
+      <view id="container1" wx:if="{{enablePassword}}">
+        <form bindsubmit="loginByPassword">
+          <login-input id="input1" name="username" placeholder="请输入用户名" type="text" />
+          <view id="container2" style="margin-bottom:30px;position:relative;">
+            <login-input id="input2" name="password" placeholder="请输入密码" type="{{passwordVisible?'text':'password'}}" />
+            <image id="image1" style="width:20PX;height:20PX;position:absolute;right:17px;top:20px;z-index: 9999;" class="weda-ui weda-image wd-event-tap" mode="widthFix" src="{{passwordVisible?'https://qcloudimg.tencent-cloud.cn/raw/487eba32ccfc23ebc68f8fac005d6919.svg':'https://qcloudimg.tencent-cloud.cn/raw/0b6cef53d62a3356e3bcc5bd83341482.svg'}}" bind:tap="togglePasswordVisible" />
+          </view>
+          <button id="button1" class="weda-ui weda-button weui-btn weui-btn_primary wd-event-tap" style="width:100%;border-radius:5px;" size="md" form-type="submit">
+            账号密码登录
+          </button>
+        </form>
+      </view>
+      <view id="id37" style="display:flex;flex-direction:column;">
+        <view id="id48" style="width:100%;margin-top:20px;position:relative;" wx:if="{{enableMpPhone}}">
+          <button style="width:100%;margin-top:0px;z-index:1;font-weight:normal;border-radius:0.5713rem;background:rgb(7, 193, 96);position:absolute;left:0px;top:0px;" bindgetphonenumber="getPhoneCodeNumber" aria-disabled="false" open-type="getPhoneNumber" role="button" class="weda-ui weda-button weui-btn weui-btn_primary weui-btn_wechat">登录</button>
+          <button id="id47" style="width:100%;margin-top:0px;z-index:1;font-weight:normal;border-radius:0.5713rem;background:rgb(7, 193, 96);position:absolute;left:0px;top:0px;" role="button" class="weda-ui weda-button weui-btn weui-btn_primary  wd-event-tap wd-event-tap" bind:tap="checkAgreement" wx:if="{{settingData.agreement.enable && !agreement}}">登录</button>
+        </view>
+      </view>
+      <view id="id11" style="display:flex;justify-content:center;flex-direction:row;font-size:0.8rem;position:fixed;left:0px;right:0px;bottom:50px;" class="have-read" wx:if="{{settingData.agreement.enable}}">
+        <view id="id19" class="weda-ui weda-ui-to-wd">
+          <view class="weda-ui weda-checkbox wd-event-change">
+            <view class="weda-ui weda-formcells weui-cells weui-cells_checkbox weui-flex">
+              <view class="weui-flex__item">
+                <view class="weui-cell__bd weui-flex">
+                  <checkbox-group bind:change="onAgreementChange">
+                    <label role="checkbox" aria-disables="false" aria-checked="false" class="weui-cell weui-cell_active weui-check__label">
+                      <view class="weui-cell__hd">
+                        <checkbox aria-disables="false" value="haveRead" role="checkbox" aria-checked="false" class="weui-check"></checkbox>
+                        <i class="weui-icon-checked"></i>
+                      </view>
+                      <view class="weui-cell__bd">
+                        <view>我已阅读并同意</view>
+                      </view>
+                    </label>
+                  </checkbox-group>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+        <text class="weda-text weda-ui wd-event-tap" style="white-space: pre-line; margin:0px 5px;display:flex;align-items:center;color:rgb(68, 144, 238);text-align:center;white-space:pre-line;" wx:if="{{settingData.agreement.items[0].enable}}" data-index="0" bind:tap="showAgreement">《{{settingData.agreement.items[0].label}}》</text>
+        <text id="id14" style="white-space: pre-warp; display:flex;align-items:center;white-space:pre-line;" class="weda-text weda-ui" wx:if="{{settingData.agreement.items[0].enable && settingData.agreement.items[1].enable}}">和</text>
+        <text class="weda-text weda-ui wd-event-tap" id="id12" style="white-space: pre-line; margin:0px 5px;display:flex;align-items:center;color:rgb(68, 144, 238);white-space:pre-line;" data-index="1" wx:if="{{settingData.agreement.items[1].enable}}" bind:tap="showAgreement">《{{settingData.agreement.items[1].label}}》</text>
+      </view>
+    </view>
+    <gsd-h5-react-Modal id="id4" style="position: absolute;" isDefaultButton="{{false}}" visible="{{isShowAgreement}}" bind:close="showAgreement">
+      <scroll-view id="id6" style="height:500px;margin-top:20px;" class="weda-ui" scroll-y="true">
+        <gsd-h5-react-RichTextView id="id5" style="height: 60%" value="{{agreementContent}}" />
+      </scroll-view>
+    </gsd-h5-react-Modal>
+  </view>
+  <wd-info type="{{initing? 'loading': 'auth'}}" wx:if="{{initing || error}}" message="{{loading?'加载配置中...':' '}}" error="{{error}}" />
+</page-meta>
+

package/template/mp/packages/$wd_system/pages/login/index.wxss

@@ -0,0 +1,60 @@
+button,
+button:hover,
+button,
+button:active  {
+  color: white;
+}
+
+.login-class .weda-ui .wedatea2td-input,
+.login-class .weda-ui .wedatea2td-button {
+  border: none;
+}
+
+.login-class .weda-ui .wedatea2td-input,
+.login-class .weda-ui .weda-input {
+  width: 100%;
+}
+
+.login-class .weda-ui .wedatea2td-btn {
+  border: none;
+  line-height: 1;
+}
+
+.login-class .weda-ui .wedatea2td-btn::after {
+  border: none;
+}
+
+.login-class .weda-ui .weui-cells:before,
+.login-class .weda-ui .weui-cells::after {
+  display: none;
+}
+
+.login-class .token-container .weda-button {
+  width: 11rem;
+  padding: 0.5rem;
+  color: #1e6fd8;
+}
+
+.login-class .token-container .weda-button::after {
+  border: none;
+}
+
+.login-class .token-container .weda-button[disabled] {
+  color: #d0d0d0;
+}
+
+.login-class .have-read .weui-cells {
+  font-size: 0.8rem;
+}
+
+.login-class .have-read .weui-cell {
+  padding: 0;
+}
+
+.login-class .have-read .weui-cells_checkbox .weui-cell__hd {
+  padding-right: 0.5rem;
+}
+
+.login-class .have-read .weui-cells_checkbox .weui-icon-checked {
+  width: 1.2rem;
+}

package/template/mp/packages/$wd_system/pages/login/methods/loginByPassword.js

@@ -0,0 +1,55 @@
+import { app } from '../../../../../app/weapps-api';
+import loginSuccessCallBack from './loginSuccessCallBack'
+/**
+ * 账号密码登录
+ */
+export default async function (instance, {username, password}) {
+  const cloudbase = await app.cloud.getCloudInstance();
+  const auth = cloudbase.authInstance || cloudbase.auth;
+
+  // 校验
+  if (typeof username !== 'string' || typeof password !== 'string') {
+    throw new Error('账号密码填写不合法');
+  }
+  username = username.trim();
+  password = password.trim();
+  // 发起校验
+  // const validateResult = await Promise.all([$w.input1.custom.handleValidate(), $w.input2.handleValidate()]);
+  // if (validateResult.some((item) => item.length !== 0) || !username || !password) {
+  //   app.showModal({
+  //       title: '无法提交',
+  //       content: '账号或密码填写不合法',
+  //       showCancel: false,
+  //     });
+  //   return;
+  // }
+  // 登录
+  try {
+    const res = await auth.signIn({ username, password });
+    // 登录完成
+    loginSuccessCallBack(instance);
+  } catch (e) {
+    console.error(e)
+    // 错误处理
+    if (e?.error === 'invalid_password') {
+      app.showModal({
+        title: '登录失败',
+        content: '密码错误',
+        showCancel: false,
+      });
+    } else if (e?.error === 'not_found') {
+      app.showModal({
+        title: '登录失败',
+        content: '用户不存在',
+        showCancel: false,
+      });
+    } else {
+      app.showModal({
+        title: '登录失败',
+        content: JSON.stringify(e),
+        showCancel: false,
+      });
+    }
+
+  }
+}

package/template/mp/packages/$wd_system/pages/login/methods/loginByWXPhone.js

@@ -0,0 +1,68 @@
+import { app } from '../../../../../app/weapps-api';
+import loginSuccessCallBack from './loginSuccessCallBack'
+
+
+export default async function (instance, { event }) {
+  try {
+    const cloud = await app.cloud.getCloudInstance();
+    const auth = cloud.auth;
+    const { appId: providerId } = wx.getAccountInfoSync().miniProgram;
+    const endpointType = app.__internal__ && app.__internal__.getCloudSdkConfig && app.__internal__.getCloudSdkConfig('endpointType');
+    const isTcbApi = endpointType === 'tcb-api';
+    const phoneCode = event.detail.code
+    const providerInfo = {};
+    if (isTcbApi) {
+      const { code } = await wx.login();
+      providerInfo.provider_id = providerId;
+      providerInfo.provider_code = code;
+    } else {
+      const tokenRes = await app.cloud.callWedaApi({
+        action: 'GetMiniProgramUserTicket',
+        data: {
+          Type: `externalUser`,
+          EncryptedPhoneData: phoneCode,
+        },
+      });
+      const token = tokenRes?.token || tokenRes;
+      if (!token) {
+        throw new Error('invalid empty mp user ticket');
+      }
+      providerInfo.provider_id = 'weda';
+      providerInfo.provider_access_token = `${
+        app.utils._getConfig
+          ? app.utils._getConfig().envId
+          : app.__internal__ && app.__internal__.getConfig && app.__internal__.getConfig().envId
+      } ${token}`;
+    }
+
+    let providerToken = await auth.grantProviderToken(providerInfo);
+    if (providerToken.code) {
+      throw providerToken;
+    }
+    if (isTcbApi) {
+      providerToken = await auth.patchProviderToken({
+        provider_token: providerToken.provider_token,
+        provider_id: providerId,
+        provider_params: {
+          code: phoneCode
+        },
+      })
+    }
+    const signInRes = await auth.signInWithProvider({
+      provider_token: providerToken.provider_token,
+    });
+    if (signInRes.code) {
+      throw signInRes;
+    }
+    await app.cloud.signIn({ userType: 'externalUser', force: true });
+    loginSuccessCallBack(instance);
+  } catch (e) {
+    console.error('登录失败：', e);
+    app.showModal({
+      title: '登录失败',
+      content: e.errMsg || e.message || JSON.stringify(e),
+      showCancel: false,
+    })
+    throw e;
+  }
+}

package/template/mp/packages/$wd_system/pages/login/methods/loginSuccessCallBack.js

@@ -0,0 +1,20 @@
+import { app } from '../../../../../app/weapps-api';
+
+export default function (instance) {
+  const { params: query } = instance.data
+  try {
+    let params = query.sourcePageParams || {};
+    if (typeof params === 'string') {
+      try {
+        params = JSON.parse(params)
+      } catch (error) { }
+    }
+    query.sourcePageId ? app.redirectTo({
+      pageId: query.sourcePageId,
+      packageName: query.sourcePagePackageName || undefined,
+      params,
+    }) : app.relaunchHome();
+  } catch (e) {
+    app.relaunchHome();
+  }
+}

package/template/mp/page/index.js

@@ -62,6 +62,8 @@ const eventFlows = [<% eventFlows.map(flow => {%> { <% const { eventHandlers, ..
 },<%}) %>
 ]
 
+const datasetProfile = <%= datasetProfile %>
+
 createPage({
   app,
   pageContext: $page,
@@ -76,5 +78,6 @@ createPage({
   query,
   eventFlows,
   pageAttributes: <%= pageAttributes? JSON.stringify(pageAttributes):'{}' %>,
-  resetShare: <%= resetShare %>
+  resetShare: <%= resetShare %>,
+  datasetProfile
 })