@lingxiteam/assets 1.0.12 → 1.0.13-alpha.2

package/lib/theme/src/default/index.js

@@ -6,67 +6,140 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var renderColors = require('../../utils/renderColors');
+var _require = require('../../utils/renderColors'),
+  renderColors = _require.renderColors,
+  fade = _require.fade;
 var px2Num = require('../../utils/px2Num');
 var colors = {
-  blue: '#3295fa',
-  cyan: '#0dd1a9',
-  green: '#02b342',
-  gold: '#faaf0c',
-  volcano: '#fa6432',
   red: '#f23030',
-  purple: '#6732e6',
-  geekblue: '#3366ee',
-  pink: '#eb2f96',
-  orange: '#fa8c16',
+  volcano: '#fa541c',
+  orange: '#fa6432',
+  gold: '#faaf0c',
   yellow: '#fadb14',
-  lime: '#a0d911'
+  lime: '#a0d911',
+  green: '#02b342',
+  cyan: '#0dd1a9',
+  blue: '#3295fa',
+  geekblue: '#3366ee',
+  purple: '#6732e6',
+  magenta: '#eb2f96',
+  pink: '#eb2f96'
 };
 var sceneColors = {
-  primary: '#4477ee',
-  info: '#4477ee',
-  success: '#36bf36',
-  warning: '#faad14',
-  error: '#f52230',
-  highlight: '#fa6432'
+  primary: '#417ffb',
+  info: '#3998f7',
+  success: '#02b342',
+  warning: '#faaf0c',
+  error: '#f23030',
+  highlight: '#f23030'
 };
 var colorPlate = renderColors(colors, 'base');
 var sceneColorPlate = renderColors(sceneColors);
 
+// 灰色色阶
+var grayPlate = {
+  'gray-1': '#fff',
+  'gray-2': '#f7f8fa',
+  'gray-3': '#f2f3f5',
+  'gray-4': '#ebebf0',
+  'gray-5': '#e4e4eb',
+  'gray-6': '#dcdde5',
+  'gray-7': '#d5d6e0',
+  'gray-8': '#c9cbd6',
+  'gray-9': '#b0b2bf',
+  'gray-10': '#9092a3',
+  'gray-11': '#64677a',
+  'gray-12': '#414352',
+  'gray-13': '#2a2b33'
+};
+
 // 黑色色阶
 var blackPlate = {
-  'black-1': 'rgba(28, 36, 46, 0.15)',
-  'black-2': 'rgba(28, 36, 46, 0.25)',
-  'black-3': 'rgba(28, 36, 46, 0.35)',
-  'black-4': 'rgba(28, 36, 46, 0.45)',
-  'black-5': 'rgba(28, 36, 46, 0.55)',
-  'black-6': 'rgba(28, 36, 46, 0.65)',
-  'black-7': 'rgba(28, 36, 46, 0.75)',
-  'black-8': 'rgba(28, 36, 46, 0.85)',
-  'black-9': 'rgba(28, 36, 46, 0.95)',
-  'black-10': 'rgba(28, 36, 46, 1)'
+  'black-1': fade(grayPlate['gray-13'], 0.15),
+  'black-2': fade(grayPlate['gray-13'], 0.25),
+  'black-3': fade(grayPlate['gray-13'], 0.35),
+  'black-4': fade(grayPlate['gray-13'], 0.45),
+  'black-5': fade(grayPlate['gray-13'], 0.55),
+  'black-6': fade(grayPlate['gray-13'], 0.65),
+  'black-7': fade(grayPlate['gray-13'], 0.75),
+  'black-8': fade(grayPlate['gray-13'], 0.85),
+  'black-9': fade(grayPlate['gray-13'], 0.95),
+  'black-10': fade(grayPlate['gray-13'], 1)
+};
+
+// 填充色
+var fillColors = {
+  'color-fill-1': grayPlate['gray-1'],
+  'color-fill-2': grayPlate['gray-2'],
+  'color-fill-3': grayPlate['gray-3'],
+  'color-fill-4': grayPlate['gray-4'],
+  'color-fill-5': grayPlate['gray-11']
+};
+
+// 线条色
+var lineColors = {
+  'color-line-1': grayPlate['gray-3'],
+  'color-line-2': grayPlate['gray-5'],
+  'color-line-3': grayPlate['gray-6'],
+  'color-line-4': grayPlate['gray-7']
+};
+
+// 文字颜色
+var fontColors = {
+  'heading-color': grayPlate['gray-13'],
+  'text-color': grayPlate['gray-12'],
+  'text-color-paragraph': grayPlate['gray-11'],
+  'text-color-secondary': grayPlate['gray-10'],
+  'disabled-color': grayPlate['gray-9'],
+  'text-color-inverse': '#fff',
+  'text-color-dark': fade('#fff', 0.85),
+  'text-color-paragraph-dark': fade('#fff', 0.75),
+  'text-color-secondary-dark': fade('#fff', 0.65),
+  'disabled-color-dark': fade('#fff', 0.45),
+  'icon-color-hover': blackPlate['black-7'],
+  'icon-color-secondary': blackPlate['black-4'],
+  'icon-color-heading': blackPlate['black-10'],
+  'icon-color': 'inherit',
+  'link-color': '#417ffb'
 };
 
 // 文字尺寸
 var fontSizes = {
-  'font-size-base': '14px',
-  'font-size-lg': '16px',
-  'font-size-md': '15px',
   'font-size-sm': '12px',
-  'font-weight': '500'
+  'font-size-base': '13px',
+  'font-size-md': '14px',
+  'font-size-lg': '16px',
+  'font-weight': '500',
+  'article-size-sm': '12px',
+  'article-size-md': '14px',
+  'article-size-lg': '16px',
+  'article-line-height': 2
 };
 
 // 圆角
 var radius = {
-  'border-radius-base': '2px',
+  'border-radius-base': '4px',
+  'border-radius-sm': '2px',
   'border-radius-md': '4px',
   'border-radius-lg': '8px',
-  'border-radius-round': '50%'
+  'border-radius-round': '50%',
+  'box-border-radius': '8px'
 };
 
 // 间距
