@cloudbase/weda-ui 0.2.8 → 0.2.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudbase/weda-ui",
-  "version": "0.2.8",
+  "version": "0.2.9",
   "main": "./src/index.js",
   "module": "./src/index",
   "miniprogram": "mpdist",
@@ -46,7 +46,7 @@
     "prop-types": "^15.7.2",
     "react-easy-swipe": "^0.0.21",
     "react-use": "^15.3.4",
-    "tea-component": "^2.6.22",
+    "tea-component": "^2.7.3",
     "uuid": "8.3.2",
     "weui": "^2.4.4",
     "weui.js": "1.2.2"

package/src/configs/index.js

@@ -57,8 +57,7 @@ export const components = {
   RichTextView,
   Link,
   Drawer,
-  Tabs
-  
+  Tabs,
 };
 
 export const actions = {

package/src/web/components/form/enumSelect/MultipleSelect.jsx

@@ -0,0 +1,94 @@
+import * as React from 'react';
+import { SelectMultiple } from 'tea-component';
+
+import SelectContainer from './SelectContainer';
+
+import { normalProps } from './props/defaultProps';
+import { propTypes } from './props/propsTypes';
+import useOptions from './hooks';
+
+const MultipleSelect = ({
+  // 系统属性
+  id,
+  style,
+  className,
+  events,
+  // weda 组件属性
+  label,
+  labelVisible,
+  layout,
+  requiredFlag,
+  decorator,
+  // tea组件属性
+  value,
+  placeholder,
+  disabled,
+  onChange,
+  clearable,
+  appearance,
+  allOption,
+  matchButtonWidth,
+  virtual,
+  searchable,
+  size,
+  // 业务属性
+  enumType,
+  customEnum,
+  optionId,
+  isModelApp,
+}) => {
+  const options = useOptions({ enumType, optionId, customEnum });
+
+  const onSelectChange = (values) => {
+    // @ts-ignore
+    events.change && events.change({ value: values });
+    if (onChange) {
+      onChange(values);
+    }
+  };
+
+  const multipleSelectProps = {
+    placeholder,
+    disabled,
+    clearable,
+    appearance,
+    key: id,
+    options,
+    onChange: onSelectChange,
+    matchButtonWidth,
+    searchable,
+    size,
+    defaultValue: value || [],
+    allOption,
+    staging: false,
+    virtual,
+  };
+
+  if (isModelApp) {
+    return <SelectMultiple {...multipleSelectProps} />;
+  }
+  return (
+    <SelectContainer
+      style={style}
+      className={className}
+      label={label}
+      labelVisible={labelVisible}
+      layout={layout}
+      // @ts-ignore
+      multiCell={false}
+      requiredFlag={requiredFlag}
+      decorator={decorator}
+      id={id}
+    >
+      <SelectMultiple {...multipleSelectProps} />
+    </SelectContainer>
+  );
+};
+MultipleSelect.propTypes = {
+  ...propTypes,
+};
+MultipleSelect.defaultProps = {
+  ...normalProps,
+};
+
+export default MultipleSelect;

package/src/web/components/form/enumSelect/NormalSelect.jsx

@@ -0,0 +1,105 @@
+import * as React from 'react';
+import { Select } from 'tea-component';
+
+import SelectContainer from './SelectContainer';
+
+import { multipleProps } from './props/defaultProps';
+import { propTypes } from './props/propsTypes';
+import useOptions from './hooks';
+
+const { useState, useEffect } = React;
+
+const useValue = (value) => {
+  const [selectedValue, setSelectedValue] = useState('');
+
+  useEffect(() => {
+    setSelectedValue(value);
+  }, [value]);
+
+  return [selectedValue, setSelectedValue];
+};
+
+const NormalSelect = ({
+  // 系统属性
+  id,
+  style,
+  className,
+  events,
+  // weda 组件属性
+  label,
+  labelVisible,
+  layout,
+  requiredFlag,
+  decorator,
+  // tea组件属性
+  value,
+  placeholder,
+  disabled,
+  onChange,
+  clearable,
+  appearance,
+  matchButtonWidth,
+  virtual,
+  searchable,
+  size,
+  // 业务属性
+  enumType,
+  customEnum,
+  optionId,
+  isModelApp,
+}) => {
+  const options = useOptions({ enumType, optionId, customEnum });
+  const [selectedValue, setSelectedValue] = useValue(value);
+
+  const onSelectChange = (value) => {
+    // @ts-ignore
+    setSelectedValue(value);
+    events.change && events.change({ value });
+    if (onChange) {
+      onChange(value || '');
+    }
+  };
+
+  const singleSelectProps = {
+    placeholder,
+    disabled,
+    clearable,
+    appearance,
+    key: id,
+    options,
+    onChange: onSelectChange,
+    value: selectedValue,
+    matchButtonWidth,
+    virtual,
+    searchable,
+    size,
+  };
+
+  if (isModelApp) {
+    return <Select {...singleSelectProps} />;
+  }
+  return (
+    <SelectContainer
+      style={style}
+      className={className}
+      label={label}
+      labelVisible={labelVisible}
+      layout={layout}
+      // @ts-ignore
+      multiCell={false}
+      requiredFlag={requiredFlag}
+      decorator={decorator}
+      id={id}
+    >
+      <Select {...singleSelectProps} />
+    </SelectContainer>
+  );
+};
+NormalSelect.propTypes = {
+  ...propTypes,
+};
+NormalSelect.defaultProps = {
+  ...multipleProps,
+};
+
+export default NormalSelect;

package/src/web/components/form/enumSelect/SelectContainer.jsx

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import classNames from '../../../utils/classnames';
+import { selectContainerPropsTypes } from './props/propsTypes';
+import { renderDecorator } from '../renderDecorator';
+
+const SelectContainer = ({
+  style,
+  className,
+  // weda 组件属性
+  id,
+  label,
+  labelVisible,
+  layout,
+  requiredFlag,
+  decorator,
+  children,
+}) => {
+  const cls = classNames({
+    'weda-ui': true,
+    [className]: className,
+  });
+  const subCls = classNames({
+    'weui-cell': true,
+    'weui-cell_active': true,
+    'weui-cell_form': true,
+    'weui-cell_disabled': true,
+  });
+  const SelectComponent = <div className={subCls}>{children}</div>;
+  return renderDecorator(
+    SelectComponent,
+    decorator
+  )({
+    id,
+    className: cls,
+    style,
+    label: labelVisible ? label : null,
+    layout,
+    multiCell: false,
+    requiredFlag,
+  });
+};
+SelectContainer.propTypes = selectContainerPropsTypes;
+export default SelectContainer;

package/src/web/components/form/enumSelect/hooks/index.js

@@ -0,0 +1,49 @@
+import { useEffect, useState } from 'react';
+import { getDescribeGeneralOptionsDetailList } from '../../../../utils/tcb';
+
+const GENERAL_OPTION = 'general-option';
+const CUSTOM = 'custom';
+
+const handleOptionsDetailList = (response) => {
+  const config = response?.Data?.Config ?? '[]';
+  return JSON.parse(config)?.map((item) => ({
+    value: item?.key,
+    text: item?.value,
+  }));
+};
+
+export default function useOptions({ enumType, optionId, customEnum }) {
+  const [options, setOptions] = useState([]);
+  const isCustom = enumType === CUSTOM;
+  const isGeneralOption = enumType === GENERAL_OPTION;
+
+  const getOptionsDetailList = async (optionId) => {
+    try {
+      const response = await getDescribeGeneralOptionsDetailList({
+        methodName: 'callDesignApi',
+        params: {
+          action: 'DescribeGeneralOptionsDetail',
+          data: {
+            Id: optionId,
+          },
+        },
+      });
+      const options = handleOptionsDetailList(response);
+      setOptions(options);
+    } catch (error) {
+      setOptions([]);
+    }
+  };
+
+  useEffect(() => {
+    if (optionId && isGeneralOption) {
+      getOptionsDetailList(optionId);
+    }
+  }, [optionId, isGeneralOption]);
+
+  useEffect(() => {
+    setOptions(customEnum);
+  }, [isCustom]);
+
+  return options;
+}

package/src/web/components/form/enumSelect/index.jsx

@@ -0,0 +1,9 @@
+import MultipleSelect from './MultipleSelect';
+import NormalSelect from './NormalSelect';
+
+const EnumSelect = NormalSelect;
+
+// @ts-ignore
+EnumSelect.MultipleSelect = MultipleSelect;
+
+export default EnumSelect;

package/src/web/components/form/enumSelect/props/defaultProps.js

@@ -0,0 +1,39 @@
+const commonProps = {
+  // 系统属性
+  events: {},
+  // weda 组件属性
+  label: '标题',
+  labelVisible: true,
+  layout: 'horizontal',
+  requiredFlag: false,
+  // tea组件属性
+  name: 'enumSelect',
+  placeholder: '请选择',
+  disabled: false,
+  onChange: () => {},
+  options: [],
+  clearable: true,
+  appearance: 'button',
+  matchButtonWidth: true,
+  virtual: true,
+  searchable: true,
+  size: 'm',
+  // 业务属性
+  enumType: '',
+  customEnum: [],
+  optionId: null,
+  isModelApp: false,
+};
+export const normalProps = {
+  ...commonProps,
+  value: '',
+};
+export const multipleProps = {
+  ...commonProps,
+  value: [],
+  allOption: {
+    value: 'all',
+    text: '全选',
+    tooltip: '全选',
+  },
+};

package/src/web/components/form/enumSelect/props/propsTypes.js

@@ -0,0 +1,50 @@
+import * as PropTypes from 'prop-types';
+
+const commonPropsTypes = {
+  // 系统属性
+  id: PropTypes.string,
+  style: PropTypes.string,
+  className: PropTypes.string,
+  // weda 组件属性
+  label: PropTypes.string,
+  labelVisible: PropTypes.bool,
+  layout: PropTypes.string,
+  requiredFlag: PropTypes.bool,
+};
+export const propTypes = {
+  ...commonPropsTypes,
+  // 系统属性
+  events: PropTypes.object,
+  // tea组件属性
+  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  name: PropTypes.string,
+  placeholder: PropTypes.string,
+  disabled: PropTypes.bool,
+  onChange: PropTypes.func,
+  options: PropTypes.array,
+  clearable: PropTypes.bool,
+  appearance: PropTypes.string,
+  allOption: PropTypes.object,
+  matchButtonWidth: PropTypes.bool,
+  virtual: PropTypes.bool,
+  searchable: PropTypes.bool,
+  size: PropTypes.string,
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
+  // 业务属性
+  enumType: PropTypes.string,
+  customEnum: PropTypes.array,
+  optionId: PropTypes.string,
+  isModelApp: PropTypes.bool,
+};
+
+export const formContainerPropsTypes = {
+  ...commonPropsTypes,
+  children: PropTypes.element,
+  decorator: PropTypes.element,
+};
+
+export const selectContainerPropsTypes = {
+  ...commonPropsTypes,
+  children: PropTypes.element,
+  decorator: PropTypes.element,
+};

package/src/web/components/index.js

@@ -28,6 +28,7 @@ export { default as Select } from './form/select';
 export { default as Uploader } from './form/uploader';
 export { default as Tips } from './form/tips';
 export { default as Tabs } from './tabs';
+export { default as EnumSelect } from './form/enumSelect';
 // open
 // import Auth from './auth';
 

package/src/web/utils/tcb.js

@@ -35,3 +35,11 @@ export async function getTempFileURL(data) {
     return await window?.app?.cloud?.getTempFileURL(data);
   }
 }
