npm - neo-cmp-cli - Versions diffs - 1.0.0 - Mend

neo-cmp-cli 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (76) hide show

package/src/template/vue2-neo-custom-widget/public/template.html ADDED Viewed

@@ -0,0 +1,13 @@
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="format-detection" content="telephone=no"/>
+  <meta name="viewport" content="initial-scale=1.0,user-scalable=no,width=device-width,viewport-fit=cover">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>自定义组件预览页</title>
+</head>
+<body>
+  <div id="root"></div>
+</body>
+</html>

package/src/template/vue2-neo-custom-widget/src/assets/css/common.scss ADDED Viewed

@@ -0,0 +1,126 @@
+/* 公共的自定义函数 */
+@function px2vw($px, $screen-width: 750) {
+  @return ($px / $screen-width) * 100vw;
+}
+@function px2rem($px, $remRate: 100) {
+  @return ($px / $remRate) + rem;
+}
+@function px2vmin($px, $screen-width: 750) {
+  @return ($px / $screen-width) * 100vmin;
+}
+@mixin fillBox {
+  width: 100%;
+  height: 100%;
+}
+/* 头部细线 */
+@mixin borderTop {
+  content: '';
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  width: 100%;
+  height: 1px;
+  background: #ddd;
+  transform: scaleY(0.5);
+}
+/* 底部细线 */
+@mixin borderBtm {
+  content: '';
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  width: 100%;
+  height: 1px;
+  background: #ddd;
+  transform: scaleY(0.5);
+}
+/* 统一的内边距 */
+@mixin unifiedPadding($value: 40) {
+  padding: 0 px2rem($value) 0 px2rem($value);
+}
+/* 统一的左内边距 */
+@mixin unifiedLeftPadding($value: 40) {
+  padding-left: px2rem($value);
+}
+/* 统一的右内边距 */
+@mixin unifiedRightPadding($value: 40) {
+  padding-right: px2rem($value);
+}
+/* 统一的底部边框样式 */
+@mixin unifiedBottomBorder {
+  border-bottom: 1px solid #ddd;
+}
+/* 统一的上边框样式 */
+@mixin unifiedTopBorder {
+  border-top: 1px solid #ddd;
+}
+/* 统一的Item高度 */
+@mixin unifiedItemHeight {
+  line-height: px2rem(120);
+  height: px2rem(120);
+}
+/* 设置行高样式 */
+@mixin setItemHeight($value: 120) {
+  line-height: px2rem($value);
+  height: px2rem($value);
+}
+/* 统一的Item样式 */
+@mixin unifiedItemStyle {
+  font-family: PingFangSC-Regular;
+  font-size: px2rem(28);
+  color: #828282;
+  letter-spacing: 0;
+}
+/* 统一的弹性盒子样式 */
+@mixin unifiedFlexBoxStyle {
+  display: flex;
+  flex-wrap: nowrap;
+  justify-content: center;
+  align-items: center;
+}
+/* 统一的Title样式 */
+@mixin unifiedTitleStyle {
+  font-family: PingFangSC-Regular;
+  font-size: px2rem(40);
+  color: #1e1e1e;
+}
+/* 统一的内容样式 */
+@mixin unifiedContentStyle {
+  font-family: PingFangSC-Regular;
+  font-size: px2rem(28);
+  color: #1e1e1e;
+  letter-spacing: 0;
+  text-align: right;
+  line-height: px2rem(28);
+}
+/* 底部导航盒子样式 */
+@mixin fixedBottomBox {
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+}
+// 常用的变量
+$background-color: #fafafa;
+$border-color: #f7f7f7;
+$page-padding-top: px2rem(20);

package/src/template/vue2-neo-custom-widget/src/assets/css/mixin.scss ADDED Viewed

