@fonixtree/magic-design 2.0.54 → 2.0.60

package/README.md

@@ -0,0 +1,122 @@
+# npm版本约定
+0.x.x - release分支版本，ashita/nuri 使用的稳定版本
+1.x.x - pto分支版本，专供pto的稳定版本
+2.x.x - master 分支版本，不稳定版本
+
+# PTO打包注意事项
+1、bin/publish.js文件 注释 await processExecSync(`npm run gulp`)
+2、src/utils/commonUtil.ts文件 解开 convertToRem pxToRem 里的注释
+
+# 本地启动方法
+修改 pages/Designer/index.tsx 中的partyType 
+localStorage 中存入 credentials ， 商家模式存入 accessToken ， 运营模式存入cookie 中的 session
+
+# 快捷指令使用
+
+## 1、发布 -- npm run pub
+
+## 2、新增国际化 -- npm run cl "Hello world"
+
+## 3、更新iconfont -- npm run iconfont
+
+
+# 设计器二期
+
+## 1、基本概念
+
+### 1.1、元组件：构成复合组件的最小单位
+
+Text、Image、Button、Divider、Video 等
+
+### 1.2、复合组件：由若干个元组件构成的一个大组件
+
+Text、Banner、Image Gallery、Image and Text、Carousel、Reward、Newsletter 等
+
+### 1.3、业务公共组件：项目中复用的公共组件
+
+所有的公共组件需要开放 value 和 onChange Api（除 Button、Iconfont）
+
+Button、Iconfont、AlignSelecter、Collapse、ColorPicker、ImagePicker、LayoutSelecter、Slider、UrlPicker
+
+
+
+## 2、设计器与原生的交互
+
+WEBVIEW - 链接跳转，有可能是绝对路径或者路由地址(海报页)
+{
+  type: 'WEBVIEW',
+  params:{
+    url: 'https://www.baidu.com'或者 '/poster/111'
+  }
+}
+
+SEARCH_PAGE - 搜索框点击事件
+{
+  type: 'SEARCH_PAGE'
+}
+
+PRODUCT_LIST - 跳转商品列表
+{
+  type: 'PRODUCT_LIST',
+  params:{
+    catgId: '',
+    brandId:''
+  }
+}
+
+PRODUCT_DETAIL - 商品详情
+{
+  type:'PRODUCT_DETAIL',
+  params:{
+    offerId: '',
+    productId:''
+  }
+}
+
+FUNCTION_PAGE - 功能页面
+(首页-home、购物车-cart、个人中心-account、我的优惠券- my-coupon、领券中心- coupon-center、社区文章- community、消息中心-message、
+拼团列表-group、秒杀列表-flash、邀新页面-invite、0元购- special-mission、分类页面 -category、分销中心-social-commerce、返现中心-cashback、钱包-wallet、nuri 专有钱包-wallet-nuri)
+{
+  type:'FUNCTION_PAGE',
+  params:{
+    code: 'cart'
+  }
+}
+
+GET_COUPON - 领取优惠券
+{
+  type:'GET_COUPON',
+  params:{
+    couponId:''
+  }
+}
+
+
+{
+  action: 'jump', //页面跳转
+  params :{
+    type: 'WEBVIEW' ｜ 'SEARCH_PAGE' | 'PRODUCT_LIST' | 'PRODUCT_DETAIL' | 'HOME' | 'CART' | 'ACCOUNT' | 'MY_COUPON' | 'COUPON_CENTER' | 'COMMUNITY' | 'MESSAGE'  | 'FLASH' | 'INVITE' |  'CATEGORY' | 'SOCIAL_COMMERCE' | 'SPECIAL_MISSION' | 'WALLET'| 'CHECK_IN' | 'WALLET_NURI'
+
+    //WEBVIEW
+    url: 'https://www.baidu.com'或者 '/poster/111',
+    //PRODUCT_LIST
+    catgId: '',
+    brandId:'',
+    //PRODUCT_DETAIL
+    offerId: '',
+    productId:'',
+    //FUNCTION_PAGE
+    ..other
+  }
+}
+
+{
+  action: 'operation' , //操作
+  params:{
+    type: 'DOWNLOAD' | 'GET_COUPON' | 'SHARE' | 'SET_CHAT_DATA',
+    //GET_COUPON
+    couponId: '1234',
+    //SET_CHAT_DATA
+    cacheChatIdObj:{}
+  }
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fonixtree/magic-design",
   "author": "Cylon Team",
-  "version": "2.0.54",
+  "version": "2.0.60",
   "description": "Magic Design",
   "license": "MIT",
   "module": "es/index.js",
@@ -43,6 +43,90 @@
     "slick-carousel": "^1.8.1",
     "spark-md5": "^3.0.2"
   },