+
+export async function getDescribeGeneralOptionsDetailList(params) {
+  // @ts-ignore
+  const callWedaApi = window?.app?.cloud?.callWedaApi;
+  if (callWedaApi) {
+    return await callWedaApi(params);
+  }
+}

package/src/web/wedatheme/.code.yml

@@ -1,16 +0,0 @@
-source:
-  # 文件或目录使用绝对路径，绝对路径按代码库根目录计算，以/开头。
-  # 提供产品代码库中编写的测试代码存放目录或文件名格式，以便代码检查时进行排除处理
-  # 不要使用.*/等正则表达式屏蔽掉所有代码，会使得代码存在风险，还会导致Coverity扫不到任何代码而失败
-  test_source:
-    #用于匹配文件; 匹配方式为正则表达式，例如[".*/java/test/.*", ".*/test.java"]
-    filepath_regex:  
-  # 提供产品代码库中工具或框架自动生成的且在代码库中的代码，没有可为空。以便代码检查时进行排除处理。
-  auto_generate_source:
-    # 自动生成代码文件的正则表达式，若无统一标识格式，可以指定具体目录，样例可参考test_source举例
-    filepath_regex: ["/style-package/*.*"]
-  # 提供产品代码库中直接以源码形式存在的第三方代码目录或代码文件名的正则表达。
-  # 此处备注的第三方代码将在代码检查时进行排除，若代码库中不存在需要排除的第三方代码，该项配置标识可为空
-  third_party_source:
-    #第三方代码文件的正则表达式，若无统一标识格式，可以指定具体目录，样例可参考test_source举例
-    filepath_regex: 

