@cloudbase/weda-ui 2.0.11 → 2.0.27

package/src/docs/common/tableView.css

@@ -1,164 +0,0 @@
-.tableview {
-  width: 700px;
-  table-layout: fixed;
-}
-.tr-width-1 {
-  width: 100px;
-}
-.tr-width-2 {
-  width: 200px;
-}
-.tr-width-3 {
-  width: 300px;
-}
-.tr-width-4 {
-  width: 400px;
-}
-.tr-width-6 {
-  width: 600px;
-}
-.tr-width-7 {
-  width: 700px;
-}
-.custom-table--body-wrapper.is-fixed {
-  overflow-y: hidden;
-}
-
-.custom-table--fixed-wrapper {
-  box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.1);
-
-  left: 0;
-  top: 0;
-  bottom: 0;
-  width: 800px;
-  background-color: #fff;
-}
-
-.custom-table td,
-.custom-table th {
-  white-space: nowrap;
-  overflow: hidden;
-  height: 42px;
-  padding: 2px !important;
-}
-.custom-table .table {
-  table-layout: fixed;
-  margin-bottom: 0;
-}
-/** 底部边框 */
-.custom-table::after {
-  content: '';
-  display: block;
-  height: 0px;
-  position: relative;
-  top: -1px;
-  border-bottom: 1px solid #ddd;
-}
-/** 右侧边框 */
-.custom-table::before {
-  content: '';
-  display: block;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  border-right: 1px solid #ddd;
-}
-.custom-table th.gutter {
-  width: 15px;
-  padding: 0;
-}
-.tea-table__header {
-  overflow: hidden;
-  margin-bottom: -18px;
-}
-.tea-table__box {
-  border-collapse: collapse;
-  table-layout: fixed;
-  width: 100%;
-  position: relative;
-  border-spacing: 0px;
-}
-.tea-text-overflow,
-.tea-text-truncate {
-  display: flex;
-  vertical-align: middle;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  max-width: 100%;
-  overflow: hidden;
-}
-.tea-table__header thead {
-  background-color: transparent;
-  border-width: 0px;
-  border-style: initial;
-  border-color: initial;
-  border-image: initial;
-}
-colgroup {
-  display: table-column-group;
-}
-.tea-table__box tr {
-  outline: none 0px;
-  transition: background-color 0.1s linear 0s;
-}
-.tea-table__box th {
-  position: relative;
-  padding: 10px;
-  border-bottom: 1px solid rgb(231, 234, 239);
-}
-.tea-table__box th > div {
-  position: relative;
-  color: rgb(0 0 0 / 77%);
-  padding: 0px;
-  display: inline-block;
-  vertical-align: middle;
-  font-size: 16px;
-  width: 100%;
-  overflow-wrap: break-word;
-  word-break: break-word;
-}
-.tea-table__box tr > td {
-  color: rgb(0 0 0);
-  padding: 10px;
-  vertical-align: middle;
-  font-size: 16px;
-  vertical-align: top;
-}
-.tea-table__box tr > td > code {
-  color: #c7254e;
-  font-size: 85%;
-  border: none;
-}
-.tea-text-overflow,
-.tea-text-truncate {
-  display: flex;
-  vertical-align: middle;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  max-width: 100%;
-  overflow: hidden;
-}
-table {
-  display: table;
-  border-collapse: separate;
-  box-sizing: border-box;
-  text-indent: initial;
-  border-spacing: 2px;
-  border-color: grey;
-}
-.tea-table__body {
-  border-bottom: 1px solid rgb(207, 213, 222);
-  overflow: auto;
-}
-colgroup {
-  display: table-column-group;
-}
-col {
-  display: table-column;
-}
-.hash-link{
-  opacity: 0;
-    padding-left: 0.5rem;
-    transition: opacity var(--ifm-transition-fast);
-}

package/src/docs/common/tableView.tsx

