@lingxiteam/theme-utils 0.5.3 → 0.5.4

package/dist/lx-mobile.js

@@ -0,0 +1,174 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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); }
+import { stringifyCss, parseCss, prefixAnyCSS } from "./css";
+import { objToListByGroupsName } from "./utils";
+import { Button } from "./h5config/Button";
+import { DynamicTable } from "./h5config/Table";
+import { FilterItems } from "./h5config/FilterItems";
+import { NoticeBarPlus } from "./h5config/NoticeBarPlus";
+import { StaticTabs } from "./h5config/StaticTabs";
+import { Grid } from "./h5config/Grid";
+import { SearchView } from "./h5config/SearchView";
+import { DForm } from "./h5config/DForm";
+import { DformInput } from "./h5config/DformInput";
+import { DformTextArea } from "./h5config/DformTextArea";
+import { DformInputNumber } from "./h5config/DformInputNumber";
+import { DformRadio } from "./h5config/DformRadio";
+import { DCheckbox } from "./h5config/DCheckbox";
+import { DformPicker } from "./h5config/DformPicker";
+import { DMultiplePicker } from "./h5config/DMultiplePicker";
+import { DformSelect } from "./h5config/DformSelect";
+import { DAddressPicker } from "./h5config/DAddressPicker";
+import { DformDate } from "./h5config/DformDate";
+import { DformRangePicker } from "./h5config/DformRangePicker";
+import { DformSwitch } from "./h5config/DformSwitch";
+import { DformImagePicker } from "./h5config/DformImagePicker";
+import { DformFile } from "./h5config/DformFile";
+import { Icon } from "./h5config/Icon";
+import { ALink } from "./h5config/Link";
+import { Card } from "./h5config/Card";
+import { Accordion } from "./h5config/Accordion";
+export var THEME_KEYS_MOBILE_TITLE = {
+  '@brand-primary': '主题色',
+  '@border-color-base': '边框色',
+  '@font-size-base': '主字号',
+  '@color-text-base': '主文本色',
+  '@color-text-placeholder': '警告色',
+  '@font-size-heading': '标题字',
+  '@button-font-size': '按钮字号',
+  '@fill-base': '背景色',
+  '@brand-primary-tap': '点击色',
+  '@color-link': '链接色'
+};
+export var MOBILE_ASSETS_CSS_TPL = {
+  Icon: Icon,
+  ALink: ALink,
+  Button: Button,
+  // TODO: 分割线 style 写死，最后修改方案
+  // Divider,
+  Card: Card,
+  DynamicTable: DynamicTable,
+  FilterItems: FilterItems,
+  NoticeBarPlus: NoticeBarPlus,
+  StaticTabs: StaticTabs,
+  Grid: Grid,
+  SearchView: SearchView,
+  // TODO: 动态列表自己并没有样式才对
+  // LoadMore,
+  DForm: DForm,
+  DformInput: DformInput,
+  DformTextArea: DformTextArea,
+  DformInputNumber: DformInputNumber,
+  DformRadio: DformRadio,
+  DCheckbox: DCheckbox,
+  DformPicker: DformPicker,
+  DMultiplePicker: DMultiplePicker,
+  DformSelect: DformSelect,
+  DAddressPicker: DAddressPicker,
+  DformDate: DformDate,
+  DformRangePicker: DformRangePicker,
+  DformSwitch: DformSwitch,
+  DformImagePicker: DformImagePicker,
+  DformFile: DformFile,
+  Accordion: Accordion
+};
+export var mobileExtend = {
+  DformInput: 'DForm',
+  DformTextArea: 'DForm',
+  DformInputNumber: 'DForm',
+  DformRadio: 'DForm',
+  DCheckbox: 'DForm',
+  DformPicker: 'DForm',
+  DMultiplePicker: 'DForm',
+  DformSelect: 'DForm',
+  DAddressPicker: 'DForm',
+  DformDate: 'DForm',
+  DformRangePicker: 'DForm',
+  DformSwitch: 'DForm',
+  DformImagePicker: 'DForm',
+  DformFile: 'DForm'
+};
+export var MOBILE_ASSETS_COMPONENT_LIST = objToListByGroupsName(Object.values(MOBILE_ASSETS_CSS_TPL));
+export function getMobileItemByType(type) {
+  var com = MOBILE_ASSETS_CSS_TPL[type];
+  if (!type || !com) return {
+    tpl: ''
+  };
+  return com;
+}
+export function px2rem(obj) {
+  var remObj = {};
+  for (var key in obj) {
+    if (obj.hasOwnProperty(key)) {
+      var value = obj[key];
+      if (value) {
+        var _value;
+        var values = (_value = value) === null || _value === void 0 ? void 0 : _value.split(' ');
+        if (values.length > 0) {
+          var remValues = values.map(function (val) {
+            if (val.includes('px')) {
+              var parsedValue = parseFloat(val);
+              return "".concat(parsedValue / 50, "rem");
+            }
+            return val;
+          });
+          value = remValues.join(' ');
+        } else if (value.includes('px')) {
+          var parsedValue = parseFloat(value);
+          value = "".concat(parsedValue / 50, "rem");
+        }
+      }
+      remObj[key] = value;
+    }
+  }
+  return remObj;
+}
+export function rem2px(rem) {
+  // TODO: 这个方法不对，现在没用到就没有修改
+  var str = rem.split('rem');
+  if (!str[0]) return '0';
+  return "".concat((Number.parseFloat(str[0]) * 100).toFixed(1), "px");
+}
+export function parseValueRem(values) {
+  Object.keys(values).map(function (key) {
+    var _values$key;
+    if ((_values$key = values[key]) !== null && _values$key !== void 0 && _values$key.includes('rem')) {
+      values[key] = rem2px(values[key]);
+    }
+    return key;
+  });
+  return values;
+}
+
+// 临时解决方案，将只对它有影响的值，生成继承的样式
+export function stringifyMobileCssByTypePreview(type, values) {
+  if (mobileExtend[type]) {
+    var cfg = getMobileItemByType(mobileExtend[type]);
+    var _item = getMobileItemByType(type);
+    return stringifyCss(cfg.tpl, px2rem(_objectSpread(_objectSpread({}, cfg.defaultValue[0]), values))) + stringifyCss(_item.tpl, px2rem(values));
+  }
+  var item = getMobileItemByType(type);
+  return stringifyCss(item.tpl, px2rem(values));
+}
+export function stringifyMobileCssByType(type, values) {
+  var item = getMobileItemByType(type);
+  return stringifyCss(item.tpl, px2rem(values));
+}
+export function parseMobileCssByType(type, css) {
+  var item = getMobileItemByType(type);
+  return parseValueRem(parseCss(item.tpl, css));
+}
+export function prefixMobileCSS(type, values, prefix) {
+  if (mobileExtend[type]) {
+    var _cfg$itemCustomTpl;
+    var cfg = getMobileItemByType(mobileExtend[type]);
+    var _item2 = getMobileItemByType(type);
+    return prefixAnyCSS(stringifyCss((_cfg$itemCustomTpl = cfg === null || cfg === void 0 ? void 0 : cfg.itemCustomTpl) !== null && _cfg$itemCustomTpl !== void 0 ? _cfg$itemCustomTpl : cfg === null || cfg === void 0 ? void 0 : cfg.tpl, px2rem(_objectSpread(_objectSpread({}, cfg.defaultValue[0]), values))), prefix, cfg === null || cfg === void 0 ? void 0 : cfg.hasPrefixClass) + prefixAnyCSS(stringifyCss(_item2.tpl, px2rem(values)), prefix, _item2 === null || _item2 === void 0 ? void 0 : _item2.hasPrefixClass);
+  }
+  var item = getMobileItemByType(type);
+  return prefixAnyCSS(stringifyCss(item.tpl, px2rem(values)), prefix, item === null || item === void 0 ? void 0 : item.hasPrefixClass);
+}