package/src/web/wedatheme/.editorconfig

@@ -1,9 +0,0 @@
-root = true
-
-[*]
-indent_style = space
-indent_size = 2
-charset = utf-8
-trim_trailing_whitespace = false
-insert_final_newline = false
-end_of_line = lf

package/src/web/wedatheme/.eslintrc

@@ -1,20 +0,0 @@
-{
-  "env": {
-    "browser": true,
-    "es6": true
-  },
-  "settings": {
-    "react": {
-      "version": "detect"
-    }
-  },
-  "parser": "babel-eslint",
-  "parserOptions": {
-    "ecmaVersion": 6,
-    "sourceType": "module",
-    "ecmaFeatures": {
-      "jsx": true
-    }
-  },
-  "extends": ["@tencent/eslint-config-tencent", "plugin:react/recommended"]
-}

package/src/web/wedatheme/.git

@@ -1 +0,0 @@
-gitdir: ../../../.git/modules/src/web/wedatheme

package/src/web/wedatheme/.gitignore

@@ -1,5 +0,0 @@
-node_modules
-dist
-.history
-src/.DS_Store
-*.DS_Store

package/src/web/wedatheme/.npmrc

@@ -1 +0,0 @@
-registry=https://mirrors.tencent.com/npm/

package/src/web/wedatheme/.orange-ci.yml