@@ -0,0 +1,47 @@
+// 通用mixin
+$borderColor: #ddd;
+// type 为top 或者 bottom
+@mixin borderTopOrBtm($type) {
+  &::after {
+    content: '';
+    position: absolute;
+    left: 0;
+    right: 0;
+    #{$type}: 0;
+    width: 100%;
+    height: 1px;
+    background: $borderColor;
+    transform: scaleY(0.5);
+  }
+}
+// type为 right 或者 left
+@mixin borderRtOrLt($type) {
+  &::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    #{$type}: 0;
+    height: 100%;
+    width: 1px;
+    background: $borderColor;
+    transform: scaleX(0.5);
+  }
+}
+//超出1行显示...
+@mixin ellipsis1 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+// 超出多行显示...
+@mixin ellipsis($num) {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: $num;
+  -webkit-box-orient: vertical;
+}

package/src/template/vue2-neo-custom-widget/src/preview.js ADDED Viewed

@@ -0,0 +1,9 @@
+import Vue from 'vue';
+import InfoCard from './components/info-card';
+/* 引入公共的静态资源 */
+import '$public/css/base.css';
+new Vue({
+  render: (h) => h(InfoCard),
+}).$mount('#root');

package/src/template/vue2-neo-custom-widget/src/widgets/info-card/index.vue ADDED Viewed