+  "devDependencies": {
+    "@babel/core": "^7.16.0",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
+    "@rollup/plugin-babel": "^5.3.1",
+    "@rollup/plugin-commonjs": "^22.0.0",
+    "@rollup/plugin-image": "^2.1.1",
+    "@rollup/plugin-json": "^4.1.0",
+    "@rollup/plugin-node-resolve": "^13.3.0",
+    "@svgr/webpack": "^5.5.0",
+    "@types/axios": "^0.14.0",
+    "@types/lodash": "^4.14.182",
+    "@types/node": "^17.0.36",
+    "@types/react": "^18.0.9",
+    "@types/react-color": "^3.0.6",
+    "@types/react-dom": "^18.0.5",
+    "@types/uuid": "^8.3.4",
+    "@typescript-eslint/eslint-plugin": "^5.27.1",
+    "add": "^2.0.6",
+    "babel-loader": "^8.2.3",
+    "babel-plugin-named-asset-import": "^0.3.8",
+    "babel-preset-react-app": "^10.0.1",
+    "bfj": "^7.0.2",
+    "browserslist": "^4.18.1",
+    "camelcase": "^6.2.1",
+    "case-sensitive-paths-webpack-plugin": "^2.4.0",
+    "child_process": "^1.0.2",
+    "classnames": "^2.3.1",
+    "css-loader": "^6.5.1",
+    "css-minimizer-webpack-plugin": "^3.2.0",
+    "dotenv": "^10.0.0",
+    "dotenv-expand": "^5.1.0",
+    "eslint": "7",
+    "eslint-config-next": "^12.1.6",
+    "eslint-config-react-app": "^7.0.1",
+    "eslint-webpack-plugin": "^3.1.1",
+    "extract-zip": "^2.0.1",
+    "file-loader": "^6.2.0",
+    "fs-extra": "^10.0.0",
+    "gulp": "4.0.2",
+    "gulp-less": "5.0.0",
+    "gulp-postcss": "9.0.1",
+    "gulp-rename": "2.0.0",
+    "html-webpack-plugin": "^5.5.0",
+    "http-proxy-middleware": "^2.0.6",
+    "identity-obj-proxy": "^3.0.0",
+    "less": "3.13.1",
+    "less-loader": "^11.0.0",
+    "mini-css-extract-plugin": "^2.4.5",
+    "mv": "^2.1.1",
+    "ora": "^4.1.1",
+    "postcss": "^8.4.4",
+    "postcss-flexbugs-fixes": "^5.0.2",
+    "postcss-less": "6.0.0",
+    "postcss-loader": "^6.2.1",
+    "postcss-normalize": "^10.0.1",
+    "postcss-preset-env": "^7.0.1",
+    "postcss-selector-namespace": "^3.0.1",
+    "prompts": "^2.4.2",
+    "rc-tools": "^9.6.1-alpha.1",
+    "react": "^16.11.0",
+    "react-app-polyfill": "^3.0.0",
+    "react-dev-utils": "^12.0.1",
+    "react-dom": "^16.11.0",
+    "react-refresh": "^0.11.0",
+    "resolve": "^1.20.0",
+    "resolve-url-loader": "^4.0.0",
+    "rollup-plugin-dts": "^4.2.2",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-styles": "^4.0.0",
+    "rollup-plugin-typescript2": "^0.32.1",
+    "sass-loader": "^12.3.0",
+    "semver": "^7.3.5",
+    "source-map-loader": "^3.0.0",
+    "style-loader": "^3.3.1",
+    "tailwindcss": "^3.0.2",
+    "terser-webpack-plugin": "^5.2.5",
+    "typescript": "^4.7.2",
+    "web-vitals": "^2.1.4",
+    "webpack": "^5.64.4",
+    "webpack-dev-server": "^4.6.0",
+    "webpack-manifest-plugin": "^4.0.2",
+    "workbox-webpack-plugin": "^6.4.1"
+  },
   "peerDependencies": {
     "react": ">=16.11.0",
     "react-dom": ">=16.11.0"
@@ -79,4 +163,4 @@
       "@babel/preset-env"
     ]
   }
-}
+}