@@ -1,55 +0,0 @@
-### 该配置文件用于自动发布tnpm包，tnpm相关配置从git地址获取 ###
-master:
-  push:
-    - 
-      stages:
-        - name: 发布 npm 包
-          image: plugins/npm
-          envFrom: https://git.code.oa.com/tc-console/public-key/blob/master/tnpm.text
-          settings:
-            username: $TNPM_USER
-            password: $TNPM_PWD
-            email: $TNPM_EMAIL
-            registry: https://mirrors.tencent.com/npm/
-            folder: ./style-package/
-        - name: 获取包名
-          type: orange-ci:readFile
-          options:
-            filePath: ./style-package/package.json
-          envExport:
-            name: PACKAGE_NAME
-        - name: make message
-          script: echo '[http://mirrors.tencent.com/#/private/npm/detail?project_name=$PACKAGE_NAME](http://mirrors.tencent.com/#/private/npm/detail?project_name=$PACKAGE_NAME)' > message.txt
-        - name: send message
-          type: wework:message
-          options:
-            fromFile: message.txt
-### 该配置文件用于自动构建并部署文件到服务器，通过企业微信返回内网预览地址 ###
-### 接入配置可参考：http://km.oa.com/articles/show/422133 有疑问可联系youngerwang ###
-dev:
-  push:
-    - docker: 
-        image: node:10
-      env:
-        ORANGE_W_BUILD_SUCCESS_MSG: 预览地址：http://9.134.68.199/$ORANGE_REPO_SLUG/dist/index.html
-      stages:
-        ### 需要每次都安装一次，后续下放到开发机器
-        - name: 安装 tnpm
-          script: npm install @tencent/tnpm -g --registry=https://mirrors.tencent.com/npm/
-        - name: 安装 tea-cli
-          script: tnpm i @tencent/tea-cli -g  
-        - name: 安装依赖
-          script: tnpm install && tnpm i @tencent/tea-component
-        - name: 构建
-          script: tea login qaayH8xL2ATXSkWS8ahBB7IEYXMECyaKSAlbkDzX && tea build -l zh
-        - name: 预览地址
-          type: wework:message
-          options:
-            message: '[http://9.134.68.199/$ORANGE_REPO_SLUG/dist/index.html](http://9.134.68.199/$ORANGE_REPO_SLUG/dist/index.html)'
-        - name: 拷贝文件
-          type: orange-ci:transfer
-          options:
-            dist: '/'
-            to: /usr/share/nginx/html/$ORANGE_REPO_SLUG
-            ips: 
-              - 9.134.68.199

