@cloudbase/weda-ui 0.2.9 → 0.2.10

package/src/web/wedatheme/style-package/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@tencent/tea-style-wedatheme",
+  "version": "1.0.6",
+  "description": "Tea app style",
+  "main": "index.css",
+  "keywords": [
+    "tea",
+    "qcloud",
+    "style"
+  ],
+  "publishConfig": {
+    "registry": "https://mirrors.tencent.com/npm/"
+  },
+  "license": "UNLICENSED"
+}

package/src/web/wedatheme/tea.config.js

@@ -0,0 +1,66 @@
+const path = require('path');
+
+module.exports = {
+  command: {
+    dev: {
+      template: './public/index.html',
+    },
+    build: {
+      template: './public/index.html',
+    },
+  },
+  webpack: (/** @type {import('webpack').Configuration} */ config, { MiniCssExtractPlugin }) => {
+    const devMode = config.mode === 'development';
+
+    config.resolveLoader.modules.push(path.resolve(__dirname, 'node_modules'));
+    config.module.rules.push({
+      test: /\.(sa|sc)ss$/,
+      use: [
+        {
+          loader: MiniCssExtractPlugin.loader,
+          options: {
+            hmr: devMode,
+          },
+        },
+        'css-loader',
+        'postcss-loader',
+        'svg-transform-loader/encode-query',
+        {
+          loader: 'resolve-url-loader',
+          options: {
+            keepQuery: true,
+          },
+        },
+        {
+          loader: 'sass-loader',
+          options: {
+            sourceMap: true,
+            additionalData: '@import "styles/theme/index.scss";',
+            sassOptions: {
+              includePaths: [path.resolve(__dirname, '')],
+            },
+          },
+        },
+      ],
+    }, {
+      test: /\.svg(\?.*)?$/,  // match img.svg and img.svg?param=value
+      use: [
+        {
+          loader: 'svgo-loader',
+          options: {
+            plugins: [
+              { removeTitle: true },
+              { convertColors: { shorthex: false } },
+              { convertPathData: false },
+            ],
+          },
+        },
+        {
+          loader: 'svg-transform-loader',
+        },
+      ],
+    });
+
+    return config;
+  },
+};

package/src/web/wedatheme/webpack/css.config.js

@@ -0,0 +1,114 @@
+const path = require('path');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const { CleanWebpackPlugin } = require('clean-webpack-plugin');
+const CSSPackagePlugin = require('./plugins/css-package-plugin');
+const PackageJSONPlugin = require('./plugins/package-json-plugin');
+
+module.exports = {
+  mode: 'production',
+  entry: './src/styles/index.scss',
+  // entry: './src/app.js',
+  output: {
+    path: path.resolve(__dirname, '..', 'style-package'),
+  },
+  module: {
+    // 关于模块配置
+    rules: [
+      {
+        test: /\.(sa|sc)ss$/,
+        use: [
+          {
+            loader: MiniCssExtractPlugin.loader,
+          },
+          'css-loader',
+          'postcss-loader',
+          'svg-transform-loader/encode-query',
+          {
+            loader: 'resolve-url-loader',
+            options: {
+              keepQuery: true,
+            },
+          },
+          {
+            loader: 'sass-loader',
+            options: {
+              sourceMap: true,
+              sassOptions: {
+                includePaths: [path.resolve(__dirname, '')],
+              },
+            },
+          },
+        ],
+      },
+      {
+        test: /\.(le|c)ss$/,
+        use: [
+          {
+            loader: MiniCssExtractPlugin.loader,
+          },
+          'css-loader',
+          'postcss-loader',
+          'svg-transform-loader/encode-query',
+          'less-loader',
+        ],
+      },
+      {
+        test: /\.(png|jpe?g|svg|gif)$/,
+        use: [
+          // {
+          //   loader: 'file-loader',
+          //   options: {
+          //     outputPath: 'images',
+          //     name: '[name].[hash:10].[ext]',
+          //   },
+          // },
+          {
+            loader: 'url-loader',
+            options: {
+              limit: 20000,
+            },
+          },
+          {
+            loader: 'svg-transform-loader',
+          },
+        ],
+      },
+      {
+        test: /\.(eot|ttf|woff|woff2)$/,
+        use: [
+          {
+            loader: 'file-loader',
+            options: {
+              outputPath: 'fonts',
+              name: '[name].[hash:10].[ext]',
+            },
+          },
+        ],
+      },
+      // {
+      //   test: /\.svg(\?.*)?$/,  // match img.svg and img.svg?param=value
+      //   use: [
+      //     {
+      //       loader: 'url-loader',
+      //       options: {
+      //         limit: 20000,
+      //       },
+      //     },
+      //     // {
+      //     //   loader: 'svg-transform-loader',
+      //     // },
+      //   ],
+      // },
+    ],
+  },
+  plugins: [
+    new CleanWebpackPlugin({
+      cleanOnceBeforeBuildPatterns: ['images/*', 'fonts/*'],
+    }),
+    new MiniCssExtractPlugin({
+      filename: 'index.css',
+    }),
+    new CSSPackagePlugin(),
+    new PackageJSONPlugin(),
+  ],
+};