@@ -0,0 +1,131 @@
+<template>
+  <div class="info-card-container">
+      <div class="news-title">
+        {{ title }}
+      </div>
+      <div class="item-imgbox">
+        <div
+          class="news-img"
+          :style="{ backgroundImage: 'url(' + backgroundImage + ')' }"
+        ></div>
+        <div v-if="img_count > 0" class="img-count">
+          {{ img_count }}
+        </div>
+      </div>
+      <div class="news-info">
+        <div class="left media-mark">NeoCRM · 低代码平台@Vue2.0组件</div>
+        <div v-if="comment_count && comment_count != 0" class="cmt-num right">
+          {{ agreeDataFormat(comment_count) }}评
+        </div>
+      </div>
+    </div>
+</template>
+<script>
+// 按需引入element-ui中的组件
+import { Rate } from 'element-ui';
+export default {
+  data() {
+    return {
+      isAlive: true,
+      isFirstVisit: true,
+      img_count: 3,
+      title:
+        '营销服全场景智能CRM，帮助企业搭建数字化客户经营平台，实现业绩高质量增长。',
+      backgroundImage: 'https://neo-widgets.bj.bcebos.com/NeoCRM.jpg',
+      comment_count: 2025,
+      rateVal: 3,
+    };
+  },
+  components: {
+    Rate,
+  },
+  mounted() {
+    this.isFirstVisit = false;
+  },
+  activated() {
+    this.isAlive = true;
+  },
+  deactivated() {
+    this.isAlive = false;
+  },
+  methods: {
+    agreeDataFormat(agreeData) {
+      if (agreeData && agreeData <= 9999) {
+        return agreeData;
+      } else if (agreeData && agreeData > 9999) {
+        return `${Math.floor(agreeData / 1000) / 10}w`;
+      }
+    },
+  },
+};
+</script>
+<style lang="scss">
+.info-card-container {
+  position: relative;
+  box-sizing: border-box;
+  // border-bottom: 1px solid #ececec;
+  margin: 6px 12px;
+  padding: 6px 12px;
+  background-color: #fff;
+  .news-title {
+    padding: 6px 0;
+    font-family: PingFangSC-Regular;
+    font-size: 16px;
+    line-height: 22px;
+    color: #5f5e5e;
+  }
+  .item-imgbox {
+    position: relative;
+    height: 395px;
+    background: #f0f0f0;
+    cursor: pointer;
+    box-sizing: border-box;
+    text-align: center;
+    overflow: hidden;
+    .news-img {
+      width: 100%;
+      height: 100%;
+      box-sizing: border-box;
+      background-size: contain;
+    }
+    .img-count {
+      position: absolute;
+      top: 0;
+      right: 0;
+      padding: 6px 8px;
+      color: #fff;
+      min-width: 60px;
+      text-align: center;
+      line-height: 1.2;
+      background: rgba(0, 0, 0, 0.4);
+      font-size: 25px;
+      box-sizing: border-box;
+      overflow: hidden;
+    }
+  }
+  .news-info {
+    font-family: PingFangSC-Light;
+    height: 28px;
+    box-sizing: border-box;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+  .media-mark,
+  .cmt-num {
+    display: inline-block;
+    height: 28px;
+    line-height: 28px;
+    font-family: PingFangSC-Light;
+    font-size: 18px;
+    color: #828282;
+  }
+}
+</style>

package/src/template/vue2-neo-custom-widget/src/widgets/info-card/plugin.js ADDED Viewed

@@ -0,0 +1,81 @@
+/**
+ * @file 自定义组件对接编辑器的描述文件
+ */
+// @ts-ignore
+import { registerNeoEditorModel } from 'neo-register';
+export class InfoCardModel {
+  // 自定义组件名称，用于标识组件的唯一性
+  cmpType = 'vue-info-card';
+  // 组件名称，用于设置在编辑器左侧组件面板中展示的名称
+  label = 'vue 信息卡片';
+  // 组件描述，用于设置在编辑器左侧组件面板中展示的描述
+  description = '信息展示卡片';
+  // 分类标签，用于设置在编辑器左侧组件面板哪个分类中展示（可设置多个分类标签）
+  tags = ['自定义组件'];
+  // 组件图标，用于设置在编辑器左侧组件面板中展示的图标
+  iconSrc = 'https://neo-widgets.bj.bcebos.com/custom-widget.svg';
+  // iconSrc = 'https://neo-widgets.bj.bcebos.com/favicon.png';
+  // 初次插入页面的默认属性数据
+  defaultComProps = {
+    title:
+      '营销服全场景智能CRM，帮助企业搭建数字化客户经营平台，实现业绩高质量增长。',
+    label: 'vue 信息卡片',
+    backgroundImage: 'https://neo-widgets.bj.bcebos.com/NeoCRM.jpg',
+    img_count: 3,
+    comment_count: 2025,
+  };
+  // 设计器端预览时展示的默认数据
+  previewComProps = {
+    label: 'vue 信息卡片',
+  };
+  /**
+   * 组件面板配置，用于生成编辑器右侧属性配置面板内容
+   * 备注：自定义组件中可用的配置项类型 请见 [当前可用表单项](https://github.com/wibetter/neo-register/blob/master/docs/FormItemType.md
+   */
+  propsSchema = [
+    {
+      type: 'textarea',
+      name: 'title',
+      label: '卡片title',
+      value:
+        '营销服全场景智能CRM，帮助企业搭建数字化客户经营平台，实现业绩高质量增长。',
+    },
+    {
+      type: 'text',
+      name: 'backgroundImage',
+      label: '展示图片',
+      value: 'https://neo-widgets.bj.bcebos.com/NeoCRM.jpg',
+    },
+    {
+      type: 'number',
+      name: 'img_count',
+      label: '图片数量',
+      value: 3,
+    },
+    {
+      type: 'number',
+      name: 'comment_count',
+      label: '评论数',
+      value: 2025,
+    },
+  ];
+  // 支持 函数式写法：propsSchemaCreator，com 为页面设计器中的组件实例。优先级比 propsSchema 高
+  /*
+  propsSchemaCreator = (com: any) => {
+    return [];
+  };
+  */
+}
+registerNeoEditorModel(InfoCardModel);
+export default InfoCardModel;

package/src/template/vue2-neo-custom-widget/src/widgets/info-card/register.js ADDED Viewed

@@ -0,0 +1,8 @@
+import InfoCard from './index';
+// @ts-ignore
+import { registerNeoCmp } from 'neo-register';
+/* 引入公共的静态资源 */
+// import '$public/css/base.css'; // 备注: 全局样式要注意不要干扰平台和编辑器端的正常展示
+registerNeoCmp(InfoCard, 'vue-info-card');

package/src/utils/getConfigObj.js ADDED Viewed

@@ -0,0 +1,18 @@
+const glob = require('glob');
+const fileExists = function (fileDir) {
+  let exists = false;
+  const files = glob.sync(fileDir); // 同步读取本地文件
+  if (files.length > 0) {
+    exists = true;
+  }
+  return exists;
+};
+module.exports = function (currentConfigDir) {
+  let currentConfig = {};
+  if (fileExists(currentConfigDir)) {
+    currentConfig = require(currentConfigDir);
+  }
+  return currentConfig;
+};

package/src/utils/getEntries.js ADDED Viewed

@@ -0,0 +1,54 @@
+const fs = require('fs');
+const path = require('path');
+const _ = require('lodash');
+const { resolveToCurrentRoot } = require('./pathUtils');
+module.exports = (buildType = 'build2lib', defaultComponentsDir = './src/components') => {
+  const widgetEntries = {};
+  const linkDebugEntries = {
+    index: []
+  };
+  const componentsDir = resolveToCurrentRoot(defaultComponentsDir);
+  if (!fs.existsSync(componentsDir)) {
+    console.error(`未找到组件目录，请检查 ${defaultComponentsDir} 目录是否存在`);
+    return widgetEntries;
+  }
+  try {
+    // 读取指定目录下的所有文件
+    const widgetDirs = fs.readdirSync(componentsDir);
+    // 遍历所有目录
+    widgetDirs.forEach((dir) => {
+      const filePath = path.join(componentsDir, dir);
+      // 获取文件状态
+      const stat = fs.statSync(filePath);
+      // 如果文件是目录，则递归处理子目录
+      if (stat.isDirectory() && !dir.startsWith('.') && dir !== 'node_modules') {
+        const widgetPath = path.join(defaultComponentsDir, dir);
+        const curWidgetName = _.camelCase(dir);
+        fs.readdirSync(widgetPath)
+          .filter((file) => file.match(/[register|model]\.[tj]sx?$/))
+          .map((file) => path.join(widgetPath, file))
+          .forEach((filePath) => {
+            const curPath = `./${filePath}`;
+            if (filePath.match(/register\.[tj]sx?$/)) {
+              widgetEntries[curWidgetName] = curPath;
+            } else if (filePath.match(/model\.[tj]sx?$/)) {
+              widgetEntries[`${curWidgetName}Model`] = curPath;
+            }
+            linkDebugEntries.index.push(curPath);
+          });
+      }
+    });
+    if (buildType === 'linkDebug') {
+      return linkDebugEntries;
+    }
+  } catch (error) {
+    console.error('replaceInFiles 运行失败:', error);
+  }
+  return widgetEntries;
+};

package/src/utils/neoConfigInit.js ADDED Viewed

@@ -0,0 +1,13 @@
+const path = require('path');
+const { createFile } = require('akfun');
+// 将脚手架的默认配置文件拷贝到当前项目根目录
+const createDefaultConfig = function (_configProjectName) {
+  const configProjectName = _configProjectName || 'neo.config.js';
+  createFile(
+    path.resolve(__dirname, `../initData/${configProjectName}`),
+    path.resolve(process.cwd(), `./${configProjectName}`)
+  );
+};
+module.exports = createDefaultConfig;

package/src/utils/neoParams.js ADDED Viewed

@@ -0,0 +1,12 @@
+let consoleTag = '[neo-cmp-cli]'; // 输出标记
+function setConsoleTag(newText) {
+  consoleTag = newText;
+}
+module.exports = {
+  get consoleTag() {
+    return consoleTag;
+  },
+  setConsoleTag
+};

package/src/utils/pathUtils.js ADDED Viewed

@@ -0,0 +1,23 @@
+const path = require('path');
+const fs = require('fs');
+// 当前命令执行的路径
+const currentRoot = () => fs.realpathSync(process.cwd());
+const resolveToCurrentRoot = (filePath) => path.resolve(currentRoot(), filePath);
+const resolveToCurrentDist = (filePath, outDir) =>
+  path.resolve(currentRoot(), outDir || 'dist/', filePath);
+const currentSrc = () => resolveToCurrentRoot('src');
+const currentBuild = () => resolveToCurrentRoot('build');
+// 获取当前项目的package文件（从当前命令执行的路径下查找）
+const catchCurPackageJson = () => resolveToCurrentRoot('package.json');
+module.exports = {
+  currentRoot,
+  resolveToCurrentRoot,
+  resolveToCurrentDist,
+  resolve: resolveToCurrentRoot,
+  currentSrc,
+  currentBuild,
+  catchCurPackageJson
+};

package/src/utils/projectNameValidator.js ADDED Viewed

@@ -0,0 +1,76 @@
+/**
+ * 文件名验证工具
+ * 验证规则：
+ * 1. 至少5个字符
+ * 2. 必须以字母开头
+ * 3. 只能包含字母、数字、连字符(-)
+ */
+/**
+ * 验证文件名是否符合规范
+ * @param {string} ProjectName 文件名（不包含路径和扩展名）
+ * @returns {Object} 验证结果对象
+ */
+function validateProjectName(ProjectName) {
+  const errors = [];
+  // 检查文件名是否为空
+  if (!ProjectName || ProjectName.trim().length === 0) {
+    errors.push('文件名不能为空');
+    return { isValid: false, errors };
+  }
+  // 检查长度是否至少5个字符
+  if (ProjectName.length < 5) {
+    errors.push(`文件名长度必须至少5个字符，当前长度: ${ProjectName.length}`);
+  }
+  // 检查是否以字母开头
+  if (!/^[a-zA-Z]/.test(ProjectName)) {
+    errors.push('文件名必须以字母开头');
+  }
+  // 检查是否只包含字母、数字、连字符
+  if (!/^[a-zA-Z][a-zA-Z0-9-]*$/.test(ProjectName)) {
+    errors.push('文件名只能包含字母、数字和连字符(-)，且必须以字母开头');
+  }
+  // 检查是否包含连续连字符
+  if (ProjectName.includes('--')) {
+    errors.push('文件名不能包含连续连字符(--)');
+  }
+  // 检查是否以连字符结尾
+  if (ProjectName.endsWith('-')) {
+    errors.push('文件名不能以连字符结尾');
+  }
+  return {
+    isValid: errors.length === 0,
+    errors
+  };
+}
+/**
+ * 验证文件名并返回布尔值
+ * @param {string} ProjectName 文件名
+ * @returns {boolean} 是否有效
+ */
+function isValidProjectName(ProjectName) {
+  return validateProjectName(ProjectName).isValid;
+}
+/**
+ * 获取文件名验证的错误信息
+ * @param {string} ProjectName 文件名
+ * @returns {Array} 错误信息数组
+ */
+function getProjectNameErrors(ProjectName) {
+  return validateProjectName(ProjectName).errors;
+}
+module.exports = {
+  validateProjectName,
+  isValidProjectName,
+  getProjectNameErrors
+};

package/src/utils/replaceInFiles.js ADDED Viewed

@@ -0,0 +1,47 @@
+const fs = require('fs-extra');
+const path = require('path');
+/**
+ * 全局替换项目中的指定字符串
+ * @param dir 项目目录
+ * @param oldStr 旧字符串
+ * @param newStr 新字符串
+ * @param fileExtensions 文件扩展名
+ */
+function replaceInFiles(
+  dir,
+  oldStr,
+  newStr,
+  fileExtensions = ['.js', '.jsx', '.ts', '.tsx', '.vue', '.html', '.css', '.scss', '.json']
+) {
+  try {
+    // 读取指定目录下的所有文件
+    const files = fs.readdirSync(dir);
+    // 遍历所有文件
+    files.forEach((file) => {
+      const filePath = path.join(dir, file);
+      // 获取文件状态
+      const stat = fs.statSync(filePath);
+      // 如果文件是目录，则递归处理子目录
+      if (stat.isDirectory() && !file.startsWith('.') && file !== 'node_modules') {
+        // 递归处理子目录
+        replaceInFiles(filePath, oldStr, newStr, fileExtensions);
+      } else if (stat.isFile()) {
+        // 检查文件扩展名
+        const ext = path.extname(file);
+        if (fileExtensions.includes(ext)) {
+          let content = fs.readFileSync(filePath, 'utf8');
+          if (content.includes(oldStr)) {
+            content = content.replace(new RegExp(oldStr, 'g'), newStr); // 全局替换
+            fs.writeFileSync(filePath, content, 'utf8');
+          }
+        }
+      }
+    });
+  } catch (error) {
+    console.error('replaceInFiles 运行失败:', error);
+  }
+}
+module.exports = replaceInFiles;