@@ -1,273 +0,0 @@
-import React, { useRef, useContext } from 'react';
-import { components } from '../../configs/index';
-import { objFormat, ICompsConfig } from './format';
-import './tableView.css';
-export interface ComponentDocument {
-  exampleMap?: {
-    [key: string]: {
-      component: React.ComponentType;
-      code: string;
-    };
-  };
-  codeMap?: {
-    [key: string]: {
-      code: string;
-    };
-  };
-  data?: {
-    [key: string]: {
-      code: string;
-    };
-  };
-}
-function createFragment(nodes: React.ReactNodeArray) {
-  return React.createElement(React.Fragment, {}, ...nodes);
-}
-export interface TableLayoutViewProps {
-  componentKey?: string;
-  document: ComponentDocument;
-  variables?: object;
-}
-
-function getCompsMeta(key, type, origin) {
-  var compsMeta: ICompsConfig;
-  try {
-    switch (origin) {
-      case 'lowCode':
-        var metaLowcode = require('/docs/lowcode/components/wedaUI/lowcode-comps/weda_standard/comps/' +
-          key +
-          '.comp.json');
-        if (type && type == 'event') {
-          compsMeta = metaLowcode['emitEvents'];
-        } else if (type && (type == 'attribute' || type == 'slot')) {
-          compsMeta = metaLowcode['dataForm'];
-        } else if (type && type == 'description') {
-          compsMeta = metaLowcode['meta'];
-        }
-
-        return compsMeta;
-      case 'sourceCode':
-        if (type && type == 'event') {
-          compsMeta = components[key]['events']||{};
-        } else if (type && (type == 'attribute' || type == 'slot')) {
-          compsMeta = components[key]['data']['properties']||{};
-        } else if (type && type == 'description') {
-          compsMeta = components[key]['meta']||{};
-        }
-        return compsMeta;
-    }
-  } catch (e) {
-    return null;
-  }
-}
-export default function TableLayoutView({ componentKey, type, origin }) {
-  var compsMeta = getCompsMeta(componentKey, type, origin);
-  var tableView = [];
-  if (compsMeta && type != 'description') {
-    tableView = objFormat(compsMeta, type, origin);
-  } else {
-    tableView.push(compsMeta);
-  }
-
-  return (
-    <>
-      {type == 'attribute' && tableView.length > 0 && (
-        <>
-          <div className="tea-table__header">
-            <table className="tea-table__box">
-              <colgroup>
-                <col style={{ width: '18%' }}></col>
-                <col style={{ width: '10%' }}></col>
-                <col style={{ width: '15%' }}></col>
-                <col style={{ width: '25%' }}></col>
-                <col style={{ width: 'auto' }}></col>
-              </colgroup>
-              <thead>
-                <tr>
-                  <th className="">
-                    <div>
-                      <span className="tea-text-overflow" title="属性名">
-                        属性名
-                      </span>
-                    </div>
-                  </th>
-                  <th className="">
-                    <div>
-                      <span className="tea-text-overflow" title="类型">
-                        类型
-                      </span>
-                    </div>
-                  </th>
-                  <th className="">
-                    <div>
-                      <span className="tea-text-overflow" title="属性分组">
-                        属性分组
-                      </span>
-                    </div>
-                  </th>
-                  <th className="">
-                    <div>
-                      <span className="tea-text-overflow" title="默认值">
-                        默认值
-                      </span>
-                    </div>
-                  </th>
-                  <th className="">
-                    <div>
-                      <span className="tea-text-overflow" title="说明">
-                        说明
-                      </span>
-                    </div>
-                  </th>
-                </tr>
-              </thead>
-            </table>
-          </div>
-          <table className="tea-table__box">
-            <colgroup>
-              <col style={{ width: '18%' }}></col>
-              <col style={{ width: '10%' }}></col>
-              <col style={{ width: '15%' }}></col>
-              <col style={{ width: '25%' }}></col>
-              <col style={{ width: 'auto' }}></col>
-            </colgroup>
-            <tbody>
-              {tableView.map((row, index) => (
-                <tr key={index}>
-                  <td>{row.title}</td>
-                  <td>
-                    <code>{row.type}</code>
-                  </td>
-                  <td>{row['x-category']}</td>
-                  <td>{row.default}</td>
-                  <td>{row.description}</td>
-                </tr>
-              ))}
-            </tbody>
-          </table>
-        </>
-      )}
-      {type == 'slot' && tableView.length > 0 && (
-        <>
-          <div className="tea-table__header">
-            <table className="tea-table__box">
-              <colgroup>
-                <col style={{ width: '18%' }}></col>
-                <col style={{ width: 'auto' }}></col>
-              </colgroup>
-              <thead>
-                <tr>
-                  <th className="">
-                    <div>
-                      <span className="tea-text-overflow" title="属性名">
-                        名称
-                      </span>
-                    </div>
-                  </th>
-                  <th className="">
-                    <div>
-                      <span className="tea-text-overflow" title="类型">
-                        说明
-                      </span>
-                    </div>
-                  </th>
-                </tr>
-              </thead>
-            </table>
-          </div>
-          <table className="tea-table__box">
-            <colgroup>
-              <col style={{ width: '18%' }}></col>
-              <col style={{ width: 'auto' }}></col>
-            </colgroup>
-            <tbody>
-              {tableView.map((row, index) => (
-                <tr key={index}>
-                  <td>{row.code}</td>
-                  <td>{row.description}</td>
-                </tr>
-              ))}
-            </tbody>
-          </table>
-        </>
-      )}
-      {type == 'event' && tableView.length > 0 && (
-        <>
-          <div className="tea-table__header">
-            <table className="tea-table__box">
-              <colgroup>
-                <col style={{ width: '18%' }}></col>
-                <col style={{ width: '25%' }}></col>
-                <col style={{ width: '16%' }}></col>
-                <col style={{ width: 'auto' }}></col>
-              </colgroup>
-              <thead>
-                <tr>
-                  <th className="">
-                    <div>
-                      <span className="tea-text-overflow" title="事件名">
-                        事件名
-                      </span>
-                    </div>
-                  </th>
-                  <th className="">
-                    <div>
-                      <span className="tea-text-overflow" title="事件code">
-                        事件code
-                      </span>
-                    </div>
-                  </th>
-                  <th className="">
-                    <div>
-                      <span className="tea-text-overflow" title="适用情况">
-                        适用情况
-                      </span>
-                    </div>
-                  </th>
-                  <th className="">
-                    <div>
-                      <span className="tea-text-overflow" title="说明">
-                        说明
-                      </span>
-                    </div>
-                  </th>
-                </tr>
-              </thead>
-            </table>
-          </div>
-          <table className="tea-table__box">
-            <colgroup>
-              <col style={{ width: '18%' }}></col>
-              <col style={{ width: '25%' }}></col>
-              <col style={{ width: '16%' }}></col>
-              <col style={{ width: 'auto' }}></col>
-            </colgroup>
-            <tbody>
-              {tableView.map((row, index) => (
-                <tr key={index}>
-                  <td>{row.name}</td>
-                  <td>
-                    <code>{row.title}</code>
-                  </td>
-                  <td>{row.platforms}</td>
-                  <td>{row.description}</td>
-                </tr>
-              ))}
-            </tbody>
-          </table>
-        </>
-      )}
-      {type == 'description' && tableView.length > 0 && (
-        <>
-        <h2>
-        <a aria-hidden="true"  className="anchor enhancedAnchor_node_modules-@docusaurus-theme-classic-lib-next-theme-Heading-styles-module" id="适用场景"></a>
-        适用场景
-        <a className="hash-link" href="#适用场景" title="标题的直接链接">#</a>
-          </h2>
-        <p>{tableView[0]?.description?tableView[0]?.description:tableView[0]?.desc}</p>
-        </>
-      )}
-      {tableView.length == 0 && <p>无</p>}
-    </>
-  );
-}