package/src/web/wedatheme/webpack/plugins/css-package-plugin.js

@@ -0,0 +1,23 @@
+class CssPackagePlugin {
+  /**
+   * @param {import('webpack').Compiler} compiler
+   */
+  apply(compiler) {
+    compiler.hooks.emit.tapAsync('CssPackagePlugin', (compilation, callback) => {
+      const names = Object.keys(compilation.assets);
+      const assets = {};
+
+      names.forEach((name) => {
+        if (!/.js$/.test(name)) {
+          assets[name] = compilation.assets[name];
+        }
+      });
+
+      // eslint-disable-next-line no-param-reassign
+      compilation.assets = assets;
+      callback();
+    });
+  }
+}
+
+module.exports = CssPackagePlugin;

package/src/web/wedatheme/webpack/plugins/inject-assets-plugin.js

@@ -0,0 +1,32 @@
+class InjectAssetsPlugin {
+  /**
+   * @param {import("webpack").Compiler} compiler
+   */
+  apply(compiler) {
+    compiler.hooks.emit.tapAsync('InjectAssetsPlugin', (compilation, callback) => {
+      const names = Object.keys(compilation.assets);
+
+      names.forEach((name) => {
+        if (/.html$/.test(name)) {
+          let content = compilation.assets[name].source();
+          names.forEach((n) => {
+            if (/.css$/.test(n)) {
+              content = content.replace('</head>', `  <link rel="stylesheet" href="${n}"></link>\n  </head>`);
+            }
+            if (/.js$/.test(n)) {
+              content = content.replace('</body>', `  <script type="text/javascript" src="${n}"></script>\n  </body>`);
+            }
+          });
+          compilation.assets[name] = {
+            source: () => content,
+            size: () => content.length,
+          };
+        }
+      });
+
+      callback();
+    });
+  }
+}
+
+module.exports = InjectAssetsPlugin;

package/src/web/wedatheme/webpack/plugins/package-json-plugin.js

@@ -0,0 +1,66 @@
+const fs = require('fs');
+const os = require('os');
+const path = require('path');
+const childProcess = require('child_process');
+
+const isWindows = /^win/i.test(os.platform());
+
+class PackageJSONPlugin {
+  /**
+   * @param {import("webpack").Compiler} compiler
+   */
+  apply(compiler) {
+    compiler.hooks.emit.tapAsync('PackageJSONPlugin', (compilation, callback) => {
+      // 已经存在 package.json
+      if (fs.existsSync(path.resolve(__dirname, '../..', 'style-package', 'package.json'))) {
+        childProcess.spawn(
+          isWindows ? 'npm.cmd' : 'npm',
+          ['version', 'patch'],
+          { cwd: path.resolve(__dirname, '../..', 'style-package'), stdio: [0, 1, 2] }
+        );
+        return callback();
+      }
+
+      let targetName;
+      try {
+        const info = require(path.resolve(__dirname, '../..', 'package.json'));
+        const packageName = info.name;
+        if (!/^@tencent\/tea-app-(.+)$/.test(packageName)) {
+          console.error('指向的 package.json 貌似不是一个 static 项目:' + '${packageName}');
+        }
+        targetName = RegExp.$1;
+      } catch (err) {
+        console.error(`无法解析 Tea 应用的 package.json ${err.message}`);
+      }
+
+      if (targetName) {
+        const content = getContent(targetName);
+        // eslint-disable-next-line no-param-reassign
+        compilation.assets['package.json'] = {
+          source: () => content,
+          size: () => content.length,
+        };
+      }
+      callback();
+    });
+  }
+}
+
+const getContent = targetName => `{
+  "name": "@tencent/tea-style-${targetName}",
+  "version": "1.0.0",
+  "description": "Tea app style",
+  "main": "index.css",
+  "keywords": [
+    "tea",
+    "qcloud",
+    "style"
+  ],
+  "publishConfig": {
+    "registry": "https://mirrors.tencent.com/npm/"
+  },
+  "license": "UNLICENSED"
+}
+`;
+
+module.exports = PackageJSONPlugin;

