@fonixtree/magic-design 2.0.213 → 2.0.214

package/lib/utils/storeUtil.js

@@ -0,0 +1,258 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setStore = exports.setSessionStore = exports.setMagicStore = exports.setCache = exports.session = exports.persistence = exports.getStore = exports.getSessionStore = exports.getMagicStore = exports.getCache = exports.clearStore = exports.clearSessionStore = exports.clearMagicStore = exports.clearCache = void 0;
+
+var _commonUtil = require("./commonUtil");
+
+var _dateUtil = require("./dateUtil");
+
+var debug = require('debug')('worker:store');
+/** 持久化渠道 */
+
+
+var CHANNEL = window.localStorage;
+/** session storage */
+
+var session = window.sessionStorage;
+/**
+ * 设置临时缓存 window
+ * @param {string} key 键
+ * @param {any} value 值
+ * @param {boolean} temp 是否是临时缓存 默认 true
+ */
+
+exports.session = session;
+
+var setCache = function setCache(key, value, temp) {
+  if (temp === void 0) {
+    temp = true;
+  }
+
+  var _key = "_cache" + key;
+
+  window[_key] = value;
+  /** 临时数据清单 用于清空 */
+
+  if (temp) {
+    if (window._cache_list) {
+      window._cache_list.add(_key);
+    } else {
+      window._cache_list = new Set([_key]);
+    }
+  }
+};
+/**
+ * 清除缓存 window
+ * @param {string?} key 键，为空时清除所有临时缓存
+ */
+
+
+exports.setCache = setCache;
+
+var clearCache = function clearCache(key) {
+  if (key) {
+    var _key = "_cache" + key;
+
+    Reflect.deleteProperty(window, _key);
+  } else if (window._cache_list) {
+    window._cache_list.forEach(function (k) {
+      Reflect.deleteProperty(window, k);
+    });
+
+    window._cache_list = null;
+  }
+};
+/**
+ * 获取缓存 window
+ * @param {*} key 键
+ */
+
+
+exports.clearCache = clearCache;
+
+var getCache = function getCache(key) {
+  return window["_cache" + key] || null;
+};
+/**
+ * 获取缓存数据 localStorage
+ * @param {*} key
+ * @param {*} isJson 是否是json 默认是
+ */
+
+
+exports.getCache = getCache;
+
+var getStore = function getStore(key, channel) {
+  if (channel === void 0) {
+    channel = CHANNEL;
+  }
+
+  return (0, _commonUtil.ensure)(function () {
+    return JSON.parse(channel.getItem(key));
+  }, channel.getItem(key));
+};
+/**
+ * 设置缓存 localStorage
+ * @param {string} key 键
+ * @param {any} data 值
+ */
+
+
+exports.getStore = getStore;
+
+var setStore = function setStore(key, data, channel) {
+  if (channel === void 0) {
+    channel = CHANNEL;
+  }
+
+  if (data instanceof Object) {
+    channel.setItem(key, JSON.stringify(data));
+  } else {
+    channel.setItem(key, data);
+  }
+};
+/**
+ * 清空 localStorage
+ * @param {string} key 键
+ */
+
+
+exports.setStore = setStore;
+
+var clearStore = function clearStore(key, channel) {
+  if (channel === void 0) {
+    channel = CHANNEL;
+  }
+
+  if (key) {
+    channel.removeItem(key);
+  } else {
+    channel.clear();
+  }
+};
+/**
+ * 获取缓存数据 sessionStorage
+ * @param {*} key
+ * @param {*} isJson 是否是json 默认是
+ */
+
+
+exports.clearStore = clearStore;
+
+var getSessionStore = function getSessionStore(key) {
+  return getStore(key, window.sessionStorage);
+};
+/**
+ * 设置缓存 sessionStorage
+ * @param {string} key 键
+ * @param {any} data 值
+ */
+
+
+exports.getSessionStore = getSessionStore;
+
+var setSessionStore = function setSessionStore(key, data) {
+  setStore(key, data, window.sessionStorage);
+};
+/**
+ * 清空 sessionStorage
+ * @param {*} key 键
+ */
+
+
+exports.setSessionStore = setSessionStore;
+
+var clearSessionStore = function clearSessionStore(key) {
+  clearStore(key, window.sessionStorage);
+};
+/**
+ * 持久化方法
+ * @param {string} _key 键
+ * @param {any} state 值
+ * @param {array<string>} whiteList 白名单
+ */
+
+
+exports.clearSessionStore = clearSessionStore;
+
+var persistence = function persistence(_key, state, whiteList) {
+  if (whiteList === void 0) {
+    whiteList = [];
+  }
+  /* 持久化白名单 */
+
+
+  var persistenceData = {};
+  whiteList.forEach(function (key) {
+    persistenceData[key] = state[key];
+  });
+  setStore(_key, persistenceData);
+};
+/** 设计器定制的 一套缓存机制 */
+
+/**
+ * 获取缓存数据 localStorage
+ * @param {*} key
+ * @param {*} isJson 是否是json 默认是
+ */
+// export const getStore = key => ensure(() => JSON.parse(CHANNEL.getItem(key)), CHANNEL.getItem(key));
+
+
+exports.persistence = persistence;
+var localStorageKey = 'magicBoxCache';
+/** 清楚缓存 */
+
+var clearMagicStore = function clearMagicStore() {
+  clearStore(localStorageKey);
+};
+/**
+ * 设置缓存 localStorage
+ * @param {string} key 键
+ * @param {any} data 值
+ */
+
+
+exports.clearMagicStore = clearMagicStore;
+
+var setMagicStore = function setMagicStore(key, data) {
+  try {
+    var localStore = getStore(localStorageKey) || {
+      date: (0, _dateUtil.formatDate)(),
+      data: {}
+    };
+    localStore.data[key] = data;
+    setStore(localStorageKey, localStore);
+  } catch (error) {
+    debug(error);
+    clearMagicStore();
+  }
+};
+/** 获取设计器缓存 */
+
+
+exports.setMagicStore = setMagicStore;
+
+var getMagicStore = function getMagicStore(key) {
+  try {
+    var localStore = getStore(localStorageKey) || {
+      date: (0, _dateUtil.formatDate)(),
+      data: {}
+    };
+
+    if (localStore.date !== (0, _dateUtil.formatDate)()) {
+      throw new Error('清除设计器缓存');
+    }
+
+    return localStore.data[key];
+  } catch (error) {
+    debug(error);
+    clearMagicStore();
+  }
+
+  return null;
+};
+
+exports.getMagicStore = getMagicStore;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fonixtree/magic-design",
   "author": "Cylon Team",
-  "version": "2.0.213",
+  "version": "2.0.214",
   "description": "Magic Design",
   "license": "MIT",
   "module": "es/index.js",
@@ -49,90 +49,6 @@
     "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"
@@ -169,4 +85,4 @@
       "@babel/preset-env"
     ]
   }
-}
+}

package/README.md

@@ -1,124 +0,0 @@
-# npm版本约定
-0.1.x - nuri 稳定版本
-0.2.x - ashita稳定版本
-1.x.x - 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, h5模式存入h5Token
-显示保存按钮，需localStorage中存入 DEV_MODE: Y
-
-# 快捷指令使用
-
-## 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:{}
-  }
-}