@fonixtree/magic-design 0.0.1

package/es/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/es/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/lib/assets/fonts/magic-box-iconfont.css

@@ -0,0 +1,299 @@
+@font-face {
+  font-family: "magic-box-iconfont"; /* Project id 3317752 */
+  src: url('magic-box-iconfont.woff2?t=1662098163638') format('woff2'),
+       url('magic-box-iconfont.woff?t=1662098163638') format('woff'),
+       url('magic-box-iconfont.ttf?t=1662098163638') format('truetype');
+}
+
+.magic-box-iconfont {
+  font-family: "magic-box-iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.magic-box-icon-newsletter:before {
+  content: "\e62e";
+}
+
+.magic-box-icon-reward:before {
+  content: "\e63c";
+}
+
+.magic-box-icon-carousel:before {
+  content: "\e63d";
+}
+
+.magic-box-icon-padding-left:before {
+  content: "\e7fc";
+}
+
+.magic-box-icon-padding-bottom:before {
+  content: "\e7fd";
+}
+
+.magic-box-icon-padding-right:before {
+  content: "\e621";
+}
+
+.magic-box-icon-padding-top:before {
+  content: "\e622";
+}
+
+.magic-box-icon-button:before {
+  content: "\e61b";
+}
+
+.magic-box-icon-tags:before {
+  content: "\e619";
+}
+
+.magic-box-icon-close-circle:before {
+  content: "\e6a6";
+}
+
+.magic-box-icon-divider-1:before {
+  content: "\e63b";
+}
+
+.magic-box-icon-a-3:before {
+  content: "\e618";
+}
+
+.magic-box-icon-align-right:before {
+  content: "\e7f5";
+}
+
+.magic-box-icon-align-center:before {
+  content: "\e7f6";
+}
+
+.magic-box-icon-align-left:before {
+  content: "\e7f7";
+}
+
+.magic-box-icon-italic:before {
+  content: "\e7fb";
+}
+
+.magic-box-icon-A:before {
+  content: "\e617";
+}
+
+.magic-box-icon-delete1:before {
+  content: "\e6b4";
+}
+
+.magic-box-icon-URLguanli:before {
+  content: "\e6b7";
+}
+
+.magic-box-icon-copy:before {
+  content: "\e616";
+}
+
+.magic-box-icon-vector:before {
+  content: "\e610";
+}
+
+.magic-box-icon-search2:before {
+  content: "\e7a0";
+}
+
+.magic-box-icon-message:before {
+  content: "\e7a1";
+}
+
+.magic-box-icon-flash-deal:before {
+  content: "\e7a2";
+}
+
+.magic-box-icon-positioning:before {
+  content: "\e62c";
+}
+
+.magic-box-icon-recommendation:before {
+  content: "\e637";
+}
+
+.magic-box-icon-share-buy:before {
+  content: "\e638";
+}
+
+.magic-box-icon-outlined-left:before {
+  content: "\e639";
+}
+
+.magic-box-icon-products:before {
+  content: "\e63a";
+}
+
+.magic-box-icon-clickable-area:before {
+  content: "\e61c";
+}
+
+.magic-box-icon-image-gallery:before {
+  content: "\e61d";
+}
+
+.magic-box-icon-countdown:before {
+  content: "\e61e";
+}
+
+.magic-box-icon-divider:before {
+  content: "\e61f";
+}
+
+.magic-box-icon-coupon:before {
+  content: "\e620";
+}
+
+.magic-box-icon-giveaway:before {
+  content: "\e623";
+}
+
+.magic-box-icon-faq:before {
+  content: "\e624";
+}
+
+.magic-box-icon-forms:before {
+  content: "\e625";
+}
+
+.magic-box-icon-filled-image:before {
+  content: "\e626";
+}
+
+.magic-box-icon-left:before {
+  content: "\e627";
+}
+
+.magic-box-icon-flashSale:before {
+  content: "\e628";
+}
+
+.magic-box-icon-html:before {
+  content: "\e629";
+}
+
+.magic-box-icon-location:before {
+  content: "\e62a";
+}
+
+.magic-box-icon-right:before {
+  content: "\e62b";
+}
+
+.magic-box-icon-notice:before {
+  content: "\e62d";
+}
+
+.magic-box-icon-video:before {
+  content: "\e62f";
+}
+
+.magic-box-icon-up:before {
+  content: "\e630";
+}
+
+.magic-box-icon-outlined-right:before {
+  content: "\e631";
+}
+
+.magic-box-icon-outlined-down:before {
+  content: "\e632";
+}
+
+.magic-box-icon-logout:before {
+  content: "\e633";
+}
+
+.magic-box-icon-navigation:before {
+  content: "\e634";
+}
+
+.magic-box-icon-outlined-up:before {
+  content: "\e635";
+}
+
+.magic-box-icon-footer:before {
+  content: "\e636";
+}
+
+.magic-box-icon-more:before {
+  content: "\e609";
+}
+
+.magic-box-icon-mobile:before {
+  content: "\e60a";
+}
+
+.magic-box-icon-menu:before {
+  content: "\e60b";
+}
+
+.magic-box-icon-link:before {
+  content: "\e60c";
+}
+
+.magic-box-icon-next:before {
+  content: "\e60d";
+}
+
+.magic-box-icon-pc:before {
+  content: "\e60e";
+}
+
+.magic-box-icon-search:before {
+  content: "\e60f";
+}
+
+.magic-box-icon-text:before {
+  content: "\e611";
+}
+
+.magic-box-icon-setting:before {
+  content: "\e612";
+}
+
+.magic-box-icon-down:before {
+  content: "\e613";
+}
+
+.magic-box-icon-lessen:before {
+  content: "\e614";
+}
+
+.magic-box-icon-language:before {
+  content: "\e615";
+}
+
+.magic-box-icon-add:before {
+  content: "\e602";
+}
+
+.magic-box-icon-drag:before {
+  content: "\e603";
+}
+
+.magic-box-icon-home:before {
+  content: "\e604";
+}
+
+.magic-box-icon-back:before {
+  content: "\e605";
+}
+
+.magic-box-icon-close:before {
+  content: "\e606";
+}
+
+.magic-box-icon-header:before {
+  content: "\e607";
+}
+
+.magic-box-icon-image:before {
+  content: "\e608";
+}
+