@lingxiteam/theme-utils 0.1.3

package/dist/lx-mobile.js

@@ -0,0 +1,153 @@
+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 } from "./css";
+import { objToListByGroupsName } from "./utils";
+import { Button } from "./h5config/Button";
+import { Table } 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 MOBILE_ASSETS_CSS_TPL = {
+  Icon: Icon,
+  ALink: ALink,
+  Button: Button,
+  // TODO: 分割线 style 写死，最后修改方案
+  // Divider,
+  Card: Card,
+  Table: Table,
+  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
+};
+var extend = {
+  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];
+      var values = value.split(' ');
+      if (values.length > 0) {
+        var remValues = values.map(function (val) {
+          if (val.includes('px')) {
+            var parsedValue = parseFloat(val);
+            return parsedValue / 50 + 'rem';
+          }
+          return val;
+        });
+        value = remValues.join(' ');
+      }
+      // 处理其他属性的值
+      else {
+        if (value.includes('px')) {
+          var parsedValue = parseFloat(value);
+          value = 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 values;
+}
+
+// 临时解决方案，将只对它有影响的值，生成继承的样式
+export function stringifyMobileCssByTypePreview(type, values) {
+  if (extend[type]) {
+    var cfg = getMobileItemByType(extend[type]);
+    var item = getMobileItemByType(type);
+    return stringifyCss(cfg.tpl, px2rem(_objectSpread(_objectSpread({}, cfg.defaultValue[0]), values))) + stringifyCss(item.tpl, px2rem(values));
+  } else {
+    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));
+}

package/dist/lx.d.ts

@@ -0,0 +1,6 @@
+export declare const ASSETS_CSS_TPL: 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;

package/dist/lx.js

@@ -0,0 +1,112 @@
+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 } 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 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
+};
+var extend = {
+  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'
+};
+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 (extend[type]) {
+    var cfg = getItemByType(extend[type]);
+    var item = getItemByType(type);
+    return stringifyCss(cfg.tpl, _objectSpread(_objectSpread({}, cfg.defaultValue[0]), values)) + stringifyCss(item.tpl, values);
+  } else {
+    var _item = getItemByType(type);
+    return stringifyCss(_item.tpl, values);
+  }
+}
+export function parseCssByType(type, css) {
+  var item = getItemByType(type);
+  return parseCss(item.tpl, css);
+}

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,65 @@
+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属性进行分组
+  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属性进行分组
+  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

@@ -0,0 +1,38 @@
+{
+  "name": "@lingxiteam/theme-utils",
+  "version": "0.1.3",
+  "description": "",
+  "keywords": [],
+  "license": "MIT",
+  "author": "",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "father build",
+    "dev": "father dev",
+    "format": "prettier --write .",
+    "g": "esno scripts/generateConfig",
+    "gp": "esno scripts/generatePage",
+    "test": "esno a.ts"
+  },
+  "dependencies": {
+    "stylis": "^4.3.0"
+  },
+  "devDependencies": {
+    "@types/stylis": "^4.2.0",
+    "esno": "^0.17.0",
+    "father": "^4.3.0",
+    "prettier": "^2.6.2",
+    "prettier-plugin-organize-imports": "^2.3.4",
+    "prettier-plugin-packagejson": "^2.2.18"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "antd": "4.18.8"
+  }
+}