package/CHANGELOG.md

@@ -1,240 +0,0 @@
-> 为了更好的区分组件类型，仅在更新日志中进行如下约定：低码组件使用大驼峰命名，源码组件使用小驼峰命名。
-
-## [1.2] - 2021-08-24
-
-### Changed
-
-- swiper 轮播
-
-  - 添加示例图片
-
-## [1.1] - 2021-08-09
-
-### Added
-
-- text 文本
-
-  - 新增事件 `tap`
-
-- modal 模态弹窗
-
-  - 新增组件 `modal`, web 使用 tea 样式用于 PC 样式响应式。
-
-- showModal 显示弹窗
-
-  - 新增动作 `showModal`，用于平台方法的 PC 大屏响应式版本，小程序对齐 wx.showModal api。
-
-- FormTextarea 表单多行输入
-
-  - 新增组件 `FormTextarea`, 用以替代被移除的 `Textarea` 组件
-
-- link 链接
-
-  - 新增组件 `link`，可通过插槽来配置自定义内容
-
-### Changed
-
-- button 按钮
-
-  - 添加响应式样式，屏幕宽度大于 **1024px** 时显示为方角
-
-- swiper 轮播
-
-  - 添加响应式样式，屏幕宽度大于 1024px 时显示为方角
-
-- FormRadio 表单单选
-
-  - 修复多个单选组件并存导致的选中问题
-
-- FormCheckbox 表单复选
-
-  - 修复多个复选组件并存导致的选中问题
-
-- 所有组件:
-  - 表单组件的默认背景色，统一配置为透明
-  - 组件最外层容器统一添加 `weda-ui` 类名，组件库级别重置样式及公共样式都限制在 `weda-ui` 类名下，防止污染
-  - 规范了组件事件的触发方式
-
-## [1.0] - 2021-06-10
-
-### Added
-
-- text 文本:
-
-  - 新增属性 `maxLines` 最大显示行数
-
-- FormRegion 表单区域选择:
-
-  - 新增组件 `FormRegion`, 用以替代被移除的 `RegionPicker` 组件
-
-### Removed
-
-- swiper 轮播:
-
-  - 移除属性 `displayMultipleItems`, `nextMargin`, `previousMargin`, `updated`
-  - 移除 `transition` 和 `animationfinished` 事件
-
-- text 文本:
-
-  - 移除属性 `decode` 是否解码
-  - 移除 `tap` 事件
-
-- image 图片:
-
-  - 移除属性 `webp` 能否解析 webp 格式
-
-- button 按钮:
-
-  - 移除属性 `plain` 镂空
-  - 移除属性 `openType` 微信开放能力的 `获取用户信息` 选项
-
-- FormInput 表单输入:
-
-  - 移除属性 `requiredFlag` 是否需要必填星号
-  - 移除属性 `underline` 是否需要底部下划线
-
-- FormRadio 表单单选:
-
-  - 移除属性 `validateTrigger` 字段触发校验类型
-  - 移除属性 `validateStatus` 校验状态
-  - 移除属性 `requiredFlag` 是否需要必填星号
-  - 移除属性 `underline` 是否需要底部下划线
-
-- FormCheckbox 表单复选:
-
-  - 移除属性 `validateTrigger` 字段触发校验类型
-  - 移除属性 `validateStatus` 校验状态
-  - 移除属性 `requiredFlag` 是否需要必填星号
-  - 移除属性 `underline` 是否需要底部下划线
-
-- FormSwitch 表单开关:
-
-  - 移除属性 `type` 显示类型
-  - 移除属性 `checkedIcon` 选中图标
-  - 移除属性 `uncheckedIcon` 非选中图标
-  - 移除属性 `requiredFlag` 是否需要必填星号
-  - 移除属性 `underline` 是否需要底部下划线
-
-- FormDate 表单日期:
-
-  - 移除属性 `suffixType` 操作尾部样式类型
-  - 移除属性 `suffixText` 操作尾部文案
-  - 移除属性 `requiredFlag` 是否需要必填星号
-  - 移除属性 `underline` 是否需要底部下划线
-
-- FormTime 表单时间:
-
-  - 移除属性 `suffixType` 操作尾部样式类型
-  - 移除属性 `suffixText` 操作尾部文案
-  - 移除属性 `requiredFlag` 是否需要必填星号
-  - 移除属性 `underline` 是否需要底部下划线
-
-- FormSelect 表单选择:
-
-  - 移除属性 `suffixType` 操作尾部样式类型
-  - 移除属性 `suffixText` 操作尾部文案
-  - 移除属性 `validateTrigger` 字段触发校验类型
-  - 移除属性 `validateStatus` 校验状态
-  - 移除属性 `rules` 校验规则
-  - 移除属性 `requiredFlag` 是否需要必填星号
-  - 移除属性 `underline` 是否需要底部下划线
-
-- FormPhone 表单手机号码:
-
-  - 移除属性 `maxLength` 最大输入长度
-  - 移除属性 `rules` 校验规则
-  - 移除属性 `requiredFlag` 是否需要必填星号
-  - 移除属性 `underline` 是否需要底部下划线
-
-- FormEmail 表单邮件地址:
-
-  - 移除属性 `rules` 校验规则
-  - 移除属性 `requiredFlag` 是否需要必填星号
-  - 移除属性 `underline` 是否需要底部下划线
-
-- FormUrl 表单邮件地址:
-
-  - 移除属性 `rules` 校验规则
-  - 移除属性 `requiredFlag` 是否需要必填星号
-  - 移除属性 `underline` 是否需要底部下划线
-
-- FormItem 表单元素:
-
-  - 移除组件
-
-- FormCell 表单表格:
-
-  - 移除组件
-
-- RegionPicker 地域选择:
-
-  - 移除组件
-
-- Textarea 多行输入:
-
-  - 移除组件, 待优化后重新上架
-
-### Changed
-
-- image 图片:
-
-  - 默认大小由 320\*240 rpx 调整为 240\*240 rpx
-
-- text 文本:
-
-  - 跟随小程序定义，`selectabble` 变更为 `userSelect`
-  - 样式调整：默认布局模式从 `inline` 编程 `block`
-
-- button 按钮：
-
-  - 样式调整：从默认宽度 `100%` 调整为默认 `184px`
-
-- Form 表单容器:
-
-  - 样式优化
-
-- FormInput 表单输入:
-
-  - 样式优化
-
-- FormRadio 表单单选:
-
-  - 属性 `name` 表单字段名称，默认值由 `thisIsRadioKey` 改为 `formRadio`
-  - 样式优化
-
-- FormCheckbox 表单复选:
-
-  - 属性 `name` 表单字段名称，默认值由 `thisIsCheckboxKey` 改为 `formCheckbox`
-  - 样式优化
-
-- FormSwitch 表单开关:
-
-  - 属性 `name` 表单字段名称，默认值由 `thisIsSelectKey` 改为 `formSwitch`
-  - 样式优化
-
-- FormDate 表单日期:
-
-  - 属性 `name` 表单字段名称，默认值由 `thisIsDateKey` 改为 `formDate`
-  - 样式优化
-
-- FormTime 表单时间:
-
-  - 属性 `name` 表单字段名称，默认值由 `thisIsTimeKey` 改为 `formTime`
-  - 样式优化
-
-- FormSelect 表单选择:
-
-  - 属性 `name` 表单字段名称，默认值由 `thisIsSelectKey` 改为 `formSelect`
-  - 样式优化
-
-- FormPhone 表单手机号码:
-
-  - 样式优化
-
-- FormEmail 表单邮件地址:
-
-  - 样式优化
-
-- FormUrl 表单邮件地址:
-
-  - 样式优化

package/src/mp/.gitignore

@@ -1,10 +0,0 @@
-/.yarn/*
-!/.yarn/patches
-!/.yarn/plugins
-!/.yarn/releases
-!/.yarn/sdks
-
-# Swap the comments on the following lines if you don't wish to use zero-installs
-# Documentation here: https://yarnpkg.com/features/zero-installs
-!/.yarn/cache
-#/.pnp.*