package/dist/lx.d.ts

@@ -0,0 +1,24 @@
+export declare const THEME_KEYS_TITLE: {
+    '@primary-color': string;
+    '@font-size-base': string;
+    '@heading-color': string;
+    '@text-color': string;
+    '@text-color-secondary': string;
+    '@disabled-color': string;
+    '@border-radius-base': string;
+    '@padding': string;
+    '@border-color-base': string;
+    '@box-shadow-base': string;
+    '@link-color': string;
+    '@success-color': string;
+    '@warning-color': string;
+    '@error-color': string;
+};
+export declare const ASSETS_CSS_TPL: any;
+export declare const pcExtend: any;
+export declare const ASSETS_COMPONENT_LIST: unknown[];
+export declare function getItemByType(type: string): any;
+export declare function stringifyCssByType(type: string, values: any): string;
+export declare function stringifyCssByTypePreview(type: string, values: any): string;
+export declare function parseCssByType(type: string, css: string): any;
+export declare function prefixCSS(type: string, values: any, prefix: string): string;

package/dist/lx.js

@@ -0,0 +1,139 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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); }
+import { stringifyCss, parseCss, prefixAnyCSS } from "./css";
+import { objToListByGroupsName } from "./utils";
+import { Button } from "./config/Button";
+// 文本放在不同的组件下，会有不同的效果，暂不支持配置
+// import { Text } from './config/Text';
+import { Icon } from "./config/Icon";
+import { Link } from "./config/Link";
+import { Container } from "./config/Container";
+import { Form } from "./config/Form";
+import { Input } from "./config/Input";
+import { Card } from "./config/Card";
+import { Collapse } from "./config/Collapse";
+import { Tabs } from "./config/Tabs";
+import { TextArea } from "./config/TextArea";
+import { InputNumber } from "./config/InputNumber";
+import { Radio } from "./config/Radio";
+import { CheckboxGroup } from "./config/CheckboxGroup";
+import { Checkbox } from "./config/Checkbox";
+import { Select } from "./config/Select";
+import { MultipleSelect } from "./config/MultipleSelect";
+import { DatePicker } from "./config/DatePicker";
+import { TimePicker } from "./config/TimePicker";
+import { RangePicker } from "./config/RangePicker";
+import { TreeSelect } from "./config/TreeSelect";
+import { Cascader } from "./config/Cascader";
+import { Switch } from "./config/Switch";
+import { StdUpload } from "./config/StdUpload";
+import { Table } from "./config/Table";
+import { Tag } from "./config/Tag";
+import { Tree } from "./config/Tree";
+import { Description } from "./config/Description";
+export var THEME_KEYS_TITLE = {
+  '@primary-color': '主题色',
+  '@font-size-base': '主字号',
+  '@heading-color': '标题色',
+  '@text-color': '主文本色',
+  '@text-color-secondary': '次文本色',
+  '@disabled-color': '失效色',
+  '@border-radius-base': '圆角',
+  '@padding': '边距',
+  '@border-color-base': '边框颜色',
+  '@box-shadow-base': '浮层阴影',
+  '@link-color': '链接色',
+  '@success-color': '成功色',
+  '@warning-color': '警告色',
+  '@error-color': '错误色'
+};
+export var ASSETS_CSS_TPL = {
+  Button: Button,
+  Container: Container,
+  Form: Form,
+  Card: Card,
+  Collapse: Collapse,
+  Tabs: Tabs,
+  Icon: Icon,
+  Link: Link,
+  Input: Input,
+  TextArea: TextArea,
+  InputNumber: InputNumber,
+  Radio: Radio,
+  CheckboxGroup: CheckboxGroup,
+  Checkbox: Checkbox,
+  Select: Select,
+  MultipleSelect: MultipleSelect,
+  DatePicker: DatePicker,
+  TimePicker: TimePicker,
+  RangePicker: RangePicker,
+  TreeSelect: TreeSelect,
+  Cascader: Cascader,
+  Switch: Switch,
+  StdUpload: StdUpload,
+  Table: Table,
+  Tag: Tag,
+  Tree: Tree,
+  Description: Description
+};
+export var pcExtend = {
+  Input: 'Form',
+  TextArea: 'Form',
+  InputNumber: 'Form',
+  Radio: 'Form',
+  CheckboxGroup: 'Form',
+  Checkbox: 'Form',
+  Select: 'Form',
+  MultipleSelect: 'Form',
+  DatePicker: 'Form',
+  TimePicker: 'Form',
+  RangePicker: 'Form',
+  TreeSelect: 'Form',
+  Cascader: 'Form',
+  Switch: 'Form',
+  StdUpload: 'Form',
+  Table: 'Container',
+  Card: 'Container',
+  Collapse: 'Container'
+};
+export var ASSETS_COMPONENT_LIST = objToListByGroupsName(Object.values(ASSETS_CSS_TPL));
+export function getItemByType(type) {
+  var com = ASSETS_CSS_TPL[type];
+  if (!type || !com) return {
+    tpl: ''
+  };
+  return com;
+}
+export function stringifyCssByType(type, values) {
+  var item = getItemByType(type);
+  return stringifyCss(item.tpl, values);
+}
+
+// 临时解决方案，将只对它有影响的值，生成继承的样式
+export function stringifyCssByTypePreview(type, values) {
+  if (pcExtend[type]) {
+    var cfg = getItemByType(pcExtend[type]);
+    var _item = getItemByType(type);
+    return stringifyCss(cfg.tpl, _objectSpread(_objectSpread({}, cfg.defaultValue[0]), values)) + stringifyCss(_item.tpl, values);
+  }
+  var item = getItemByType(type);
+  return stringifyCss(item.tpl, values);
+}
+export function parseCssByType(type, css) {
+  var item = getItemByType(type);
+  return parseCss(item.tpl, css);
+}
+export function prefixCSS(type, values, prefix) {
+  if (pcExtend[type]) {
+    var _cfg$itemCustomTpl;
+    var cfg = getItemByType(pcExtend[type]);
+    var _item2 = getItemByType(type);
+    return prefixAnyCSS(stringifyCss((_cfg$itemCustomTpl = cfg === null || cfg === void 0 ? void 0 : cfg.itemCustomTpl) !== null && _cfg$itemCustomTpl !== void 0 ? _cfg$itemCustomTpl : cfg === null || cfg === void 0 ? void 0 : cfg.tpl, _objectSpread(_objectSpread({}, cfg.defaultValue[0]), values)), prefix, cfg !== null && cfg !== void 0 && cfg.hasCustomNoPrefixClass ? false : cfg === null || cfg === void 0 ? void 0 : cfg.hasPrefixClass) + prefixAnyCSS(stringifyCss(_item2.tpl, values), prefix, _item2 === null || _item2 === void 0 ? void 0 : _item2.hasPrefixClass);
+  }
+  var item = getItemByType(type);
+  return prefixAnyCSS(stringifyCss(item.tpl, values), prefix, item === null || item === void 0 ? void 0 : item.hasPrefixClass);
+}

