@fonixtree/magic-design 0.0.1

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

@@ -0,0 +1,68 @@
+{
+  "name": "@fonixtree/magic-design",
+  "author": "Cylon Team",
+  "version": "0.0.1",
+  "description": "Magic Design",
+  "license": "MIT",
+  "module": "es/index.js",
+  "main": "lib/index.js",
+  "typings": "lib/index.js",
+  "scripts": {
+    "start": "node scripts/start.js",
+    "pub": "sh ./bin/publish.sh",
+    "build": "node scripts/build.js",
+    "iconfont": "node ./bin/iconfont.js update",
+    "export": "rm -rf dist && npx rollup --config ./config/rollup.config.js",
+    "compile": "rc-tools run compile --src=src/components --babel-runtime && cp -r ./src/components/assets/fonts ./es/assets&& cp -r ./src/components/assets/fonts ./lib/assets",
+    "push:h5": "cp -r ./pub-dist/es ../eshoph5_pto/node_modules/@whalecloud/magic-design/",
+    "push:biz": "cp -r ./pub-dist/es ../bizme_pto/node_modules/@whalecloud/magic-design/"
+  },
+  "dependencies": {
+    "antd": "4.20.6",
+    "axios": "0.27.2",
+    "immutability-helper": "3.1.1",
+    "lodash": "4.17.21",
+    "macy": "2.5.1",
+    "mobx": "6.6.1",
+    "mobx-react": "7.5.2",
+    "moment": "2.29.3",
+    "react": "16.11.0",
+    "react-color": "2.17.0",
+    "react-dom": "16.11.0",
+    "react-router-dom": "5.3.0",
+    "react-slick": "^0.29.0",
+    "slick-carousel": "^1.8.1"
+  },
+  "files": [
+    "es",
+    "lib",
+    "dist"
+  ],
+  "config": {
+    "entry": {
+      "magicBox": "./src/components/index.jsx"
+    },
+    "output": {
+      "library": "magicDesign"
+    }
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "babel": {
+    "presets": [
+      "@babel/preset-react",
+      "@babel/preset-typescript",
+      "@babel/preset-env"
+    ]
+  }
+}