+var spaces = {
+  'space-xxs': '2px',
+  'space-xs': '4px',
+  'space-sm': '8px',
+  'space-md': '12px',
+  'space-lg': '16px',
+  'space-xl': '20px',
+  'space-xxl': '24px'
+};
+
+// 外间距
 var paddings = {
-  'padding-lg': '20px',
+  'padding-lg': '24px',
   'padding-md': '16px',
   'padding-sm': '12px',
   'padding-xs': '8px',
@@ -74,6 +147,27 @@ var paddings = {
   'padding-xxxs': '2px'
 };
 
+// 内间距
+var margins = {
+  'margin-lg': '24px',
+  'margin-md': '16px',
+  'margin-sm': '12px',
+  'margin-xs': '8px',
+  'margin-xxs': '4px',
+  'margin-xxxs': '2px'
+};
+
+// 页面间距
+var pageSpaces = {
+  'page-space': '0 40px 16px 40px'
+};
+
+// 盒子区块间距
+var boxSpaces = {
+  'box-padding-base': '20px',
+  'box-padding-sm': '12px'
+};
+
 // 尺寸
 var sizes = {
   'size-xs': '16px',
@@ -83,31 +177,41 @@ var sizes = {
   'size-lg': '40px',
   'size-xl': '56px'
 };
-var variable = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, colorPlate), sceneColorPlate), blackPlate), {}, {
+
+// 宽度值
+var widths = {
+  'width-xs': '256px',
+  'width-sm': '500px',
+  'width-md': '768px',
+  'width-lg': '1000px',
+  'width-xl': '80%'
+};
+
+// 投影
+var shadows = {
+  'box-shadow-1': '0px 1px 4px rgba(100, 103, 122, 0.06)',
+  'box-shadow-2': '0px 2px 8px rgba(100, 103, 122, 0.08)',
+  'box-shadow-3': '0px 4px 16px rgba(100, 103, 122, 0.12)',
+  'box-shadow-4': '0px 8px 24px rgba(100, 103, 122, 0.24)'
+};
+var variable = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, colorPlate), sceneColorPlate), blackPlate), grayPlate), fillColors), lineColors), shadows), {}, {
   white: '#fff',
-  black: 'rgba(28, 36, 46, 1)',
-  'link-color': '#2299ff',
-  'body-background': '#fff',
-  'background-color-base': '#edf0f5',
-  'border-color-base': '#e5e5e5',
-  'dividing-color': '#e5e5e5',
-  'border-color-split': '#f0f0f0',
-  'component-background': '#fff',
-  'background-color-light': 'hsv(0, 0, 98%)',
-  'disabled-bg': '#f5f5f5',
-  'modal-mask-bg': blackPlate['black-4'],
-  'item-hover-bg': '#f5f5f5',
-  'heading-color': blackPlate['black-10'],
-  'text-color': blackPlate['black-8'],
-  'text-color-paragraph': blackPlate['black-6'],
-  'text-color-secondary': blackPlate['black-4'],
-  'disabled-color': blackPlate['black-2'],
-  'text-color-inverse': '#fff',
-  'line-height-base': '1.5715',
-  'icon-color': 'inherit',
-  'icon-color-hover': blackPlate['black-7'],
-  'icon-color-secondary': blackPlate['black-4'],
-  'icon-color-heading': blackPlate['black-10']
+  black: '#000'
+}, fontColors), {}, {
+  'body-background': 'linear-gradient(180deg, #EBF0FF 0%, #F2F3F7 100%)',
+  'background-color-base': grayPlate['gray-3'],
+  'component-background': grayPlate['gray-1'],
+  'background-color-light': grayPlate['gray-2'],
+  'border-color-base': grayPlate['gray-6'],
+  'border-color-split': grayPlate['gray-5'],
+  'dividing-color': grayPlate['gray-6'],
+  'disabled-bg': grayPlate['gray-3'],
+  'disabled-active-bg': grayPlate['gray-4'],
+  'modal-mask-bg': fade(grayPlate['gray-13'], 0.45),
+  'item-hover-bg': fade(grayPlate['gray-13'], 0.06),
+  'item-active-bg': sceneColorPlate['primary-1'],
+  'label-required-color': colorPlate['red-6'],
+  'line-height-base': '1.5715'
 }, fontSizes), {}, {
   'heading-1-size': "".concat(Math.ceil(px2Num(fontSizes['font-size-base']) * 2.71), "px"),
   'heading-2-size': "".concat(Math.ceil(px2Num(fontSizes['font-size-base']) * 2.14), "px"),
@@ -115,13 +219,17 @@ var variable = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSp
   'heading-4-size': "".concat(Math.ceil(px2Num(fontSizes['font-size-base']) * 1.42), "px"),
   'heading-5-size': "".concat(Math.ceil(px2Num(fontSizes['font-size-base']) * 1.14), "px"),
   'heading-6-size': "".concat(Math.ceil(px2Num(fontSizes['font-size-base']) * 1), "px")
-}, radius), paddings), sizes), {}, {
-  'btn-height-base': sizes['size-base'],
+}, radius), spaces), paddings), margins), pageSpaces), boxSpaces), sizes), widths), {}, {
+  'height-base': sizes['size-md'],
+  'height-lg': sizes['size-lg'],
+  'height-sm': sizes['size-sm'],
+  'table-header-bg': grayPlate['gray-2'],
+  'btn-height-base': sizes['size-md'],
   'btn-height-lg': sizes['size-lg'],
   'btn-height-sm': sizes['size-sm'],
   'radio-size': sizes['size-xs'],
   'checkbox-size': sizes['size-xs'],
-  'input-height-base': sizes['size-base'],
+  'input-height-base': sizes['size-md'],
   'input-height-lg': sizes['size-lg'],
   'input-height-sm': sizes['size-sm'],
   'menu-inline-toplevel-item-height': sizes['size-lg'],

package/lib/theme/utils/renderColors.js

@@ -1,5 +1,6 @@
 "use strict";
 
+var tinycolor = require('tinycolor2');
 var colorPaletteMixin = require('./colorPaletteMixin');
 function renderColors(colors) {
   var suffix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'color';
@@ -8,11 +9,21 @@ function renderColors(colors) {
     Object.keys(colors).forEach(function (item) {
       for (var i = 0; i <= 10; i += 1) {
         var name = i === 0 ? "".concat(item, "-").concat(suffix) : "".concat(item, "-").concat(i);
-        var color = i === 0 ? colors[item] : colorPaletteMixin(colors[item], i);
+        var color = i === 0 || i === 6 ? colors[item] : colorPaletteMixin(colors[item], i);
         res[name] = color;
       }
     });
   }
   return res;
 }
-module.exports = renderColors;
+function fade(color) {
+  var alpha = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  var value = tinycolor(color);
+  value.setAlpha(alpha);
+  return value.toRgbString();
+}
+var colorUtils = {
+  renderColors: renderColors,
+  fade: fade
+};
+module.exports = colorUtils;

package/lib/utils/cookieUtil.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var CookieUtil = {
+  get: function get(name) {
+    var cookieName = "".concat(encodeURIComponent(name), "=");
+    var cookieStart = document.cookie.indexOf(cookieName);
+    var cookieValue = null;
+    var cookieEnd;
+    if (cookieStart > -1) {
+      cookieEnd = document.cookie.indexOf(';', cookieStart);
+      if (cookieEnd === -1) {
+        cookieEnd = document.cookie.length;
+      }
+      cookieValue = decodeURIComponent(document.cookie.substring(cookieStart + cookieName.length, cookieEnd));
+    }
+    return cookieValue;
+  },
+  set: function set(name, value, expires, path, domain, secure) {
+    var cookieText = "".concat(encodeURIComponent(name), "=").concat(encodeURIComponent(value));
+    if (expires instanceof Date) {
+      cookieText += "; expires=".concat(expires.toGMTString());
+    }
+    if (path) {
+      cookieText += "; path=".concat(path);
+    }
+    if (domain) {
+      cookieText += "; domain=".concat(domain);
+    }
+    if (secure) {
+      cookieText += '; secure';
+    }
+    document.cookie = cookieText;
+  },
+  unset: function unset(name, path, domain, secure) {
+    this.set(name, '', new Date(0), path, domain, secure);
+  }
+};
+var _default = CookieUtil;
+exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lingxiteam/assets",
-  "version": "1.0.12",
+  "version": "1.0.13-alpha.2",
   "description": "灵犀低代码平台移动端 - 工具类",
   "main": "lib/index.js",
   "module": "es/index.js",

package/es/dealDsl/events/actionObj.d.ts

@@ -1,3 +0,0 @@
-export declare const actionObj: {
-    apiRequest: (action: any) => any;
-};

package/es/dealDsl/events/actionObj.js

@@ -1,6 +0,0 @@
-export var actionObj = {
-  apiRequest: function apiRequest(action) {
-    // 在这里修改动作参数
-    return action;
-  }
-};

package/es/dealDsl/events/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * 动作解析前
- * @param action
- * @returns
- */
-export declare const parseActionBefore: (action: any) => any;

package/es/dealDsl/events/index.js

@@ -1,14 +0,0 @@
-import { actionObj } from "./actionObj";
-/**
- * 动作解析前
- * @param action
- * @returns
- */
-export var parseActionBefore = function parseActionBefore(action) {
-  var newAction = action;
-  if (actionObj[newAction.value]) {
-    var _actionObj$newAction$;
-    newAction = (_actionObj$newAction$ = actionObj[newAction.value](action)) !== null && _actionObj$newAction$ !== void 0 ? _actionObj$newAction$ : newAction;
-  }
-  return newAction;
-};

package/es/dealDsl/preprocess/editor.d.ts

@@ -1,9 +0,0 @@
-import type { ProcessPlatformType } from "../PropType";
-/**
- * 编辑器端
- */
-declare const _default: {
-    h5: ProcessPlatformType;
-    pc: ProcessPlatformType;
-};
-export default _default;

package/es/dealDsl/preprocess/editor.js

@@ -1,21 +0,0 @@
-var h5 = {
-  Button: function Button(component) {
-    return component;
-  }
-};
-var pc = {
-  Description: function Description(component) {
-    var descColumns = component.props.descColumns;
-    if (descColumns) {
-      delete component.props.descColumns;
-    }
-    return component;
-  }
-};
-/**
- * 编辑器端
- */
-export default {
-  h5: h5,
-  pc: pc
-};

package/es/dealDsl/preprocess/engine.d.ts

@@ -1,9 +0,0 @@
-import type { ProcessPlatformType } from "../PropType";
-/**
- * 运行态端
- */
-declare const _default: {
-    h5: ProcessPlatformType;
-    pc: ProcessPlatformType;
-};
-export default _default;

package/es/dealDsl/preprocess/engine.js

@@ -1,19 +0,0 @@
-// H5组件
-var h5 = {
-  Button: function Button(component) {
-    return component;
-  }
-};
-// PC端组件
-var pc = {
-  Button: function Button(component) {
-    return component;
-  }
-};
-/**
- * 运行态端
- */
-export default {
-  h5: h5,
-  pc: pc
-};