package/dist/utils.d.ts

@@ -0,0 +1,12 @@
+/**
+ *  根据 groupsName 将对象分成数组
+ * @param obj
+ * @returns
+ */
+export declare function objToListByGroupsName(obj: any): unknown[];
+/**
+ *  (内部方法) 根据 groupsName 将对象分成数组
+ * @param obj
+ * @returns
+ */
+export declare function __objToListByGroupsName(obj: any): unknown[];

package/dist/utils.js

@@ -0,0 +1,67 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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); }
+/**
+ *  根据 groupsName 将对象分成数组
+ * @param obj
+ * @returns
+ */
+export function objToListByGroupsName(obj) {
+  var groups = {};
+
+  // 遍历对象，根据groupsName属性进行分组
+  // eslint-disable-next-line guard-for-in
+  for (var key in obj) {
+    var item = obj[key];
+    var groupName = item.groupsName;
+    if (!groups[groupName]) {
+      groups[groupName] = {
+        groupName: groupName,
+        id: Object.keys(groups).length + 1,
+        items: []
+      };
+    }
+    groups[groupName].items.push(_objectSpread({
+      key: key
+    }, item));
+  }
+
+  // 将分组转换为数组
+  var result = Object.values(groups);
+  return result;
+}
+
+/**
+ *  (内部方法) 根据 groupsName 将对象分成数组
+ * @param obj
+ * @returns
+ */
+export function __objToListByGroupsName(obj) {
+  var groups = {};
+
+  // 遍历对象，根据groupsName属性进行分组
+  // eslint-disable-next-line guard-for-in
+  for (var key in obj) {
+    var item = obj[key];
+    var groupName = item.groupsName;
+    if (!groups[groupName]) {
+      groups[groupName] = {
+        groupName: groupName,
+        id: Object.keys(groups).length + 1,
+        items: []
+      };
+    }
+    groups[groupName].items.push({
+      key: key,
+      type: item.type,
+      icon: item.icon
+    });
+  }
+
+  // 将分组转换为数组
+  var result = Object.values(groups);
+  return result;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lingxiteam/theme-utils",
-  "version": "0.5.3",
+  "version": "0.5.4",
   "description": "",
   "keywords": [],
   "license": "MIT",