package/src/docs/compsdocs/chart/Bar.mdx

@@ -1,159 +0,0 @@
-# 柱状图
-
-<TableLayoutView
-  componentKey="Bar"
-  type="description"
-  origin="sourceCode"
-></TableLayoutView>
-
-<img
-  src="https://qcloudimg.tencent-cloud.cn/raw/bb95e133b8b4aa28acc22917116e76c2.png"
-  width="40%"
-></img>
-
-## 使用说明
-
-进入**应用编辑器**页面，将**图表组件** > **柱状图**组件拖进相应容器即可。
-
-## 属性
-
-import TableLayoutView from '../../common/tableView';
-
-<TableLayoutView
-  componentKey="Bar"
-  type="attribute"
-  origin="sourceCode"
-></TableLayoutView>
-
-## 事件
-
-<TableLayoutView
-  componentKey="Bar"
-  type="event"
-  origin="sourceCode"
-></TableLayoutView>
-
-### 进阶属性
-
-支持配置坐标轴样式、数据标签和显示单位等属性。
-
-- 显示单位：数值量级支持 `个/十/百/千/万/十万/百万/千万/亿`。
-- 小数位数：支持设置 `0-10` 位小数。
-- 后缀：支持自定义。默认根据数量级生成 `-/十/百/千/万/十万/百万/千万/亿`。
-
-### 自定义连接器使用场景
-
-当数据源配置时选择 [自定义连接器](https://cloud.tencent.com/document/product/1301/68457)，需用户自行在自定义连接器内按照参数结构定义数据，才可正常在统计卡片组件内渲染，详情请参见 [图表组件参数定义](https://cloud.tencent.com/document/product/1301/71197)。
-
-> ?当使用自定义连接器时，数据筛选、字段选择、统计方式、统计空值属性均需用户在所建自定义连接器内自行定义，其他属性与数据模型使用场景配置保持一致。
-
-## 使用示例
-
-下列示例数据源为销售业绩表。示例数据配置如下表所示。更多数据配置操作请参见 [数据模型](https://cloud.tencent.com/document/product/1301/68452)。
-
-| 销售姓名 | 客户地区 | 销售总额 | 销售单数 | 性别 |
-| -------- | -------- | -------- | -------- | ---- |
-| 张三     | 北京     | 1000000  | 3        | 男   |
-| 赵四     | 北京     | 2000000  | 2        | 男   |
-| 赵四     | 上海     | 100000   | 1        | 男   |
-| 王五     | 上海     | 200000   | 1        | 男   |
-| 王五     | 深圳     | 500000   | 1        | 男   |
-| 李六     | 北京     | 5000000  | 6        | 女   |
-| 李六     | 深圳     | 200000   | 1        | 女   |
-
-### 示例 1：各销售人员的销售总业绩对比（纵向）
-
-1. 新建**柱状图**组件，进入右侧**属性** > **基础属性**页面，单击**数据源**下拉菜单，选择**销售业绩表**并选择**统计**方法。
-   <img
-     src="https://qcloudimg.tencent-cloud.cn/raw/246dfdeed6b8173d2ec4d5124e4e7412.png"
-     width="50%"
-   ></img>
-2. 在**维度（X 轴）**单击**字段选择**下拉菜单，选择**销售姓名**。
-   <img
-     src="https://qcloudimg.tencent-cloud.cn/raw/3286b7330f0d13703c347a4def16cea0.png"
-     width="50%"
-   ></img>
-3. 在**数值（Y 轴）**下，单击**添加 Y 轴字段**。**字段**类型选择**销售总额**，**关系**类型选择**求和**。
-   <img
-     src="https://qcloudimg.tencent-cloud.cn/raw/34429ad0bb7df362b77b8d9f25df2534.png"
-     width="50%"
-   ></img>
-4. 下拉右侧属性，进入**进阶属性**内单击开启**显示单位**。单击**数量值级**下拉菜单设置为**万**，**后缀**项设置为万。
-   <img
-     src="https://qcloudimg.tencent-cloud.cn/raw/1ee81e2f0863fb12754d9d3a1b671bcf.png"
-     width="50%"
-   ></img>
-5. 根据需要修改标题、坐标轴样式、图例样式等属性，最终效果如下图展示：
-
-   <img
-     src="https://qcloudimg.tencent-cloud.cn/raw/59e7f5e7d7dd1ab170b5a983c08643bf.png"
-     width="50%"
-   ></img>
-
-### 示例 2：各销售人员的销售总业绩对比（纵向）- 按照地区对比
-
-在 [示例 1]的配置基础上，增加分组字段，单击**分组**下拉菜单，选择**客户地区**。
-
-<img
-  src="https://qcloudimg.tencent-cloud.cn/raw/f06d382dbbbe971dd8ddc2aba8e6630f.png"
-  width="50%"
-></img>
-
-最终效果展示：
-
-<img
-  src="https://qcloudimg.tencent-cloud.cn/raw/2228adb1cbbc6df66787b41496e516ac.png"
-  width="50%"
-></img>
-
-单击开启**是否堆叠**功能，可查看堆叠效果：
-
-<img
-  src="https://qcloudimg.tencent-cloud.cn/raw/3cc42d66be3fc18adaee450f9f85d691.png"
-  width="50%"
-></img>
-
-### 示例 3：各销售人员的销售总业绩对比（纵向）- 仅查看性别为男的数据
-
-1. 在 [示例 1]的配置基础上，单击**数据筛选**。
-   <img
-     src="https://qcloudimg.tencent-cloud.cn/raw/a5f691429af099b6598f864b8b069a7d.png"
-     width="50%"
-   ></img>
-2. 设置相应数据筛选参数，单击**确定**增加筛选条件。
-
-   <img
-     src="https://qcloudimg.tencent-cloud.cn/raw/2e8899bf24ce2f249cfad4b25c8cb2f2.png"
-     width="50%"
-   ></img>
-
-### 示例 4：各销售人员的"客户覆盖地区数"对比和"总销售单数"对比（横向）
-
-1. **柱形图方向**单击选择**横向**。
-
-   <img
-     src="https://qcloudimg.tencent-cloud.cn/raw/1b5eaad5033960447387d0dead4148af.png"
-     width="50%"
-   ></img>
-
-2. 在**维度（Y 轴）**单击**字段选择**下拉菜单，选择**销售姓名**。
-3. 在**数值（X 轴）**下，单击**添加字段**。添加以下两个字段：
-
-- 字段 1：客户地区；统计方式：计数
-- 字段 2：销售单数；统计方式：求和
-
-<img
-  src="https://qcloudimg.tencent-cloud.cn/raw/fee0ff35a0a8181fc1687ac8eaeabd63.png"
-  width="50%"
-></img>
-
-3. 最终效果展示：
-
-   <img
-     src="https://qcloudimg.tencent-cloud.cn/raw/6b3f96ce483e40da66e4866caa2c6f29.png"
-     width="50%"
-   ></img>
-
-## 限制说明
-
-维度轴不支持设置时间类型，可设置日期类型和日期时间类型。

package/src/docs/compsdocs/chart/Line.mdx

@@ -1,100 +0,0 @@
-# 折线图
-
-<TableLayoutView
-  componentKey="Line"
-  type="description"
-  origin="sourceCode"
-></TableLayoutView>
-
-<img
-  src="https://qcloudimg.tencent-cloud.cn/raw/8a53bc16ae84ef05d6dac6fa037718cb.png"
-  width="50%"
-></img>
-
-## 使用说明
-
-进入**应用编辑器**页面，将**图表组件** > **折线图**组件拖进相应容器即可。
-
-## 属性
-
-import TableLayoutView from '../../common/tableView';
-
-<TableLayoutView
-  componentKey="Line"
-  type="attribute"
-  origin="sourceCode"
-></TableLayoutView>
-
-## 事件
-
-<TableLayoutView
-  componentKey="Line"
-  type="event"
-  origin="sourceCode"
-></TableLayoutView>
-
-### 高级属性
-
-支持配置坐标轴样式、数据标签和显示单位等属性。
-
-- 显示单位：数值量级支持 `个/十/百/千/万/十万/百万/千万/亿`。
-- 小数位数：支持设置 `0-10` 位小数。
-- 后缀：支持自定义。默认根据数量级生成 `-/十/百/千/万/十万/百万/千万/亿`。
-
-### 自定义连接器使用场景
-
-当数据源配置时选择 [自定义连接器](https://cloud.tencent.com/document/product/1301/68457)，需用户自行在自定义连接器内按照参数结构定义数据，才可正常在统计卡片组件内渲染，详情请参见 [图表组件参数定义](https://cloud.tencent.com/document/product/1301/71197)。
-
-> ?当使用自定义连接器时，数据筛选、字段选择、统计方式、统计空值属性均需用户在所建自定义连接器内自行定义，其他属性与数据模型使用场景配置保持一致。
-
-## 使用示例
-
-下列示例数据源为销售业绩表。示例数据配置如下表所示。更多数据配置操作请参见 [数据模型](https://cloud.tencent.com/document/product/1301/68452)。
-
-| 销售姓名 | 客户地区 | 销售总额 | 销售单数 | 性别 | 成单日期   |
-| -------- | -------- | -------- | -------- | ---- | ---------- |
-| 张三     | 北京     | 1000000  | 3        | 男   | 2022-01-01 |
-| 赵四     | 北京     | 2000000  | 2        | 男   | 2022-02-02 |
-| 赵四     | 上海     | 100000   | 1        | 男   | 2022-03-03 |
-| 王五     | 上海     | 200000   | 1        | 男   | 2021-04-04 |
-| 王五     | 深圳     | 500000   | 1        | 男   | 2021-05-05 |
-| 李六     | 北京     | 5000000  | 6        | 女   | 2021-06-06 |
-| 李六     | 深圳     | 200000   | 1        | 女   | 2021-07-07 |
-
-#### 示例：月度销售总额变化趋势
-
-1. 新建**折线图**组件，进入右侧**属性** > **基础属性**页面，单击**数据源**下拉菜单，选择**销售业绩表**并选择**统计**方法。
-
-   <img
-     src="https://qcloudimg.tencent-cloud.cn/raw/246dfdeed6b8173d2ec4d5124e4e7412.png"
-     width="50%"
-   ></img>
-
-2. 在**维度（X 轴）**单击**字段选择**下拉菜单，选择**成单日期**。
-
-   <img
-     src="https://qcloudimg.tencent-cloud.cn/raw/32e0dd58a2e63e26128c1c109648d468.png"
-     width="50%"
-   ></img>
-
-3. 在**数值（Y 轴）**下，单击**添加 Y 轴字段**。**字段**类型选择**销售总额**，**关系**类型选择**求和**。
-
-   <img
-     src="https://qcloudimg.tencent-cloud.cn/raw/34429ad0bb7df362b77b8d9f25df2534.png"
-     width="50%"
-   ></img>
-
-4. 下拉右侧属性，进入**进阶属性**内单击开启**显示单位**。单击**数量值级**下拉菜单设置为**万**，**后缀**项设置为万。
-
-   <img
-     src="https://qcloudimg.tencent-cloud.cn/raw/1ee81e2f0863fb12754d9d3a1b671bcf.png"
-     width="50%"
-   ></img>
-
-5. 根据需要修改标题、坐标轴样式或图例样式等属性。
-
-> ?更多示例配置可参见 [柱状图](https://cloud.tencent.com/document/product/1301/71404)。
-
-## 限制说明
-
-维度轴不支持设置时间类型，可设置日期类型和日期时间类型。