@fonixtree/magic-design 0.0.73 → 0.0.74

package/lib/utils/dateUtil.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatDateTime = exports.formatDateMinute = exports.formatDate = void 0;
+exports.formatDayMonth = formatDayMonth;
+exports.newDate = void 0;
+
+var _moment = _interopRequireDefault(require("moment"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var dateFmt = 'YYYY-MM-DD';
+var timeFmt = 'YYYY-MM-DD HH:mm:ss';
+var timeMinuteFmt = 'YYYY-MM-DD HH:mm';
+/**
+ * new Date 解决ios 安卓兼容问题
+ * @param {*} date 时间
+ */
+
+var newDate = function newDate(date) {
+  if (date instanceof Date) {
+    return date;
+  }
+
+  if (date) {
+    var reg = /^[0-9]+.?[0-9]*$/;
+
+    if (reg.test(date)) {
+      return new Date(Number(date));
+    }
+
+    return new Date(date.replace(/-/g, '/'));
+  }
+
+  return new Date();
+};
+
+exports.newDate = newDate;
+
+var formatDate = function formatDate(date) {
+  return (0, _moment["default"])(date).format(dateFmt);
+};
+
+exports.formatDate = formatDate;
+
+var formatDateTime = function formatDateTime(time) {
+  return (0, _moment["default"])(time).format(timeFmt);
+};
+
+exports.formatDateTime = formatDateTime;
+
+var formatDateMinute = function formatDateMinute(time) {
+  return (0, _moment["default"])(time).format(timeMinuteFmt);
+};
+
+exports.formatDateMinute = formatDateMinute;
+
+function formatDayMonth(date, fmt) {
+  if (fmt === void 0) {
+    fmt = 'DD MMM';
+  }
+
+  if (!date) {
+    return '';
+  }
+
+  return (0, _moment["default"])(newDate(date)).format(fmt);
+}

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": "0.0.73",
+  "version": "0.0.74",
   "description": "Magic Design",
   "license": "MIT",
   "module": "es/index.js",
@@ -34,91 +34,6 @@
     "replace": "^1.2.1",
     "slick-carousel": "^1.8.1"
   },
-  "devDependencies": {
-    "react-dom": "^16.11.0",
-    "react": "^16.11.0",
-    "gulp": "4.0.2",
-    "gulp-less": "5.0.0",
-    "gulp-postcss": "9.0.1",
-    "gulp-rename": "2.0.0",
-    "postcss-less": "6.0.0",
-    "@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",
-    "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-loader": "^6.2.1",
-    "postcss-normalize": "^10.0.1",
-    "postcss-preset-env": "^7.0.1",
-    "postcss-px-to-viewport": "^1.1.1",
-    "postcss-selector-namespace": "^3.0.1",
-    "prompts": "^2.4.2",
-    "rc-tools": "^9.6.1-alpha.1",
-    "react-app-polyfill": "^3.0.0",
-    "react-dev-utils": "^12.0.1",
-    "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-dom": ">=16.11.0",
     "react": ">=16.11.0"