package/src/web/wedatheme/.vscode/extensions.json

@@ -1,3 +0,0 @@
-{
-  "recommendations": ["dbaeumer.vscode-eslint"]
-}

package/src/web/wedatheme/.vscode/settings.json

@@ -1,11 +0,0 @@
-{
-  "eslint.validate": [
-    "javascript",
-    "javascriptreact",
-    "typescript",
-    "typescriptreact"
-  ],
-  "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": true
-  }
-}

package/src/web/wedatheme/README.md

@@ -1,50 +0,0 @@
-腾讯云 WEDATHEME 控制台前端项目
-======================
-
-<!-- 识别每类内容的标题是否具备，同时判断页面内容字数；
-	具备内容类别数，字数大于等于类别数*200字，得到该类别的总分数 -->
-
-## 项目介绍
-<!-- 本组织/项目的整体说明概览 -->
-介绍：
-控制台地址：
-
-
-## 快速上手
-<!-- 使用者如何快速上手使用本组织/项目，如下载，安装，启动，运行，教程。 -->
-- `src/app.js` 入口文件，主要进行业务路由定义
-- `src/routes` 存放业务路由实现
-- `src/configs` 存放 CSS 和菜单配置
-- `src/components` 存放公共业务组件
-- `src/utils` 存放公共工具方法
-
-
-## 常见问题
-<!-- 本组织/项目的常见通用问题和官方解答 -->
-- master：默认为主干分支，用于发包
-- dev：默认开发分支
-
-
-## 行为准则
-<!-- 本组织/项目在代码协作方面需遵循的责任、范围、软件许可证、冲突解决等章程 -->
-
-
-## 如何加入
-<!-- 本组织/项目有明确的如何加入和贡献的文字说明 -->
-
-
-## 团队介绍
-<!-- 本组织/项目的角色分工、人名和联络方式、官方交流/沟通渠道 -->
-产品经理：<!-- 姓名 -->
-
-交互设计：<!-- 姓名 -->
-
-视觉设计师：<!-- 姓名 -->
-
-前端开发：<!-- 姓名 -->
-
-仓库地址：<!-- 姓名 -->
-
-
-## 其他说明
-<!-- 其他需要补充的内容 -->

package/src/web/wedatheme/i18n/README.md

@@ -1,4 +0,0 @@
-i18n 目录说明
-============
-
-这里存放翻译的词条文件。

package/src/web/wedatheme/i18n/translation/index.js

@@ -1,10 +0,0 @@
-/**
- * @fileoverview
- *
- * 开发环境默认导出中文词条（无任何翻译）
- *
- *   - 如果要查看某个语言包的开发环境效果，使用命令 `tea dev --lang=en`
- *   - 正式编译时，`@i18n/translation` 模块会重定向到相应的词条文件
- */
-
-export { translation } from './zh';

package/src/web/wedatheme/i18n/translation/zh.js

@@ -1,15 +0,0 @@
-/**
- * @fileoverview
- *
- * 本文件词条由 `tea scan` 命令扫描生成，可提交给翻译团队进行翻译。
- * 具体使用方法，请参考 http://tapd.oa.com/QCloud_2015/markdown_wikis/view/#1010103951008365523
- */
-
-/**
- * @type {import('@tencent/tea-app').I18NTranslation}
- */
-const translation = {
-  // 使用 `tea scan` 命令扫描词条
-};
-
-module.exports = { translation };

package/src/web/wedatheme/jsconfig.json

@@ -1,15 +0,0 @@
-{
-  "compilerOptions": {
-    "lib": ["es2017", "dom"],
-    "baseUrl": ".",
-    "paths": {
-      "@tea/app": ["./mock"],
-      "@tea/app/*": ["./mock/*"],
-      "@src/*": ["./src/*"]
-    },
-    "checkJs": true,
-    "jsx": "preserve",
-    "noImplicitAny": false
-  },
-  "exclude": ["dist"]
-}